/* Claymorphism visual layer; enabled only for the clay theme. */
body.student-page,body.admin-page{
  --bg:#e8edf9;
  --surface:#f7f7ff;
  --surface2:#e9e5fa;
  --text:#253359;
  --muted:#586785;
  --line:#d8dcf0;
  --blue:#6d65d9;
  --blue2:#8270eb;
  --blue-light:#e9e3ff;
  --shadow:12px 14px 29px rgba(91,102,161,.16),-8px -8px 20px rgba(255,255,255,.75),inset 2px 2px 2px rgba(255,255,255,.9);
  min-height:100vh;
  background:radial-gradient(circle at 10% 13%,#f9e7ed 0,transparent 29%),radial-gradient(circle at 88% 86%,#d8e8fc 0,transparent 36%),linear-gradient(135deg,#edf0fb,#e5e8f8);
  background-attachment:fixed;
}
.student-page .topbar,.admin-page .topbar{background:rgba(250,248,255,.96);border-bottom-color:#dee0f1;box-shadow:0 8px 25px rgba(98,100,154,.12)}
.student-page .category-nav,.admin-page .panel,.admin-page .auth-card,.student-page .modal,.admin-page .modal{
  background:#f5f4ff;
  border:1px solid rgba(255,255,255,.96);
  box-shadow:14px 18px 33px rgba(95,101,151,.18),-8px -8px 25px rgba(255,255,255,.8),inset 2px 2px 3px rgba(255,255,255,.95),inset -3px -3px 8px rgba(160,162,207,.13);
}
.student-page .message-card,.admin-page .admin-msg{
  background:linear-gradient(145deg,#fbfaff,#efedfc);
  border:1px solid #fff;
  border-radius:25px;
  box-shadow:11px 14px 26px rgba(102,107,157,.18),-7px -7px 20px rgba(255,255,255,.83),inset 2px 2px 2px rgba(255,255,255,.95),inset -3px -4px 8px rgba(174,165,218,.12);
}
.student-page .student-group summary,.student-page .mobile-category-toggle,.admin-page .admin-group,.admin-page .richbox,.admin-page .type-tabs button,.admin-page .password-block,.student-page .searchbox,.visual-theme-picker summary{
  background:#f6f4ff;
  border-color:#dedaf3;
  box-shadow:5px 6px 13px rgba(111,111,163,.11),inset 1px 1px 2px #fff;
}
.student-page .category-btn.active,.student-page .message-copy,.admin-page .primary-btn,.admin-page .small-primary,.student-page .primary-btn,.student-page .pill-btn{background:linear-gradient(135deg,#7167d7,#9c87ea);color:white;box-shadow:4px 6px 13px rgba(108,94,183,.25),inset 1px 1px 1px rgba(255,255,255,.25)}
.student-page .message-content,.student-page .note-content,.admin-page .rich-editor{color:var(--text)}
.student-page .message-number{color:#6558b9}
.student-page .message-card.pinned .message-number{color:#b86c00}
.student-page .message-card.spotlit,.admin-page .admin-msg.spotlit{border:2px solid #ae6bff}
.visual-theme-options{background:#f8f6ff;border-color:#e1def0;box-shadow:9px 13px 25px rgba(85,81,145,.22)}

:root[data-theme=dark] body.student-page,:root[data-theme=dark] body.admin-page{
  --bg:#21263e;
  --surface:#303550;
  --surface2:#3b405f;
  --text:#f4f1ff;
  --muted:#bec4db;
  --line:#4a5276;
  --blue:#a996ff;
  --blue2:#baa4ff;
  --blue-light:#45416e;
  --shadow:11px 14px 27px rgba(7,11,32,.42),-5px -5px 17px rgba(99,106,152,.11),inset 2px 2px 2px rgba(255,255,255,.08);
  background:radial-gradient(circle at 12% 13%,#44344f 0,transparent 32%),radial-gradient(circle at 88% 88%,#253f63 0,transparent 35%),linear-gradient(130deg,#24263e,#1e2b47);
  background-attachment:fixed;
}
:root[data-theme=dark] .student-page .topbar,:root[data-theme=dark] .admin-page .topbar{background:#30344e;border-color:#474b69;box-shadow:0 8px 28px rgba(3,7,25,.3)}
:root[data-theme=dark] .student-page .category-nav,:root[data-theme=dark] .admin-page .panel,:root[data-theme=dark] .admin-page .auth-card,:root[data-theme=dark] .student-page .modal,:root[data-theme=dark] .admin-page .modal{background:#303650;border-color:#4a5170;box-shadow:13px 17px 28px rgba(5,8,27,.38),inset 2px 2px 2px rgba(255,255,255,.07),inset -3px -3px 7px rgba(0,0,0,.12)}
:root[data-theme=dark] .student-page .message-card,:root[data-theme=dark] .admin-page .admin-msg{background:linear-gradient(145deg,#3b405e,#2e344f);border-color:#535a7a;box-shadow:10px 13px 25px rgba(4,7,25,.43),inset 2px 2px 2px rgba(255,255,255,.09),inset -3px -4px 8px rgba(0,0,0,.13)}
:root[data-theme=dark] .student-page .student-group summary,:root[data-theme=dark] .student-page .mobile-category-toggle,:root[data-theme=dark] .admin-page .admin-group,:root[data-theme=dark] .admin-page .richbox,:root[data-theme=dark] .admin-page .type-tabs button,:root[data-theme=dark] .admin-page .password-block,:root[data-theme=dark] .student-page .searchbox,:root[data-theme=dark] .visual-theme-picker summary{background:#383d5b;border-color:#505777;box-shadow:5px 6px 12px rgba(6,8,27,.22),inset 1px 1px 2px rgba(255,255,255,.08)}
:root[data-theme=dark] .visual-theme-options{background:#363b58;border-color:#535979;box-shadow:9px 13px 25px rgba(2,4,18,.42)}
:root[data-theme=dark] .student-page .message-number{color:#baa4ff}
:root[data-theme=dark] .student-page .message-card.pinned .message-number{color:#ffc36a}