:root{
  --bg:#f6f4f0;--panel:#fffdfa;--line:#e3ded5;--text:#171717;--muted:#7d776f;
  --orange:#ff7d32;--orange-soft:#fff0e7;--blue:#4a79f7;--blue-soft:#edf3ff;
  --green:#18885d;--green-soft:#dff8ec;--red:#bf3e3e;--red-soft:#fff0f0;--shadow:0 8px 28px rgba(33,28,20,.05)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Tajawal,"Segoe UI",Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#141414;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border:1px solid #3f3f3f;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#ffd7bd;background:#1c1c1c}.brand strong{display:block}.brand span,.sidebar-user span{display:block;color:#9e9e9e;font-size:12px;margin-top:4px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:12px;color:#d8d8d8}.sidebar nav a:hover{background:#222;color:#fff}.sidebar-user{margin-top:auto;padding-top:18px;border-top:1px solid #303030;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.sidebar-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.logout{font-size:12px;color:#bbb}.main-content{padding:28px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:22px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:6px 0 0;color:var(--muted)}.btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:11px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn.primary{background:#171717;color:#fff;border-color:#171717}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:28px;margin-top:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 16px;font-size:18px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;direction:rtl}.column{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:14px;min-height:500px;padding:10px}.column-head{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 10px}.column-title{display:flex;align-items:center;gap:8px;font-weight:700}.dot{width:16px;height:16px;border:1.5px solid var(--orange);border-radius:50%}.count{background:#efebe5;border-radius:99px;min-width:34px;padding:5px 9px;text-align:center;font-size:12px}.task-card{display:block;background:#fdfbf8;border:1px solid #dfd8ce;border-radius:12px;padding:13px;margin-bottom:9px;transition:.15s}.task-card:hover{border-color:#cfc5b9;box-shadow:var(--shadow)}.task-title{font-weight:750;line-height:1.55}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;align-items:center}.pill{font-size:11px;padding:5px 9px;border-radius:999px;background:#efebe5;color:#555}.pill.medium{background:var(--blue-soft);color:#2f5bcc}.pill.high{background:var(--red-soft);color:#b02f2f}.pill.low{background:#eef7ef;color:#457248}.pill.completed{background:var(--green-soft);color:var(--green)}.card-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:10px;color:var(--muted);font-size:11px}.empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:13px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 11px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.table th{color:var(--muted);font-size:12px}.person{display:flex;align-items:center;gap:10px}.person img{width:36px;height:36px;border-radius:50%;object-fit:cover}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:15px;border:1px solid}.alert.success{background:#edfff6;border-color:#c9f0dc;color:#236647}.alert.error{background:#fff1f1;border-color:#f3cdcd;color:#8f3030}.alert.info{background:#f3f6ff;border-color:#d9e2ff;color:#355099}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#59544e}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;outline:none}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b9afa2}.modal{position:fixed;inset:0;background:rgba(0,0,0,.38);display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal.open{display:flex}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;background:var(--panel);border-radius:18px;padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.icon-btn{border:0;background:#eee9e2;border-radius:9px;width:34px;height:34px;cursor:pointer}.task-detail{display:grid;gap:16px}.task-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.task-hero h1{margin:0;font-size:25px}.task-description{white-space:pre-wrap;line-height:1.8;color:#4f4a44}.checklist{display:grid;gap:8px}.check-item{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:#fff;padding:10px;border-radius:10px}.evidence-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px}.timeline{display:grid;gap:9px}.event{border-right:2px solid #ddd4c8;padding:2px 11px 8px 0}.event small{color:var(--muted)}.bars{height:210px;display:flex;align-items:flex-end;gap:10px;padding:18px 4px 0}.bar-wrap{flex:1;min-width:34px;text-align:center}.bar{width:100%;min-height:4px;background:#262626;border-radius:7px 7px 2px 2px}.bar-wrap span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.bar-wrap b{display:block;font-size:10px;margin-bottom:5px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#fff0e6 0,transparent 32%),var(--bg)}.login-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow);text-align:center}.login-logo{width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.login-card h1{margin:0}.login-card p{color:var(--muted);line-height:1.8}.discord-btn{margin-top:14px;background:#5865f2;color:#fff;border:0;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;gap:8px;font-weight:700}.name-card{width:min(540px,100%)}.status-note{padding:12px;border-radius:10px;background:#f6f3ee;color:#615b54;line-height:1.7}.review-box{border:1px dashed #cfc5ba;border-radius:13px;padding:14px}.danger-text{color:var(--red)}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:grid;grid-template-columns:1fr auto;padding:14px}.sidebar nav{grid-column:1/-1;display:flex;overflow:auto}.sidebar-user{margin:0;border:0;padding:0}.main-content{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:620px){.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.sidebar-user div{display:none}.board{grid-auto-columns:86vw}.task-hero{flex-direction:column}.main-content{padding:14px}}

/* Warning system */
.warnings-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}
.warning-form{margin-top:16px}.warning-rule-note{margin-bottom:14px}.warning-flow{display:grid;gap:12px}.warning-flow>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.warning-flow b{width:30px;height:30px;border-radius:9px;background:#171717;color:#fff;display:grid;place-items:center}.warning-flow span{line-height:1.8;color:#5f5952}.section-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.warning-delta{font-weight:750;direction:ltr;display:inline-block}.warnings-table .reason-cell{white-space:normal;min-width:220px;max-width:360px;line-height:1.7}.pill.warn-active{background:#fff0e7;color:#b55218}.pill.points-only{background:#edf3ff;color:#315fc8}.evidence-actions{display:flex;gap:6px;flex-wrap:wrap}.warning-form .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:980px){.warnings-layout{grid-template-columns:1fr}}

/* Meetings */
.meeting-summary{margin-bottom:16px}.meeting-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meeting-member{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:14px}.meeting-member strong{display:block}.meeting-member span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.meeting-member code{direction:ltr;background:#f1eee9;border-radius:8px;padding:6px 8px;font-size:12px}.meeting-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meeting-role-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.role-check{border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.role-check input{width:18px;height:18px}.meeting-actions .btn[disabled],.page-head .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:760px){.meeting-members,.meeting-actions{grid-template-columns:1fr}.meeting-member{align-items:flex-start;flex-direction:column}}

/* Vacations */
.vacation-manager-panel{margin-bottom:16px}.vacation-manager-form{display:flex;gap:10px;align-items:center;max-width:620px}.vacation-manager-form select{flex:1;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff}.vacation-panel-space{margin-top:16px}.vacation-stats{margin-bottom:16px}
.vacation-request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vacation-request-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;padding:17px;box-shadow:0 5px 18px rgba(33,28,20,.035)}.vacation-request-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#171717}.vacation-request-card.is-resignation:before{background:var(--red)}.vacation-request-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.vacation-request-person{display:flex;align-items:center;gap:11px;min-width:0}.vacation-request-avatar{width:42px;height:42px;border-radius:13px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:0 0 auto}.vacation-request-person strong{display:block;font-size:15px;line-height:1.5}.vacation-request-person code{display:block;margin-top:3px;color:var(--muted);font-size:11px;direction:ltr;text-align:right;word-break:break-all}.vacation-request-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.vacation-type-badge,.vacation-days-badge{font-size:11px;padding:6px 9px;border-radius:999px;white-space:nowrap}.vacation-type-badge.leave{background:var(--blue-soft);color:#315fc8}.vacation-type-badge.resignation{background:var(--red-soft);color:#a92f2f}.vacation-days-badge{background:#f1eee9;color:#4e4943;font-weight:750}.vacation-request-body{margin-top:16px;padding:13px 14px;border-radius:12px;background:#faf8f5;border:1px solid #eee9e1}.vacation-label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.vacation-reason{white-space:pre-wrap;line-height:1.8;margin:0;color:#3f3a35;font-size:14px}.vacation-request-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.vacation-request-meta>div{border:1px solid var(--line);border-radius:10px;padding:9px 10px}.vacation-request-meta span{display:block;color:var(--muted);font-size:10px}.vacation-request-meta strong{display:block;margin-top:3px;font-size:12px}.vacation-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.vacation-decision-actions form{margin:0}.vacation-decision-actions .btn{width:100%}.vacation-empty-card{grid-column:1/-1;border:1px dashed var(--line);border-radius:13px;background:#fff}.vacation-reason-cell{white-space:normal!important;min-width:260px;max-width:460px;line-height:1.7}.vacation-log-end{display:block;color:var(--muted);font-size:10px;margin-top:4px}
@media(max-width:760px){.vacation-request-list{grid-template-columns:1fr}.vacation-manager-form{align-items:stretch;flex-direction:column}.vacation-request-top{flex-direction:column}.vacation-request-badges{justify-content:flex-start}.vacation-request-meta{grid-template-columns:1fr}.vacation-decision-actions{grid-template-columns:1fr 1fr}}

/* Content creators */
.content-access-panel{margin-bottom:16px}.content-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.content-access-user{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 11px;cursor:pointer}.content-access-user input{width:18px;height:18px;flex:0 0 auto}.content-access-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.content-access-user span{min-width:0}.content-access-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-access-user code{display:block;color:var(--muted);font-size:10px;direction:ltr;text-align:right;margin-top:2px}.content-access-actions{display:flex;justify-content:flex-start;margin-top:12px}.content-creators-panel{margin-top:16px}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:15px;display:grid;gap:14px}.creator-person{display:flex;align-items:center;gap:11px;min-width:0}.creator-person img,.content-creator-head-person img{width:48px;height:48px;border-radius:14px;object-fit:cover}.creator-avatar-fallback{width:48px;height:48px;border-radius:14px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:0 0 auto}.creator-person strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-person code,.content-creator-head-person code{display:block;color:var(--muted);font-size:10px;direction:ltr;text-align:right;margin-top:3px}.creator-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creator-meta>div{background:#faf8f5;border:1px solid #eee9e1;border-radius:10px;padding:9px}.creator-meta span{display:block;color:var(--muted);font-size:10px}.creator-meta strong{display:block;font-size:12px;margin-top:3px}.creator-card>.btn{width:100%;text-align:center}.creator-empty{grid-column:1/-1}.content-creator-head-person{display:flex;align-items:center;gap:12px}.content-creator-head-person h1{margin:0}.creator-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-stat-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.creator-stat-image{display:block;aspect-ratio:16/10;background:#f3f0eb;overflow:hidden}.creator-stat-image img{width:100%;height:100%;display:block;object-fit:contain}.creator-stat-footer{padding:11px 12px;display:grid;gap:3px}.creator-stat-footer strong{font-size:12px}.creator-stat-footer span{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.content-access-grid,.creator-grid,.creator-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.content-access-grid,.creator-grid,.creator-gallery{grid-template-columns:1fr}.content-creator-head-person{align-items:flex-start}.creator-meta{grid-template-columns:1fr}}

/* Content creators v14 redesign */
.cc-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.cc-page-head h1{margin:0;font-size:30px;line-height:1.2}.cc-head-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.cc-head-stats span{display:inline-flex;align-items:center;gap:5px;background:#ebe7e1;color:#625c55;padding:6px 10px;border-radius:999px;font-size:12px}.cc-head-stats b{color:#171717}.cc-sync-btn{min-width:150px}
.cc-access-panel{padding:0!important;overflow:hidden;margin-bottom:18px}.cc-access-panel[open]{padding-bottom:16px!important}.cc-access-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.cc-access-summary::-webkit-details-marker{display:none}.cc-access-summary>div{display:grid;gap:3px}.cc-access-summary strong{font-size:15px}.cc-access-summary span:not(.cc-summary-action){font-size:11px;color:var(--muted)}.cc-summary-action{font-size:12px;color:#444;background:#f0ede8;padding:7px 10px;border-radius:9px}.cc-access-panel[open] .cc-summary-action{background:#171717;color:#fff}.cc-access-form{border-top:1px solid var(--line);padding:16px 18px 0}.cc-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cc-access-user{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:9px;border:1px solid #e6e1da;border-radius:12px;background:#fff;padding:9px 10px;cursor:pointer;transition:.15s}.cc-access-user:hover{border-color:#cbc3ba;transform:translateY(-1px)}.cc-access-user.is-selected{background:#f7f5f1;border-color:#bdb4aa}.cc-access-user input{position:absolute;opacity:0;pointer-events:none}.cc-access-user img{width:34px;height:34px;border-radius:10px;object-fit:cover}.cc-access-name{min-width:0}.cc-access-name strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-access-name small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.cc-checkmark{width:20px;height:20px;border-radius:7px;border:1px solid #d8d2ca;display:grid;place-items:center;font-size:11px;color:transparent;background:#faf9f7}.cc-access-user.is-selected .cc-checkmark{background:#171717;border-color:#171717;color:#fff}.cc-access-actions{display:flex;justify-content:flex-start;margin-top:13px}
.cc-creators-section,.cc-gallery-section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.cc-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.cc-section-head h2{margin:0;font-size:18px}.cc-count{background:#ece8e2;border-radius:999px;min-width:32px;text-align:center;padding:5px 9px;font-size:11px;font-weight:700}.cc-creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc-creator-card{border:1px solid #e5e0d9;border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;min-width:0;transition:.16s;box-shadow:0 3px 12px rgba(33,28,20,.025)}.cc-creator-card:hover{border-color:#cfc6bb;box-shadow:0 10px 28px rgba(33,28,20,.07);transform:translateY(-2px)}.cc-card-top{display:flex;align-items:center;gap:11px;min-width:0}.cc-avatar{width:50px;height:50px;border-radius:14px;object-fit:cover;flex:0 0 auto}.cc-avatar-fallback{display:grid;place-items:center;background:#171717;color:#fff;font-weight:800;font-size:18px}.cc-person-info{min-width:0}.cc-person-info strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-person-info code{display:block;color:#9a938b;font-size:9px;direction:ltr;text-align:right;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-card-stats{display:grid;grid-template-columns:1fr 1.2fr;gap:7px;margin:13px 0}.cc-card-stats>div{background:#f8f6f2;border:1px solid #eee9e2;border-radius:11px;padding:9px 10px;min-width:0}.cc-card-stats span{display:block;color:var(--muted);font-size:9px}.cc-card-stats b{display:block;margin-top:4px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-details-btn{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#171717;color:#fff;padding:9px 11px;font-size:12px;font-weight:700}.cc-details-btn:hover{background:#2a2a2a}.cc-empty{grid-column:1/-1;border:1px dashed #d9d2ca;border-radius:13px;padding:36px;text-align:center;color:var(--muted);font-size:13px;background:#fff}
.cc-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.cc-detail-person{display:flex;align-items:center;gap:12px}.cc-detail-person img{width:58px;height:58px;border-radius:16px;object-fit:cover}.cc-detail-person h1{margin:0;font-size:26px}.cc-detail-person code{display:block;color:var(--muted);font-size:10px;direction:ltr;text-align:right;margin-top:5px}.cc-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc-stat-card{border:1px solid #e5e0d9;border-radius:15px;background:#fff;overflow:hidden;transition:.16s}.cc-stat-card:hover{border-color:#cfc6bb;box-shadow:0 10px 26px rgba(33,28,20,.06);transform:translateY(-2px)}.cc-stat-image{display:block;aspect-ratio:16/10;background:#f1efeb;overflow:hidden}.cc-stat-image img{width:100%;height:100%;display:block;object-fit:contain}.cc-stat-info{padding:10px 11px;min-width:0}.cc-stat-info strong{display:block;font-size:11px}.cc-stat-info span{display:block;color:var(--muted);font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}
@media(max-width:1300px){.cc-access-grid,.cc-creator-grid,.cc-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.cc-access-grid,.cc-creator-grid,.cc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cc-page-head,.cc-detail-head{align-items:stretch;flex-direction:column}.cc-sync-btn{width:100%}.cc-access-grid,.cc-creator-grid,.cc-gallery{grid-template-columns:1fr}.cc-access-summary{align-items:flex-start}.cc-card-stats{grid-template-columns:1fr 1fr}.cc-detail-person{align-items:flex-start}}

/* Tasks v24 */
.task-reviewer-line{margin-top:9px;padding-top:8px;border-top:1px dashed var(--line);font-size:10px;color:var(--muted)}
.task-reviewer-line strong{color:#4b4640}.task-reviewer-box{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;background:#f6f3ee;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--muted)}.task-reviewer-box strong{color:var(--text)}
.check-item{cursor:default;transition:.15s}.check-item input[type=checkbox]:not(:disabled){cursor:pointer;width:18px;height:18px}.check-item.done{background:#edf9f2;border-color:#cfe8da}.check-item.done>span{text-decoration:line-through;color:#5e7669}.check-item small{margin-right:auto;color:var(--muted);font-size:10px}

.check-item.saving{opacity:.65;pointer-events:none}

/* V26 - Support staff voice hours */
.support-staff-head{align-items:center;gap:18px}.support-staff-head p{margin:5px 0 0}.support-reset-btn{white-space:nowrap}.support-staff-panel{padding:0;overflow:hidden}.support-staff-summary{display:flex;align-items:center;gap:22px;padding:16px 18px;border-bottom:1px solid var(--border,#e8e2d9);font-size:14px}.support-staff-list{display:flex;flex-direction:column}.support-staff-row{display:grid;grid-template-columns:34px 46px minmax(0,1fr) 150px;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border,#ebe6de)}.support-staff-row:last-child{border-bottom:0}.support-staff-rank{font-weight:800;text-align:center;color:#8d867d}.support-staff-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#eee}.support-staff-name{min-width:0;display:flex;flex-direction:column;gap:3px}.support-staff-name strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-staff-name span{font-size:11px;color:#918a82;direction:ltr;text-align:right}.support-staff-time{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:15px}.support-live-dot{width:8px;height:8px;border-radius:50%;background:#22a559;box-shadow:0 0 0 4px rgba(34,165,89,.12)}.empty-state{padding:48px 20px;text-align:center;color:#918a82}
@media (max-width:700px){.support-staff-head{align-items:stretch}.support-staff-head form{width:100%}.support-reset-btn{width:100%}.support-staff-summary{align-items:flex-start;flex-direction:column;gap:5px}.support-staff-row{grid-template-columns:28px 40px minmax(0,1fr);padding:11px 12px}.support-staff-avatar{width:38px;height:38px}.support-staff-time{grid-column:3;margin-top:-4px}.support-staff-name span{font-size:10px}}


/* V27 - Server issue reports inside tasks */
.task-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.server-issue-config{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.server-issue-config-title strong{display:block;font-size:14px}.server-issue-config-title span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.server-issue-config-form{display:flex;align-items:center;gap:8px;min-width:min(420px,100%)}.server-issue-config-form select{flex:1;min-width:190px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px}.server-issue-modal{width:min(760px,100%)}.server-issue-details textarea{min-height:230px;line-height:1.8}.server-issue-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.server-issue-submit{width:100%;margin-top:16px}
@media(max-width:700px){.task-head-actions{width:100%}.task-head-actions .btn{flex:1}.server-issue-config{align-items:stretch;flex-direction:column}.server-issue-config-form{min-width:0;width:100%}.server-issue-config-form select{min-width:0}.server-issue-evidence-grid{grid-template-columns:1fr}}

/* =========================================================
   V30 - Discord server issues inbox
   ========================================================= */
.server-issues-head{align-items:center}.server-issue-stats{display:flex;gap:8px;flex-wrap:wrap}.server-issue-stats span{background:#fff;border:1px solid #e5ded4;border-radius:999px;padding:8px 12px;font-size:13px}.server-issue-stats strong{font-size:15px}.server-issue-access-panel{margin-bottom:18px}.server-issue-access-panel>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none}.server-issue-access-panel>summary::-webkit-details-marker{display:none}.server-issue-access-panel>summary span{font-size:12px;color:#8b8175}.server-issues-panel{margin-bottom:18px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title-row h2{margin:0;font-size:18px}.section-title-row div>span{display:block;margin-top:4px;color:#8d8378;font-size:12px}.section-title-row>.count{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:#111;color:#fff;font-size:12px}.server-issue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-issue-card{background:#fff;border:1px solid #e7e0d7;border-radius:16px;padding:14px;box-shadow:0 7px 18px rgba(26,22,18,.04)}.server-issue-person{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid #eee8e0}.server-issue-person img,.server-issue-avatar-fallback{width:42px;height:42px;border-radius:12px;object-fit:cover}.server-issue-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-weight:800}.server-issue-person strong,.server-issue-person span{display:block}.server-issue-person span{font-size:11px;color:#90877d;margin-top:2px;direction:ltr;text-align:right}.server-issue-person time{font-size:11px;color:#92897f;white-space:nowrap}.server-issue-body{white-space:pre-wrap;line-height:1.85;font-size:14px;padding:13px 2px;min-height:72px}.server-issue-evidence{display:block;position:relative;border:1px solid #e4ddd4;border-radius:12px;overflow:hidden;background:#f8f5f1;margin-bottom:12px}.server-issue-evidence img{display:block;width:100%;height:180px;object-fit:cover}.server-issue-evidence span{position:absolute;left:8px;bottom:8px;background:rgba(17,17,17,.88);color:#fff;border-radius:8px;padding:6px 9px;font-size:11px}.server-issue-actions{display:flex;gap:8px;align-items:stretch}.server-issue-actions form{margin:0}.server-issue-actions>.reject-inline{display:flex;flex:1;gap:7px}.server-issue-actions>.reject-inline input{min-width:0;flex:1}.server-issue-actions .btn{white-space:nowrap}.server-issues-empty{min-height:90px;display:flex;align-items:center;justify-content:center}.server-issues-history{margin-top:22px}.server-issue-history-list{display:flex;flex-direction:column}.server-issue-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:13px 2px;border-top:1px solid #eee8e0}.server-issue-history-row:first-child{border-top:0}.server-issue-history-row strong,.server-issue-history-row span,.server-issue-history-row b,.server-issue-history-row small{display:block}.server-issue-history-row span{color:#6f675f;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:720px}.server-issue-history-row b{font-size:12px}.server-issue-history-row small{font-size:11px;color:#92897f;margin-top:4px}.btn.danger{background:#c63f3f;color:#fff;border-color:#c63f3f}
@media(max-width:1000px){.server-issue-list{grid-template-columns:1fr}.server-issue-actions{flex-direction:column}.server-issue-actions>.reject-inline{width:100%}}
@media(max-width:640px){.server-issue-person{grid-template-columns:38px minmax(0,1fr)}.server-issue-person time{grid-column:2}.server-issue-history-row{grid-template-columns:1fr}.server-issue-stats{display:none}}

/* V31 — Server Issues clean layout */
.server-issues-head-v31{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.server-issues-head-v31 h1{margin:0 0 5px;font-size:30px}.server-issues-head-v31 p{margin:0;color:var(--muted);font-size:13px}.server-issue-stats-v31{display:flex;gap:8px;flex-wrap:wrap}.server-issue-stats-v31>div{min-width:108px;background:#fff;border:1px solid #e7dfd6;border-radius:14px;padding:10px 12px;text-align:center}.server-issue-stats-v31 strong,.server-issue-stats-v31 span{display:block}.server-issue-stats-v31 strong{font-size:19px;line-height:1}.server-issue-stats-v31 span{font-size:11px;color:#857b70;margin-top:5px}.server-issue-access-v31{margin-bottom:18px;padding:0}.server-issue-access-v31>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.server-issue-access-v31>summary::-webkit-details-marker{display:none}.server-issue-access-v31>summary div strong,.server-issue-access-v31>summary div span{display:block}.server-issue-access-v31>summary div span{font-size:11px;color:#8c8278;margin-top:4px}.server-issue-access-v31>summary>b{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:999px;background:#111;color:#fff;font-size:12px}.server-issue-access-v31 .access-form{padding:0 18px 18px}.server-issues-section-v31{margin-bottom:22px}.server-issues-section-title-v31{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.server-issues-section-title-v31 h2{margin:0;font-size:19px}.server-issues-section-title-v31 p{margin:4px 0 0;color:#8c8278;font-size:11px}.server-issues-section-title-v31>span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 10px;border-radius:999px;background:#111;color:#fff;font-size:12px}.server-issue-grid-v31{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.server-issue-card-v31{background:#fff;border:1px solid #e6ded5;border-radius:17px;padding:14px;box-shadow:0 7px 20px rgba(24,20,16,.045);min-width:0}.server-issue-card-v31>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #eee8e1}.server-issue-user-v31{display:flex;align-items:center;gap:9px;min-width:0}.server-issue-user-v31 img,.server-issue-avatar-v31{width:38px;height:38px;border-radius:11px;object-fit:cover;flex:0 0 auto}.server-issue-avatar-v31{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-weight:800}.server-issue-user-v31>div{min-width:0}.server-issue-user-v31 strong,.server-issue-user-v31 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-issue-user-v31 strong{font-size:13px}.server-issue-user-v31 span{margin-top:2px;font-size:10px;color:#948a80;direction:ltr;text-align:right}.server-issue-card-v31>header time{font-size:10px;color:#948a80;white-space:nowrap}.server-issue-problem-v31{padding:12px 1px 10px}.server-issue-problem-v31>span{display:block;font-size:10px;color:#9a9086;margin-bottom:5px}.server-issue-problem-v31 p{margin:0;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;min-height:46px}.server-issue-proof-v31{display:block;position:relative;border:1px solid #e4ddd4;border-radius:12px;overflow:hidden;background:#f7f4f0;margin:0 0 11px;text-decoration:none}.server-issue-proof-v31 img{width:100%;height:135px;display:block;object-fit:cover}.server-issue-proof-v31 span{position:absolute;left:8px;bottom:8px;background:rgba(17,17,17,.9);color:#fff;border-radius:8px;padding:5px 8px;font-size:10px}.server-issue-no-proof-v31{height:42px;display:flex;align-items:center;justify-content:center;border:1px dashed #ded5cb;border-radius:11px;color:#9b9187;font-size:11px;margin-bottom:11px}.server-issue-actions-v31{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding-top:10px;border-top:1px solid #eee8e1}.server-issue-actions-v31 form{margin:0}.server-issue-actions-v31 .btn{height:38px;white-space:nowrap}.server-issue-reject-v31{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.server-issue-reject-v31 input{min-width:0;height:38px}.server-issues-empty-v31{min-height:92px;display:flex;align-items:center;justify-content:center;color:#978d83}.server-issue-history-v31{margin-top:24px}.server-issue-history-list-v31{display:flex;flex-direction:column}.server-issue-history-row-v31{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:13px 0;border-top:1px solid #eee8e1}.server-issue-history-row-v31:first-child{border-top:0}.server-issue-history-main-v31 strong{font-size:13px}.server-issue-history-main-v31 p{margin:4px 0 0;font-size:12px;color:#70685f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}.server-issue-history-meta-v31{text-align:left;min-width:120px}.server-issue-history-meta-v31 b,.server-issue-history-meta-v31 span,.server-issue-history-meta-v31 time{display:block}.server-issue-history-meta-v31 b{font-size:12px}.server-issue-history-meta-v31 span,.server-issue-history-meta-v31 time{font-size:10px;color:#948a80;margin-top:3px}
@media(max-width:1200px){.server-issue-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.server-issues-head-v31{align-items:flex-start;flex-direction:column}.server-issues-head-v31 h1{font-size:25px}.server-issue-stats-v31{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.server-issue-stats-v31>div{min-width:0;padding:9px 6px}.server-issue-grid-v31{grid-template-columns:1fr}.server-issue-card-v31{padding:12px}.server-issue-proof-v31 img{height:165px}.server-issue-actions-v31{grid-template-columns:1fr}.server-issue-actions-v31>form:first-child .btn{width:100%}.server-issue-reject-v31{grid-template-columns:minmax(0,1fr) auto}.server-issue-history-row-v31{grid-template-columns:1fr;gap:8px}.server-issue-history-meta-v31{text-align:right}.server-issue-history-main-v31 p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

/* V37 server issue DM conversation */
.server-issue-chat-v37{margin:0 0 11px;border:1px solid #e5ded5;border-radius:12px;background:#faf8f5;overflow:hidden}.server-issue-chat-v37>summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:12px;font-weight:800}.server-issue-chat-v37>summary::-webkit-details-marker{display:none}.server-issue-chat-thread-v37{display:flex;flex-direction:column;gap:7px;padding:0 10px 10px;max-height:220px;overflow:auto}.server-issue-chat-msg-v37{max-width:88%;border-radius:11px;padding:8px 10px;background:#fff;border:1px solid #e6dfd7}.server-issue-chat-msg-v37.out{align-self:flex-start;background:#171717;color:#fff;border-color:#171717}.server-issue-chat-msg-v37.in{align-self:flex-end}.server-issue-chat-msg-v37 b{display:block;font-size:10px;margin-bottom:3px}.server-issue-chat-msg-v37 p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.server-issue-chat-msg-v37 time{display:block;font-size:9px;opacity:.6;margin-top:4px}.server-issue-chat-empty-v37{text-align:center;color:#978d83;font-size:11px;padding:10px}.server-issue-chat-form-v37{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px;border-top:1px solid #e5ded5;background:#fff}.server-issue-chat-form-v37 input{min-width:0;height:36px}.server-issue-chat-form-v37 .btn{height:36px}