:root{--bg:#f7f5ff;--surface:#ffffff;--surface-soft:#f1edff;--surface-strong:#e6ddff;--text:#241844;--muted:#5f5578;--line:#d6cbed;--line-soft:#e7e0f5;--accent:#6d43d9;--accent-deep:#4a259d;--accent-soft:#ece6ff;--focus:#7d55e8;--signal:#e36b22;--success:#16845f;--danger:#bd3f58;--shadow:0 18px 44px rgba(54,32,109,.12);--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse 32rem 24rem at 92% -12%,#e6ddff 0,transparent 68%),linear-gradient(180deg,#fbfaff 0%,#f5f2ff 100%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;inset-inline-start:1rem;top:-4rem;background:var(--surface);color:var(--text);padding:.75rem;border-radius:12px;z-index:20;box-shadow:var(--shadow)}.skip:focus{top:1rem}.top,main{width:min(100%,880px);margin:auto;padding-inline:16px}.top{height:72px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:rgba(251,250,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(222,214,246,.65)}.brand-mark{display:flex;align-items:center;gap:9px;direction:ltr;min-width:0}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cfc2f7;border-radius:12px;background:linear-gradient(145deg,#8d69eb,#5c35bd);color:#fff;font-size:10px;font-weight:950;letter-spacing:.05em;box-shadow:0 8px 18px rgba(78,42,164,.18)}.brand-name{color:var(--text);font-size:.78rem;font-weight:950;letter-spacing:.08em;white-space:nowrap}.header-actions{display:flex;gap:7px}.icon{position:relative;display:grid;place-items:center;background:var(--surface);color:var(--accent-deep);border:1px solid var(--line);width:42px;height:42px;border-radius:50%;font-size:20px;transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease);box-shadow:0 4px 12px rgba(54,32,109,.06)}.icon:hover,.icon:focus-visible{border-color:var(--focus);background:var(--accent-soft);box-shadow:0 8px 18px rgba(78,42,164,.12)}.icon:active{transform:scale(.96)}.icon b{position:absolute;top:-5px;inset-inline-end:-4px;background:var(--signal);color:#fff;min-width:20px;border-radius:12px;font-size:11px;padding:2px 5px;font-weight:900}
main{padding-bottom:max(96px,calc(80px + env(safe-area-inset-bottom)))}.hero,.page-title{position:relative;overflow:hidden;padding:24px 22px 23px;margin:16px 0 14px;border:1px solid #d6caf6;border-radius:24px;background:linear-gradient(145deg,#6d43d9 0%,#5630b4 57%,#43228f 100%);color:#fff;box-shadow:0 20px 44px rgba(78,42,164,.2)}.hero:after,.page-title:after{content:"MR EMARATI";position:absolute;inset-inline-start:18px;bottom:14px;display:flex;align-items:center;justify-content:center;width:112px;height:27px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;direction:ltr;font-size:10px;font-weight:900;letter-spacing:.04em;opacity:.9;pointer-events:none}.eyebrow{margin:0 0 7px;color:#ddd3ff;font-size:.72rem;font-weight:900;letter-spacing:.04em}.hero h1,.page-title h1{font-size:clamp(1.9rem,7vw,2.7rem);line-height:1.18;margin:0 0 9px;letter-spacing:-.04em}.hero p:not(.eyebrow),.page-title p:not(.eyebrow){margin:0;color:#eeeaff;line-height:1.7}.page-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.stats article{min-height:96px;padding:14px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.stats span{display:block;color:var(--muted);font-size:.78rem;line-height:1.45}.stats strong,.metric{display:block;margin-top:7px;font-size:1.75rem;letter-spacing:-.04em;color:var(--accent-deep)}.focus{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.focus h2{margin:0 0 7px}.focus p{margin:0;color:var(--muted);line-height:1.6}.focus button,.submit{min-height:48px;border:1px solid #6d43d9;border-radius:13px;padding:0 18px;background:linear-gradient(135deg,#7d55e8,var(--accent-deep));color:#fff;font-weight:900;white-space:nowrap;box-shadow:0 10px 22px rgba(78,42,164,.2),inset 0 1px 0 rgba(255,255,255,.28);transition:transform 160ms var(--ease),filter 160ms var(--ease)}.focus button:hover,.submit:hover{filter:brightness(1.06)}.focus button:active,.submit:active{transform:scale(.97)}
.attention{padding:15px;margin:0 0 14px;border:1px solid rgba(227,107,34,.35);border-radius:18px;background:#fff8f2;box-shadow:0 0 0 0 rgba(227,107,34,.14);animation:attention-edge 2.4s ease-in-out infinite}.attention h2{font-size:1rem;margin:0 0 11px;color:#b55318}.stack{display:grid;gap:8px}.notice,.mail-card,.list-action{display:grid;gap:5px;width:100%;text-align:right;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);color:var(--text);transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease);box-shadow:0 5px 14px rgba(54,32,109,.05)}.notice:hover,.mail-card:hover,.list-action:hover{transform:translateY(-2px);border-color:var(--focus);background:var(--accent-soft);box-shadow:0 10px 22px rgba(54,32,109,.1)}.notice small,.mail-card small,.list span{color:var(--muted);line-height:1.5}.unread{border-color:var(--signal);box-shadow:0 0 0 0 rgba(227,107,34,.18);animation:attention-edge 2.4s ease-in-out infinite}.panel{padding:17px;margin:14px 0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.panel h2,.panel h3{margin:0 0 11px;color:var(--text)}.compact{margin:16px 0 0}.list{display:grid;gap:7px}.list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.list>div:last-child{border:0}.list span{font-size:.86rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.secondary{min-height:42px;border:1px solid #d0c4f0;border-radius:12px;padding:9px 13px;background:var(--surface);color:var(--accent-deep);font-weight:900;transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease)}.secondary:hover,.secondary:focus-visible{border-color:var(--focus);background:var(--accent-soft)}.secondary:active{transform:scale(.97)}.platform-grid,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-grid button{display:grid;gap:6px;min-height:136px;padding:16px;text-align:right;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);transition:transform 180ms var(--ease),border-color 180ms var(--ease),box-shadow 180ms var(--ease)}.platform-grid button:hover,.platform-grid button:focus-visible{transform:translateY(-3px);border-color:var(--focus);background:var(--accent-soft);box-shadow:0 20px 38px rgba(54,32,109,.13)}.platform-grid button:active{transform:scale(.98)}.platform-grid small{color:var(--muted);line-height:1.55}.platform-grid span{color:var(--accent-deep);font-weight:900}.empty{color:var(--muted);line-height:1.7}.error{border-color:#e0a4b0;background:#fff4f6}.text-action{display:grid;gap:4px;text-align:right;border:0;background:transparent;color:var(--text);padding:0;min-width:0}.text-action small,.helper{color:var(--muted);line-height:1.5}.inline-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.danger{min-height:42px;border:1px solid #e4a3af;border-radius:12px;padding:9px 12px;background:#fff1f4;color:#a72d47}.audit-row{display:grid;gap:4px;border-inline-start:3px solid var(--signal);padding:11px;background:#fff8f2;border-radius:14px}.audit-row span,.audit-row small{color:var(--muted)}.audit-row p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.audit-row-trigger{width:100%;text-align:right;font:inherit;color:var(--text);cursor:pointer;position:relative;border:1px solid transparent;border-inline-start:3px solid var(--signal);transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease)}.audit-row-trigger:hover,.audit-row-trigger:focus-visible{transform:translateY(-1px);border-color:#d0c4f0;border-inline-start-color:var(--accent);background:#f4efff;box-shadow:0 10px 22px rgba(54,32,109,.1)}.audit-row-trigger:active{transform:scale(.99)}.audit-open-hint{justify-self:end;margin-top:3px;color:var(--accent-deep);font-size:.78rem}.audit-detail-header{padding-inline-end:48px;margin-bottom:16px}.audit-detail-header h2{margin:.15rem 0 .5rem;line-height:1.2;text-wrap:balance}.audit-detail-summary{margin:0;color:var(--muted);line-height:1.7}.audit-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 14px}.audit-detail-grid>div{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfaff}.audit-detail-grid span,.audit-detail-note>span{color:var(--muted);font-size:.78rem;font-weight:800}.audit-detail-grid strong{overflow-wrap:anywhere;line-height:1.45}.audit-detail-grid small{color:var(--muted);overflow-wrap:anywhere}.audit-detail-note{margin:0 0 14px;padding:12px;border-inline-start:3px solid var(--signal);border-radius:12px;background:#fff8f2}.audit-detail-note p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.audit-change-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.audit-change-columns>article{min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.audit-change-columns h3{margin:0;font-size:1rem}.audit-state-badge{padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:900}.audit-state-badge.is-before{background:#fff1f4;color:var(--danger)}.audit-state-badge.is-after{background:#e9f8f1;color:var(--success)}.audit-snapshot{display:grid;gap:7px;margin-top:10px}.audit-json-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:.82rem}.audit-json-row:last-child{border-bottom:0}.audit-json-row>span{color:var(--muted);overflow-wrap:anywhere}.audit-json-row>strong{min-width:0;overflow-wrap:anywhere;font-weight:750}.audit-empty-value{color:var(--muted)}.audit-detail-footnote{margin:14px 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}@media(max-width:620px){#audit-dialog{width:100%;max-width:none;max-height:min(92vh,calc(var(--visual-viewport-height,100dvh) - 8px));padding:23px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.audit-detail-grid,.audit-change-columns{grid-template-columns:1fr}.audit-detail-header{padding-inline-end:42px}.audit-detail-grid>div{padding:10px}.audit-change-columns{gap:8px}.audit-change-columns>article{padding:11px}.audit-json-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);font-size:.8rem}}
nav{position:fixed;z-index:15;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(100%,880px);margin:auto;padding:9px 14px max(13px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 -10px 26px rgba(54,32,109,.08)}nav button{min-height:44px;border:0;border-radius:13px;background:transparent;color:var(--muted);padding:9px 4px;font-size:.78rem;font-weight:800;transition:background 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease)}nav button:hover{color:var(--accent-deep);background:var(--accent-soft)}nav button.active{background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 1px 0 rgba(125,85,232,.2)}nav button:active{transform:scale(.97)}
dialog{width:min(580px,calc(100% - 28px));max-height:min(90vh,90dvh,760px);overflow:auto;overscroll-behavior:contain;scroll-padding-bottom:calc(28px + env(safe-area-inset-bottom));padding:21px;border:1px solid #d2c5f2;border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(54,32,109,.25)}dialog::backdrop{background:rgba(36,24,68,.48);backdrop-filter:blur(5px)}dialog form{display:grid;gap:13px}dialog h2{margin:0;padding-inline-start:58px;min-height:42px;display:flex;align-items:center;line-height:1.35;font-size:1.48rem;letter-spacing:-.03em;overflow-wrap:anywhere}dialog label,dialog legend{display:grid;gap:7px;font-weight:900;color:var(--text)}dialog input,dialog select,dialog textarea{width:100%;min-height:44px;padding:12px;font-size:16px;border:1px solid #d5c9f2;border-radius:13px;background:#fbfaff;color:var(--text)}dialog input::placeholder,dialog textarea::placeholder{color:#a49ab9}dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:var(--focus);outline:3px solid rgba(125,85,232,.2);outline-offset:2px}dialog fieldset{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:11px}.checks{display:flex;gap:8px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:6px;font-weight:500}.checks input{width:auto;accent-color:var(--accent)}.close{position:absolute;inset-inline-start:12px;top:10px;display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent-deep);font-size:24px}.close:hover{background:var(--accent-soft);border-color:var(--focus)}.submit{width:100%}#form-error,#task-error,#compose-error,#employee-error,#record-error,#document-error,#authorization-error,#profile-error,#system-error{min-height:1.2em;margin:0;color:var(--danger)}.upload-control{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px;border:1px dashed #cdbff1;border-radius:14px;background:#fbfaff;cursor:pointer}.upload-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-control b{padding:8px 11px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep)}.upload-control small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.file-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.file-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:#faf8ff}.file-list li>small{color:var(--muted)}.file-list button{border:1px solid #e4a3af;border-radius:10px;padding:5px 8px;background:#fff5f6;color:#a72d47}.file-list img{width:42px;height:42px;object-fit:cover;border:1px solid var(--line);border-radius:9px}.mail-body{white-space:pre-wrap;line-height:1.8}.profile-photo-row{display:flex;align-items:center;gap:14px;padding:12px 0 16px}.profile-photo-row img,.profile-photo-row>span{display:grid;place-items:center;flex:none;width:64px;height:64px;border:2px solid #d5c9f2;border-radius:50%;object-fit:cover;background:var(--accent);font-size:28px;color:#fff}.profile-upload{flex:1;margin:0}.profile-upload input{margin-top:7px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.catalog-grid form{align-content:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfaff}.catalog-grid h3{margin:0 0 6px}.permission-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.8fr);align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}.permission-control:last-child{border-bottom:0}.permission-control span{line-height:1.5}.permission-control select{min-width:0}.evidence-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.evidence-gallery img,.evidence-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:#faf8ff;padding:8px}.evidence-thumb{text-align:center;line-height:1.5}.skeleton-block,.skeleton-grid{display:grid;gap:9px;margin:20px 0}.skeleton-grid{grid-template-columns:repeat(3,1fr)}.skeleton-block i,.skeleton-grid i{display:block;min-height:28px;border-radius:14px;background:linear-gradient(90deg,#f0ebff,#fff,#f0ebff);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes attention-edge{50%{box-shadow:0 0 0 4px rgba(227,107,34,.15)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:620px){.top,main{padding-inline:14px}.hero,.page-title{padding:24px 18px 22px}.hero h1,.page-title h1{font-size:2rem}.stats{gap:6px}.stats article{padding:12px 9px}.stats strong{font-size:1.4rem}.focus{align-items:flex-start;flex-direction:column}.focus button,.platform-grid{width:100%}.platform-grid,.two-col{grid-template-columns:1fr}.page-actions>*{flex:1 1 140px}.catalog-grid{grid-template-columns:1fr}.permission-control{grid-template-columns:1fr;gap:6px}.list>div{align-items:flex-start;flex-direction:column}.inline-actions{justify-content:flex-start}.skeleton-grid{grid-template-columns:1fr 1fr}nav{padding-inline:9px}.close{inset-inline-start:9px}dialog{width:100%;max-width:none;margin:0 0 0 0;border-radius:24px 24px 0 0;max-height:min(88vh,calc(var(--visual-viewport-height,100dvh) - 12px));padding:23px 16px calc(24px + env(safe-area-inset-bottom))}dialog[open]{animation:sheet-in 180ms var(--ease)}#admin-dialog,#notifications-dialog{max-height:70vh}.hero:after,.page-title:after{display:none}}@keyframes sheet-in{from{transform:translateY(18px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(max-width:380px){.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.stats span{font-size:.7rem}.stats strong{font-size:1.25rem}nav button{font-size:.7rem}}:focus-visible{outline:3px solid rgba(125,85,232,.55);outline-offset:3px}.audit-page-title p:not(.eyebrow){font-size:.95rem}.audit-controls{padding:13px}.audit-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}.audit-search-field{display:grid;gap:6px;font-weight:900}.audit-search-field input{min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fbfaff;color:var(--text);font-size:16px}.audit-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.audit-filter-grid label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:.78rem;font-weight:800}.audit-filter-grid input,.audit-filter-grid select{min-width:0;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fbfaff;color:var(--text);font-size:15px}.audit-summary-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;color:var(--muted);font-size:.82rem}.audit-summary-strip strong{color:var(--accent-deep);font-variant-numeric:tabular-nums}.audit-summary-strip .text-action{color:var(--accent-deep);font-weight:850}.audit-list-panel{padding:13px}.audit-date-group{margin:0 0 17px}.audit-date-group:last-child{margin-bottom:0}.audit-date-group>h2{display:flex;align-items:center;gap:8px;margin:0 4px 8px;color:var(--text);font-size:1rem}.audit-date-group>h2 span{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:.72rem}.audit-timeline{position:relative;display:grid;gap:6px}.audit-timeline::before{content:"";position:absolute;inset-block:11px;inset-inline-start:22px;width:1px;background:var(--line);pointer-events:none}.audit-row.audit-row-trigger{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(116px,.65fr);align-items:center;gap:9px;min-height:72px;padding:9px 10px;border-inline-start:3px solid var(--accent);border-radius:14px;background:var(--surface);box-shadow:0 4px 12px rgba(54,32,109,.045)}.audit-event-icon{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);color:var(--accent-deep)}.audit-event-icon svg{width:17px;height:17px}.audit-event-main{display:grid;gap:2px;min-width:0}.audit-event-main strong{overflow-wrap:anywhere;line-height:1.35}.audit-event-target{color:var(--accent-deep);font-weight:850;overflow-wrap:anywhere}.audit-event-main small{color:var(--muted);overflow-wrap:anywhere;line-height:1.4}.audit-event-side{display:grid;justify-items:end;gap:3px;min-width:0}.audit-event-side time{color:var(--muted);font-size:.76rem;text-align:end;line-height:1.35;font-variant-numeric:tabular-nums}.audit-open-hint{font-size:.72rem}.audit-severity-sensitive{border-inline-start-color:#c9891b!important}.audit-severity-danger{border-inline-start-color:var(--danger)!important}.audit-sensitive-badge{padding:2px 6px;border-radius:6px;background:#fff1d7;color:#996514;font-size:.66rem}.audit-severity-danger .audit-sensitive-badge{background:#fff1f4;color:var(--danger)}.audit-load-more{display:block;width:100%;margin-top:11px}.audit-technical-details{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#fbfaff}.audit-technical-details summary{cursor:pointer;padding:11px 12px;color:var(--accent-deep);font-weight:900}.audit-technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}.audit-technical-grid>div{display:grid;gap:3px;min-width:0}.audit-technical-grid span{color:var(--muted);font-size:.74rem}.audit-technical-grid code{display:block;overflow-wrap:anywhere;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.audit-detail-grid strong{font-variant-numeric:tabular-nums}@media(max-width:700px){.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-grid label:last-child{grid-column:1/-1}.audit-row.audit-row-trigger{grid-template-columns:30px minmax(0,1fr);align-items:start;min-height:66px}.audit-event-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;justify-items:initial}.audit-event-side time{font-size:.72rem}.audit-open-hint{margin-inline-start:auto}.audit-summary-strip{align-items:flex-start;flex-wrap:wrap}.audit-summary-strip .text-action{margin-inline-start:auto}}@media(max-width:380px){.audit-search-row{grid-template-columns:1fr}.audit-search-row .secondary{width:100%}.audit-filter-grid{grid-template-columns:1fr}.audit-filter-grid label:last-child{grid-column:auto}.audit-row.audit-row-trigger{padding:8px}.audit-event-main strong{font-size:.86rem}.audit-event-target,.audit-event-main small{font-size:.78rem}.audit-event-side{font-size:.72rem}}

.admin-gateway{margin-top:16px;border-color:#cdbff1;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)}
.admin-gateway .section-heading{align-items:flex-start}
.admin-gateway h2{margin:0;color:var(--text)}
.gateway-badge{flex:none;padding:6px 10px;border:1px solid #d5c9f2;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:.74rem;font-weight:900}
.admin-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.admin-gateway-tile{display:grid;align-content:center;justify-items:center;gap:5px;min-width:0;min-height:108px;padding:12px 8px;text-align:center;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(145deg,#6d43d9 0%,#5630b4 57%,#43228f 100%);color:#fff;box-shadow:0 10px 22px rgba(78,42,164,.2),inset 0 1px 0 rgba(255,255,255,.22);transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease)}
.admin-gateway-tile:hover,.admin-gateway-tile:focus-visible{transform:translateY(-2px);border-color:#fff;background:linear-gradient(145deg,#7d55e8 0%,#6440c5 57%,#4d2a9e 100%);box-shadow:0 14px 28px rgba(78,42,164,.28),inset 0 1px 0 rgba(255,255,255,.3)}
.admin-gateway-tile:active{transform:scale(.97)}
.admin-gateway-tile span{max-width:100%;color:#eeeaff;font-size:.72rem;line-height:1.35;overflow-wrap:anywhere}
.admin-gateway-tile strong{color:#fff;font-size:1rem;line-height:1.35}
.admin-gateway-tile b{color:#fff;font-size:.75rem}
@media(max-width:620px){.admin-gateway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.admin-gateway-tile{min-height:102px;padding:10px 5px;border-radius:16px}.admin-gateway-tile span{font-size:.65rem}.admin-gateway-tile strong{font-size:.86rem}.admin-gateway-tile b{font-size:.68rem}.gateway-badge{font-size:.68rem;padding:5px 8px}}

.permission-control span{display:grid;gap:2px}.permission-control span strong{line-height:1.35}.permission-control span small{color:var(--muted);font-size:.76rem;line-height:1.35}.permission-control select{font-weight:700}

.field-optional{display:inline-block;margin-inline-start:4px;color:var(--muted);font-size:.76em;font-weight:600;white-space:nowrap}.profile-upload .field-optional{margin-inline-start:6px}


/* Mobile containment and HR list rhythm: keep RTL content inside the WebView viewport. */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.top,main{max-width:880px;width:100%;min-width:0}
.panel,.list,.list>div,.list>div>*,.inline-actions{min-width:0;max-width:100%}
.list>div{overflow:hidden}
.list>div strong,.list>div span,.list>div small,.text-action{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.inline-actions{width:100%;align-items:stretch;gap:8px}
.inline-actions>*{min-width:0;flex:1 1 132px}
@media(max-width:620px){
  body{font-size:16px}
  .top,main{padding-inline:12px}
  .panel{padding:14px;margin:12px 0;border-radius:18px}
  .list{gap:10px}
  .list>div{gap:10px;padding:13px 0}
  .inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .inline-actions>*{width:100%;min-height:46px;padding-inline:6px;white-space:normal;overflow-wrap:anywhere}
  .list>div strong{font-size:1rem;line-height:1.45}
  .list>div span,.list>div small{line-height:1.6}
}
@media(max-width:380px){
  .inline-actions{grid-template-columns:1fr}
  .inline-actions>*{min-height:44px}
}

.authorization-access-summary{display:grid;gap:9px;padding:13px;border:1px solid #d8cdf5;border-radius:15px;background:#fbfaff;color:var(--text)}
.access-summary-list{display:flex;flex-wrap:wrap;gap:7px}
.access-summary-list span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid #d8cdf5;border-radius:10px;background:#f0ebff;color:var(--accent-deep);font-size:.84rem;font-weight:850;line-height:1.35}
.role-platforms{display:grid;gap:7px;padding:10px 2px 0;color:var(--muted);font-size:.83rem}
.role-platform-list{display:flex;flex-wrap:wrap;gap:6px}
.role-platform-list span{padding:5px 8px;border-radius:9px;background:var(--accent-soft);color:var(--accent-deep);font-weight:800}
@media(max-width:620px){.access-summary-list{display:grid;grid-template-columns:1fr}.access-summary-list span{width:100%}}

/* Interaction evidence and platform account verification */
.profile-platform-accounts{margin-top:1rem}.profile-platform-accounts .helper{margin:.35rem 0 .8rem}#platform-accounts-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}#platform-accounts-fields label{min-width:0}.evidence-result{display:grid;gap:.25rem;margin-top:.65rem;padding:.7rem .8rem;border:1px solid rgba(88,44,170,.18);border-radius:.8rem;background:rgba(241,235,255,.64)}.evidence-result span{color:var(--muted);font-size:.86rem}@media(max-width:620px){#platform-accounts-fields{grid-template-columns:1fr}.evidence-result{font-size:.92rem}}


/* Home profile discoverability */
.menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--accent-deep);font-size:.78rem;font-weight:900;box-shadow:0 4px 12px rgba(54,32,109,.06);transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease)}
.menu-trigger:hover,.menu-trigger:focus-visible{border-color:var(--focus);background:var(--accent-soft);box-shadow:0 8px 18px rgba(78,42,164,.12)}
.menu-trigger:active{transform:scale(.96)}
.hamburger{display:grid;gap:4px;width:19px;flex:none}
.hamburger i{display:block;width:19px;height:2px;border-radius:2px;background:currentColor}
.hero--profile{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:168px}
.hero--profile .hero-copy{min-width:0;flex:1}
.hero--profile .hero-avatar{flex:none;order:2;width:96px;height:96px;display:grid;place-items:center;overflow:hidden;border:3px solid rgba(255,255,255,.78);border-radius:50%;background:linear-gradient(145deg,#aa8bff,#5b32bd);box-shadow:0 12px 26px rgba(32,12,89,.3),inset 0 1px 0 rgba(255,255,255,.38)}
.hero--profile .hero-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero--profile .hero-avatar span{color:#fff;font-size:2.55rem;font-weight:950;line-height:1}
.hero--profile:after{display:none}
@media(max-width:620px){.menu-trigger{padding-inline:10px}.hero--profile{min-height:152px;padding-inline:16px;gap:12px}.hero--profile .hero-avatar{width:88px;height:88px}.hero--profile h1{font-size:1.9rem}}
@media(max-width:380px){.menu-trigger-label{display:none}.menu-trigger{width:42px;padding:0}.hero--profile .hero-avatar{width:76px;height:76px}.hero--profile h1{font-size:1.6rem}.hero--profile .hero-role{font-size:.82rem}}

.profile-photo-row [hidden],.hero-avatar [hidden]{display:none!important}
.profile-upload small:last-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Fixed interaction indicators: the employee submits evidence, not action choices. */
.interaction-indicators{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.65rem;pointer-events:none}
.interaction-indicator{display:inline-flex;align-items:center;gap:.45rem;min-height:2.35rem;padding:.55rem .8rem;border:1px solid rgba(92,49,177,.2);border-radius:999px;background:linear-gradient(135deg,#f0e9ff,#faf8ff);color:#39206f;font-weight:700}
.interaction-indicator input[type=hidden]{display:none}
.interaction-mark{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#6737d6;color:#fff;font-size:.78rem;line-height:1}
@media (max-width:520px){.interaction-indicators{gap:.4rem}.interaction-indicator{min-height:2.15rem;padding:.45rem .65rem;font-size:.9rem}}

.server-time-note{display:grid;gap:.25rem;margin-block:.75rem;padding:.8rem 1rem;border:1px solid rgba(86,52,174,.18);border-radius:1rem;background:rgba(111,71,218,.06);color:#4b3b78}.server-time-note strong{font-size:.95rem;color:#42208f}.server-time-note span{font-size:.82rem;line-height:1.6}

.hero-nickname{margin:-3px 0 5px!important;color:#fff!important;font-size:.86rem;font-weight:850;opacity:.92;overflow-wrap:anywhere}.identity-nickname{display:block!important;color:var(--accent-deep)!important;font-weight:850}.profile-readonly-field{display:grid;gap:5px;padding:12px 13px;border:1px solid #d5c9f2;border-radius:13px;background:linear-gradient(180deg,#fbfaff 0%,#f4efff 100%)}.profile-readonly-field span{font-size:.82rem;color:var(--muted);font-weight:850}.profile-readonly-field strong{color:var(--accent-deep);font-size:1rem;overflow-wrap:anywhere}.profile-readonly-field small,.field-required-note{color:var(--muted);font-size:.78rem;font-weight:600}.field-required-note{display:block;margin-top:-2px}

/* Action-specific evidence slots: grouped, readable, and mobile-safe. */
.evidence-slot-list{display:grid;gap:12px;margin-top:12px}
.evidence-slot{border:1px solid rgba(91,54,168,.18);border-radius:18px;padding:12px;background:linear-gradient(135deg,#fff,#f8f5ff);display:grid;gap:9px}
.evidence-slot.has-file{border-color:#6d3bd1;box-shadow:0 8px 20px rgba(83,45,156,.10)}
.evidence-slot-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.evidence-slot-heading strong{color:#2b175d;font-size:1rem}
.evidence-slot-heading span{color:#746b89;font-size:.78rem}
.evidence-slot-preview img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:12px;border:1px solid rgba(91,54,168,.16)}
.evidence-result{display:grid;gap:5px;margin-top:10px;padding:12px;border-radius:14px;background:#fbfaff;border:1px solid rgba(91,54,168,.14)}
.evidence-result strong{color:#32166e}
.evidence-result span{color:#615870;font-size:.88rem;line-height:1.55}
@media (max-width:560px){.evidence-slot-heading{align-items:flex-start;flex-direction:column;gap:4px}.evidence-slot{padding:11px}.evidence-result{padding:10px}}

/* Interaction proof checklist */
.interaction-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:.55rem 0 .9rem}
.interaction-status{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center;padding:.7rem .75rem;border:1px solid rgba(91,54,168,.16);border-radius:14px;background:#fff}
.interaction-status b{grid-row:span 2;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;color:#fff;font-size:1rem}
.interaction-status strong{color:#32166e;font-size:.9rem}
.interaction-status small{color:#756b87;font-size:.78rem}
.interaction-status.is-complete{border-color:rgba(34,139,88,.28);background:#f5fff9}
.interaction-status.is-complete b{background:#2c9a65}
.interaction-status.is-missing{border-color:rgba(181,70,88,.24);background:#fff8fa}
.interaction-status.is-missing b{background:#b54658}
@media(max-width:560px){.interaction-checklist{grid-template-columns:1fr}.interaction-status{padding:.62rem .7rem}}

/* Inline account guidance for comment evidence */
.username-hint{display:grid;gap:7px;padding:12px 13px;border:1px solid rgba(109,67,217,.24);border-radius:16px;background:linear-gradient(135deg,#f7f3ff,#fff);color:var(--text)}
.username-hint strong{color:var(--accent-deep);font-size:.95rem}
.username-hint span{color:var(--muted);font-size:.86rem;line-height:1.65}
.username-hint .secondary{justify-self:start;min-height:38px;padding:7px 11px}
@media(max-width:560px){.username-hint .secondary{width:100%}}

.interaction-status.is-attached{border-color:rgba(128,92,204,.3);background:#fbf9ff}.interaction-status.is-attached b{background:#7650c7}

.inline-evidence-upload{display:inline-flex;align-items:center;gap:.45rem;margin-top:.55rem;cursor:pointer;color:#4b2a8f;font-size:.82rem;font-weight:700}.inline-evidence-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.inline-evidence-upload span{border:1px solid #7a5bc0;border-radius:999px;padding:.35rem .7rem;background:#f7f3ff}.inline-evidence-upload:focus-within span,.inline-evidence-upload:hover span{background:#ede5ff;box-shadow:0 0 0 3px rgba(122,91,192,.16)}
/* Action evidence processing states */
.evidence-inline-state{display:block;grid-column:1/-1;margin-top:.45rem;padding:.42rem .58rem;border-radius:.65rem;font-size:.8rem;line-height:1.5;font-weight:700}.evidence-inline-state.evidence-loading{color:#5a3b92;background:#f1ebff;border:1px solid rgba(91,54,168,.2)}.evidence-inline-state.evidence-failed{color:#9a3045;background:#fff1f4;border:1px solid rgba(181,70,88,.28)}.evidence-result.evidence-failed{border-color:rgba(181,70,88,.3);background:#fff8fa}.evidence-result.evidence-failed .evidence-state{color:#9a3045;font-weight:700}.evidence-result.evidence-ok{border-color:rgba(34,139,88,.26);background:#f5fff9}.evidence-result.evidence-ok .evidence-state{color:#23784f;font-weight:700}

html[dir="ltr"] .notice,html[dir="ltr"] .mail-card,html[dir="ltr"] .list-action,html[dir="ltr"] .platform-grid button,html[dir="ltr"] .text-action{text-align:left}
html[dir="ltr"] .close{inset-inline-start:auto;inset-inline-end:12px}
html[dir="ltr"] .hero:after,html[dir="ltr"] .page-title:after{inset-inline-start:auto;inset-inline-end:18px}
@media(max-width:620px){html[dir="ltr"] .close{inset-inline-end:9px}}

.social-account-alert{border-color:#b79cf2;background:linear-gradient(145deg,#f7f2ff 0%,#fff 100%);box-shadow:0 12px 30px rgba(78,42,164,.12)}
.social-account-alert h2{color:var(--accent-deep);margin:0}.social-account-alert p{margin:8px 0 12px;color:var(--muted);line-height:1.7}.missing-platforms{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.missing-platforms span,.social-account-chips span{padding:5px 9px;border:1px solid #d5c9f2;border-radius:999px;background:#fff;color:var(--accent-deep);font-size:.78rem;font-weight:850}.social-account-alert .submit{width:auto;min-height:44px}.social-team-panel{border-color:#cdbff1;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)}.social-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.social-team-card{display:grid;gap:7px;min-width:0;padding:15px;text-align:inherit;border:1px solid #d8cdf5;border-radius:18px;background:#fff;color:var(--text);box-shadow:0 8px 18px rgba(54,32,109,.06);transition:transform 160ms var(--ease),border-color 160ms var(--ease),box-shadow 160ms var(--ease)}.social-team-card:hover,.social-team-card:focus-visible{transform:translateY(-2px);border-color:var(--focus);box-shadow:0 14px 28px rgba(54,32,109,.12)}.social-team-card strong{font-size:1.08rem;color:var(--accent-deep)}.social-team-card small{color:var(--muted);line-height:1.5}.social-account-chips{display:flex;flex-wrap:wrap;gap:5px}.social-account-chips span{font-size:.68rem;padding:4px 7px}.team-card-link{color:var(--accent-deep);font-weight:900;font-size:.82rem}.social-team-card .list-action{box-shadow:none}
@media(max-width:620px){.social-team-grid{grid-template-columns:1fr}.social-account-alert .submit{width:100%}}

#page.route-enter{animation:route-enter 180ms var(--ease)}@keyframes route-enter{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#page.route-enter{animation:none}}

/* Full-screen mobile sheets: keep every opened window visually intentional and keyboard-safe. */
@media(max-width:620px){
  dialog{inset:0;width:100%;height:var(--visual-viewport-height,100dvh);min-height:0;max-height:none;margin:0;border:0;border-radius:0;padding:max(22px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
  dialog form{min-height:0;align-content:start;}
  dialog form>.submit{margin-top:auto;}
  dialog .close{top:max(10px,env(safe-area-inset-top));}
  #admin-dialog,#notifications-dialog{max-height:none;}
}

/* Unified mobile success sheet */
.success-sheet-shell{width:min(520px,calc(100% - 28px));padding:0;overflow:hidden}
.success-sheet{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 24px 24px;min-height:0}
.success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e7f8f0;color:var(--success);border:1px solid #b9e7d1;font-size:2rem;font-weight:950;line-height:1;box-shadow:0 8px 20px rgba(22,132,95,.12)}
.success-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid #b9e7d1;border-radius:999px;background:#f0fbf6;color:var(--success);font-size:.78rem;font-weight:900}
.success-sheet h2{display:block;padding:0;min-height:0;margin:2px 0 0;font-size:clamp(1.35rem,5.8vw,1.75rem);line-height:1.35;overflow-wrap:normal}
.success-copy{max-width:31rem;margin:0;line-height:1.75}
.submission-sent-actions{display:grid;width:min(100%,420px);gap:10px;margin-top:8px}
.submission-sent-actions .submit,.submission-sent-actions .success-close-action{width:100%;min-height:52px;white-space:nowrap;text-align:center}
.submission-sent-actions .submit{box-shadow:0 8px 18px rgba(78,42,164,.13),inset 0 1px 0 rgba(255,255,255,.22)}
.success-close-action{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
@media(max-width:620px){.success-sheet-shell{width:100%;max-width:none;margin:0;border-radius:24px 24px 0 0;max-height:min(78dvh,calc(var(--visual-viewport-height,100dvh) - 12px))}.success-sheet{padding:24px 18px calc(20px + env(safe-area-inset-bottom));gap:10px}.success-icon{width:56px;height:56px;font-size:1.75rem}.success-sheet h2{font-size:1.4rem}.success-copy{font-size:.94rem}.submission-sent-actions{width:90%;gap:8px;margin-top:6px}}

/* Submission review P0: summary-first, compact rows, progressive disclosure. */
.review-page-shell{display:grid;gap:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto}.review-header{display:grid;gap:8px;padding:4px 2px}.review-header h2{margin:0;color:var(--accent-deep);font-size:clamp(1.45rem,5vw,2rem);line-height:1.25}.review-lede{margin:0;color:var(--muted);line-height:1.7}.review-status-chips{display:flex;flex-wrap:wrap;gap:7px}.review-chip{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:850;line-height:1.2}.review-chip.is-success{background:#e8f8ef;color:#187046;border:1px solid #a8ddbd}.review-chip.is-warning{background:#fff5df;color:#875a05;border:1px solid #efd293}.review-chip.is-neutral{background:#f1edff;color:#56369c;border:1px solid #d8ccf3}.review-summary{display:grid;gap:12px}.review-summary>div{display:grid;gap:4px;min-width:0}.review-meta-label{color:var(--muted);font-size:.75rem;font-weight:800}.review-submission-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;overflow-wrap:anywhere}.review-target-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;border:1px solid #d9cff1;border-radius:12px;background:#fbfaff;color:var(--accent-deep);text-decoration:none;font-weight:850}.review-target-link small{font-size:.75rem;white-space:nowrap}.review-target-link.is-empty{color:var(--muted);font-weight:700}.review-target-link span,.review-target-link small{min-width:0;overflow-wrap:anywhere}.review-confirmation{display:grid;gap:10px}.review-confirmation h3{margin:0;color:var(--accent-deep)}.review-confirmation p{margin:0;color:var(--muted);line-height:1.65}.review-confirmation .inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.review-confirmation button{min-height:48px}.review-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e4c98c;border-radius:16px;background:#fffaf0;color:#6b4d12}.review-alert-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d99a28;color:#fff;font-weight:950}.review-alert strong{display:block}.review-alert p{margin:3px 0 0;color:#846a35;font-size:.82rem;line-height:1.5}.review-alert .text-action{white-space:nowrap}.review-required{display:grid;gap:12px}.review-required .section-heading{align-items:center}.review-required h3{margin:2px 0 0;color:var(--accent-deep)}.review-count{display:grid;place-items:center;min-width:42px;height:32px;padding:0 9px;border-radius:999px;background:#f1edff;color:var(--accent-deep);font-weight:900}.review-action-list{display:grid;gap:8px}.review-action-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:60px;padding:10px 12px;border:1px solid #d7cbed;border-radius:14px;background:#fff}.review-action-row.complete{background:#f3fff8;border-color:#addfc3}.review-action-row.missing{background:#fff8fa;border-color:#ebc7d0}.review-action-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:950}.review-action-row.complete .review-action-icon{background:#2d9b69;color:#fff}.review-action-row.missing .review-action-icon{background:#b84b62;color:#fff}.review-action-copy{display:grid;gap:3px;min-width:0}.review-action-copy strong{color:var(--accent-deep);overflow-wrap:anywhere}.review-action-copy small{color:var(--muted);line-height:1.35}.review-row-upload{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:1px solid #7a5bc0;border-radius:999px;background:#fff;color:#4b2a8f;font-size:.75rem;font-weight:850;cursor:pointer;white-space:nowrap}.review-row-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.review-row-upload:focus-within{outline:3px solid rgba(122,91,192,.24);outline-offset:2px}.review-details{border:1px solid #ded5ef;border-radius:14px;background:#fff;overflow:hidden}.review-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;color:var(--accent-deep);font-weight:900;cursor:pointer;list-style:none}.review-details>summary::-webkit-details-marker{display:none}.review-details>summary span{color:var(--muted);font-size:.78rem;font-weight:750}.review-details[open]>summary{border-bottom:1px solid #eee8f8;background:#fbfaff}.review-evidence-list{display:grid;gap:8px;padding:10px}.review-evidence-row{border:1px solid #eee8f8;border-radius:11px;overflow:hidden}.review-evidence-row>summary{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;cursor:pointer;color:var(--accent-deep);font-weight:850}.review-evidence-row>summary small{color:var(--muted);font-weight:700}.review-evidence-items{display:grid;gap:8px;padding:0 10px 10px}.review-log-details p{margin:0;padding:10px 14px;border-bottom:1px solid #f0ebf7;line-height:1.55}.review-sticky-spacer{height:8px}.review-cta-sticky{position:sticky;bottom:-1px;z-index:10;margin:0 -21px -21px;padding:16px 21px calc(16px + env(safe-area-inset-bottom));border-radius:0;border-width:1px 0 0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 -10px 24px rgba(54,32,109,.06)}html[dir="ltr"] .review-header,html[dir="ltr"] .review-summary,html[dir="ltr"] .review-required{text-align:left}@media(max-width:620px){.review-page-shell{gap:11px;padding:6px 0 calc(22px + env(safe-area-inset-bottom))}.review-summary,.review-required,.review-confirmation{padding:14px}.review-confirmation .inline-actions{grid-template-columns:1fr}.review-cta-sticky{margin:0 -16px -24px;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.review-alert{grid-template-columns:auto 1fr}.review-alert .text-action{grid-column:2;justify-self:start;padding:0}.review-action-row{grid-template-columns:auto 1fr;min-height:58px}.review-row-upload{grid-column:2;justify-self:start}.review-target-link{align-items:flex-start;flex-direction:column;gap:3px}.review-header h2{font-size:1.55rem}}

/* Founder Home: progressive disclosure for the interaction team. */
.social-team-panel .section-heading{align-items:flex-start}
.section-helper{margin:.35rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}
.team-expand-toggle{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:0 14px;border:1px solid #cdbff1;border-radius:14px;background:#f8f5ff;color:var(--accent-deep);font:inherit;font-weight:850;text-align:inherit;cursor:pointer;transition:background 160ms var(--ease),border-color 160ms var(--ease),transform 160ms var(--ease)}
.team-expand-toggle:hover,.team-expand-toggle:focus-visible{background:#f0eaff;border-color:#a990dd;transform:translateY(-1px)}
.team-expand-toggle strong{font-size:.78rem;color:var(--muted);font-weight:800}
.team-expand-toggle b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--accent-deep);font-size:1.1rem;line-height:1}
.social-team-card[hidden]{display:none}
@media(max-width:420px){.team-expand-toggle{grid-template-columns:1fr auto;gap:7px}.team-expand-toggle strong{grid-column:1}.team-expand-toggle b{grid-column:2;grid-row:1 / span 2;grid-row:1}}

/* Founder Review executive evidence surface. */
.founder-review-shell{display:grid;gap:14px;padding:6px 0 calc(24px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto;color:var(--text)}
.founder-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 2px}
.founder-review-header h2{margin:0;color:var(--accent-deep);font-size:clamp(1.55rem,5.5vw,2.05rem);line-height:1.2;text-wrap:balance}
.founder-review-lede{margin:7px 0 0;color:var(--muted);line-height:1.55;text-wrap:pretty}
.founder-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 11px;border-radius:999px;border:1px solid #d8ccf3;background:#f5f1ff;color:var(--accent-deep);font-size:.75rem;font-weight:900;white-space:nowrap}
.founder-status-badge.is-warning{border-color:#efd293;background:#fff8e9;color:#875a05}.founder-status-badge.is-success{border-color:#a8ddbd;background:#effbf4;color:#187046}
.founder-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.founder-summary>div{display:grid;gap:4px;min-width:0}.founder-summary-main{grid-column:span 2}.founder-summary strong{color:var(--accent-deep);font-size:.98rem;overflow-wrap:anywhere}.founder-summary small{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.founder-summary-order{grid-column:1/-1;padding-top:10px;border-top:1px solid #eee8f8}.founder-summary-order bdi{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem;overflow-wrap:anywhere;color:var(--muted)}
.founder-target{display:grid;gap:7px}.founder-target .review-target-link{margin:0}.founder-verification{display:grid;gap:12px}.founder-verification .section-heading{align-items:flex-start}.founder-verification h3,.founder-evidence-section h3,.founder-admin-actions h3{margin:2px 0 0;color:var(--accent-deep)}
.review-result-chips{display:flex;flex-wrap:wrap;gap:7px}.review-result-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid #d8ccf3;border-radius:999px;background:#fff;color:var(--accent-deep);font-size:.78rem;font-weight:850}.review-result-chip b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#7650c7;color:#fff;font-size:.72rem}.review-result-chip.is-success{border-color:#a8ddbd;background:#f5fff9;color:#187046}.review-result-chip.is-success b{background:#2d9b69}.review-result-chip.is-warning{border-color:#efd293;background:#fffaf0;color:#875a05}.review-result-chip.is-warning b{background:#d99a28}
.founder-review-alert{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px 13px;border:1px solid #efd293;border-radius:14px;background:#fffaf0;color:#6b4d12}.founder-review-alert>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d99a28;color:#fff}.founder-review-alert strong{display:block}.founder-review-alert p{margin:3px 0 0;color:#846a35;font-size:.84rem;line-height:1.55}
.founder-evidence-section{display:grid;gap:12px}.founder-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.founder-evidence-card{display:grid;gap:7px;min-width:0}.founder-evidence-preview{display:grid;gap:8px;width:100%;padding:0;border:1px solid #ddd3f3;border-radius:16px;background:#fff;color:var(--text);text-align:inherit;overflow:hidden;cursor:pointer;box-shadow:0 7px 18px rgba(54,32,109,.05);transition:border-color 150ms var(--ease),box-shadow 150ms var(--ease),transform 150ms var(--ease)}.founder-evidence-preview:hover,.founder-evidence-preview:focus-visible{border-color:var(--focus);box-shadow:0 12px 24px rgba(54,32,109,.11);transform:translateY(-1px)}.founder-evidence-media{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,#f4f0ff,#fcfbff);overflow:hidden}.founder-evidence-media img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 180ms var(--ease)}.founder-evidence-media.is-loaded img{opacity:1}.founder-evidence-placeholder{position:absolute;color:var(--muted);font-size:.78rem;font-weight:750}.founder-evidence-media.is-loaded .founder-evidence-placeholder{display:none}.founder-evidence-media.is-error{background:#fff7f8}.founder-evidence-copy{display:grid;gap:2px;padding:0 11px}.founder-evidence-copy strong{color:var(--accent-deep);font-size:.92rem}.founder-evidence-copy small{color:var(--muted);font-size:.76rem}.founder-evidence-meta{display:flex;justify-content:space-between;gap:8px;padding:0 11px 11px;color:var(--muted);font-size:.7rem}.founder-evidence-meta b{color:var(--accent-deep);font-weight:850}.evidence-delete-action{min-height:38px;border:1px solid #e7b8c2;border-radius:11px;background:#fff7f8;color:#9a3045;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}.evidence-delete-action:hover,.evidence-delete-action:focus-visible{background:#ffecef;outline:3px solid rgba(181,70,88,.16);outline-offset:1px}
.founder-technical-details{border:1px solid #ddd3f3;border-radius:14px;background:#fbfaff;overflow:hidden}.founder-technical-details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;color:var(--accent-deep);font-weight:900;cursor:pointer;list-style:none}.founder-technical-details>summary::-webkit-details-marker{display:none}.founder-technical-details>summary span{color:var(--muted);font-size:.74rem;font-weight:750}.founder-technical-details[open]>summary{border-bottom:1px solid #eee8f8}.founder-technical-details pre{max-height:300px;margin:0;padding:12px;overflow:auto;color:#514568;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.founder-admin-actions{display:grid;gap:12px}.founder-admin-actions .section-heading{align-items:flex-start}.founder-admin-actions label{display:grid;gap:5px}.founder-admin-actions select,.founder-admin-actions textarea,.founder-admin-actions input{width:100%;min-height:46px}.founder-admin-actions textarea{min-height:92px}.founder-action-buttons{display:grid;gap:9px}.danger-action{min-height:48px;border:1px solid #e7b8c2;border-radius:13px;background:#fff7f8;color:#9a3045;font:inherit;font-weight:900;cursor:pointer}.founder-approved-state{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;padding:14px;border:1px solid #a8ddbd;border-radius:14px;background:#f3fff8;color:#187046}.founder-approved-state>b{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2d9b69;color:#fff}.founder-approved-state span{color:#3b8060;font-size:.82rem}
#review-dialog .close,#evidence-preview-dialog .close{top:10px;inset-inline-end:10px;width:36px;height:36px;border:1px solid #d7cbed;border-radius:50%;background:#fff;color:var(--accent-deep);box-shadow:0 4px 12px rgba(54,32,109,.08);font-size:1.25rem}.evidence-preview-dialog-form{display:grid;gap:12px}.evidence-preview-dialog-form h2{margin:0;color:var(--accent-deep)}.evidence-preview-image-wrap{position:relative;display:grid;place-items:center;min-height:260px;border-radius:16px;background:#18121f;overflow:hidden}.evidence-preview-image-wrap img{display:block;max-width:100%;max-height:min(62dvh,620px);object-fit:contain}.evidence-preview-image-wrap span{color:#eee1ff;font-size:.85rem}.evidence-preview-meta{display:grid;gap:7px}.evidence-preview-meta p{margin:0;color:var(--muted);line-height:1.55}.evidence-preview-meta p strong{color:var(--text)}.evidence-preview-navigation{display:grid;grid-template-columns:1fr 1fr;gap:9px}.evidence-preview-navigation button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){.founder-review-shell{gap:11px;padding:4px 0 calc(22px + env(safe-area-inset-bottom))}.founder-review-header{gap:10px}.founder-review-header h2{font-size:1.48rem}.founder-review-lede{font-size:.9rem}.founder-status-badge{font-size:.69rem;padding-inline:8px}.founder-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}.founder-summary-main{grid-column:1/-1}.founder-evidence-grid{grid-template-columns:1fr}.founder-evidence-media{aspect-ratio:16/10}.evidence-preview-dialog-form{min-height:100%;align-content:start;padding-top:20px}.evidence-preview-image-wrap{min-height:240px}.evidence-preview-navigation{position:sticky;bottom:0;padding-top:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.founder-evidence-preview,.founder-evidence-media img{transition:none}}

/* Founder Review refinement pass: quieter hierarchy and compact RTL data. */
.founder-summary .task-chip{display:inline-flex;align-items:center;min-height:27px;margin:3px 3px 0 0;padding:4px 8px;border:1px solid #d8ccf3;border-radius:999px;background:#f8f5ff;color:var(--accent-deep);font-size:.72rem;font-weight:850;white-space:nowrap}.founder-summary .task-chip.is-muted{color:var(--muted);background:#faf9fd}
.review-verification-primary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 11px;border:1px solid #a8ddbd;border-radius:999px;background:#f3fff8;color:#187046;font-weight:900}.review-verification-primary>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2d9b69;color:#fff;font-size:.75rem}.review-verification-primary.is-warning{border-color:#efd293;background:#fffaf0;color:#875a05}.review-verification-primary.is-warning>b{background:#d99a28}.review-verification-reason{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}
.founder-admin-actions [hidden]{display:none!important}.founder-admin-actions .danger-action,.evidence-delete-action{min-height:34px;width:max-content;max-width:100%;padding:6px 10px;font-size:.72rem;font-weight:800}.founder-evidence-meta span{unicode-bidi:plaintext}
@media(max-width:620px){.founder-summary .task-chip{font-size:.7rem}.review-verification-primary{font-size:.82rem}.review-verification-reason{font-size:.82rem}}

/* Employee detail: identity-led audit cards and profile photo affordance. */
.team-employee-detail-head{display:flex;align-items:center;gap:14px;direction:rtl}.team-employee-detail-head>div:last-child{min-width:0;flex:1}.team-employee-avatar-wrap{flex:0 0 auto}.team-employee-avatar{position:relative;display:grid;place-items:center;width:78px;height:78px;padding:0;overflow:hidden;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#6d40d8,#3f208f);box-shadow:0 8px 20px rgba(67,32,145,.18);cursor:pointer}.team-employee-avatar img{width:100%;height:100%;object-fit:cover}.team-employee-avatar span{color:#fff;font-size:1.8rem;font-weight:900}.team-account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.team-platform-badge{display:inline-flex;align-items:center;gap:7px;min-width:104px;color:var(--accent-deep);font-weight:850}.team-platform-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#eee8ff}.team-platform-icon svg{display:block;width:18px;height:18px}.platform-instagram .team-platform-icon{color:#c43d77;background:#ffe7f0}.platform-tiktok .team-platform-icon{color:#111;background:#e5faff}.platform-youtube .team-platform-icon{color:#c82828;background:#ffe4e4}.platform-x .team-platform-icon{color:#111;background:#ececf0}.platform-telegram .team-platform-icon{color:#1773b8;background:#e4f3ff}.platform-generic .team-platform-icon{color:#5b3aa7}.team-interactions-list{display:grid;gap:10px}.team-interaction-card{display:grid;width:100%;gap:9px;padding:13px 14px;border:1px solid #ded4f3;border-radius:16px;background:linear-gradient(180deg,#fff,#fbf9ff);color:var(--ink);text-align:right;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.team-interaction-card:hover,.team-interaction-card:focus-visible{border-color:#9d7de8;box-shadow:0 8px 20px rgba(73,36,154,.1);transform:translateY(-1px)}.team-interaction-head{display:flex;align-items:center;justify-content:space-between}.team-interaction-actions{display:flex;flex-wrap:wrap;gap:4px}.team-interaction-actions .task-chip{display:inline-flex;min-height:25px;padding:3px 8px;border:1px solid #ded4f3;border-radius:999px;background:#f8f5ff;color:var(--accent-deep);font-size:.7rem;font-weight:850}.team-interaction-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.75rem}.team-interaction-foot b{color:var(--accent-deep)}.team-interaction-foot span:last-child{margin-inline-start:auto;color:var(--accent-deep);font-weight:850}.team-photo-preview-wrap{min-height:280px}.team-photo-preview-wrap img{max-width:100%;max-height:62vh;object-fit:contain;border-radius:16px}.team-photo-download{display:inline-flex;width:max-content;margin-top:10px;text-decoration:none}.team-photo-preview-wrap+ .evidence-preview-meta{padding-bottom:8px}
@media(max-width:620px){.team-employee-detail-head{align-items:flex-start}.team-employee-avatar{width:68px;height:68px}.team-account-row{font-size:.9rem}.team-interaction-foot{font-size:.7rem}.team-interaction-foot span:last-child{width:100%;margin-inline-start:0}}

.founder-admin-actions [hidden]{display:none!important}.review-escalate-action{width:100%;margin-top:8px}.founder-action-buttons .review-escalate-action{border-color:#cbb9ef;color:#4b2b9d;background:#faf8ff}

/* Employee detail header: keep close control separate from the profile photo. */
#employee-detail-dialog{position:relative;overflow:hidden}
#employee-detail-dialog>.close{position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:20;margin:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(75,42,145,.22);box-shadow:0 5px 16px rgba(50,30,110,.10);font-size:1.65rem;line-height:1;color:#4b2a91}
#employee-detail-content{padding-top:0}
.team-employee-detail-head{position:relative;display:flex;align-items:center;gap:16px;padding:68px 24px 22px;min-height:148px;border-bottom:1px solid rgba(75,42,145,.10)}
.team-employee-avatar-wrap{flex:0 0 auto;position:relative;z-index:1}
.team-employee-avatar{position:static;display:grid;place-items:center;width:82px;height:82px;padding:0;border:3px solid #fff;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#6d45d8,#4b2a91);box-shadow:0 8px 20px rgba(75,42,145,.18);cursor:pointer}
.team-employee-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.team-employee-avatar span{color:#fff;font-size:1.6rem;font-weight:800}
.team-employee-detail-head>div:last-child{min-width:0;flex:1}
.team-employee-detail-head h2{margin:.2rem 0 .45rem;overflow-wrap:anywhere}
@media (max-width:600px){#employee-detail-dialog>.close{inset-block-start:10px;inset-inline-end:10px;width:40px;height:40px}.team-employee-detail-head{gap:12px;padding:62px 18px 18px;min-height:136px}.team-employee-avatar{width:70px;height:70px}.team-employee-detail-head .mail-body,.team-employee-detail-head .helper{overflow-wrap:anywhere}}

/* Final RTL placement: profile photo on the visual left, close control on the visual right. */
#employee-detail-dialog .team-employee-detail-head{display:block;position:relative;padding:70px 88px 22px;min-height:166px;text-align:center}
#employee-detail-dialog .team-employee-detail-head .team-employee-avatar-wrap{position:absolute;inset-inline-end:18px;inset-block-start:62px;z-index:2}
#employee-detail-dialog .team-employee-detail-head>div:last-child{width:100%;min-width:0;text-align:center}
#employee-detail-dialog .team-employee-detail-head h2{margin:.2rem 0 .45rem}
@media (max-width:600px){#employee-detail-dialog .team-employee-detail-head{padding:70px 82px 20px;min-height:164px}#employee-detail-dialog .team-employee-detail-head .team-employee-avatar-wrap{inset-inline-end:14px;inset-block-start:66px}.team-employee-avatar{width:68px;height:68px}}

/* Employee details are an internal page route, not a stacked dialog. */
body.employee-detail-route{overflow-x:hidden}
body.employee-detail-route #bottom-nav{display:none}
body.employee-detail-route #page{min-height:calc(100dvh - 72px);padding-bottom:max(28px,env(safe-area-inset-bottom))}
body.employee-detail-route #employee-detail-dialog{display:none}
.employee-route-title{margin-top:16px;background:linear-gradient(145deg,#6d43d9 0%,#5630b4 57%,#43228f 100%)}
.employee-route-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.employee-route-title-row .eyebrow{margin:0}
.employee-back{min-height:40px;padding-inline:14px;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff}
.employee-back:hover,.employee-back:focus-visible{background:rgba(255,255,255,.22);border-color:#fff;color:#fff}
.social-employee-detail-page{margin-top:0;border-radius:22px}
.social-employee-detail-page>.team-employee-detail-head{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:16px;padding:8px 0 22px;border-bottom:1px solid rgba(75,42,145,.1)}
.social-employee-detail-page .team-employee-avatar-wrap{position:static;order:2}
.social-employee-detail-page .team-employee-detail-head>div:last-child{order:1;text-align:right}
.social-employee-detail-page .team-employee-avatar{position:static;width:78px;height:78px}
.social-employee-detail-page .team-employee-detail-head h2{margin:.2rem 0 .45rem}
@media(max-width:620px){body.employee-detail-route #page{padding-inline:12px}.employee-route-title{padding:20px 16px}.employee-route-title-row{align-items:flex-start;flex-direction:column-reverse}.employee-back{width:100%}.social-employee-detail-page{padding:14px}.social-employee-detail-page>.team-employee-detail-head{grid-template-columns:68px minmax(0,1fr);gap:12px}.social-employee-detail-page .team-employee-avatar{width:68px;height:68px}}
@media(prefers-reduced-motion:no-preference){.employee-route-title,.social-employee-detail-page{animation:employee-route-in 180ms cubic-bezier(.2,0,0,1)}}
@keyframes employee-route-in{from{opacity:.78;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Founder employee profile refinement: compact, balanced, RTL-safe. */
.employee-route-header{margin:14px 0 16px;padding:0 4px}
.employee-route-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.employee-route-nav .eyebrow{margin:0;color:var(--muted);font-size:.78rem}
.employee-route-nav .employee-back{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 14px;border:1px solid var(--accent-deep);border-radius:12px;background:var(--accent-deep);color:#fff;font-weight:850;box-shadow:0 8px 18px rgba(74,37,157,.18);transition:background 160ms var(--ease),border-color 160ms var(--ease),transform 160ms var(--ease),box-shadow 160ms var(--ease)}
.employee-route-nav .employee-back:hover,.employee-route-nav .employee-back:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 10px 22px rgba(74,37,157,.24)}
.employee-route-nav .employee-back:active{transform:scale(.97)}
.employee-route-nav .employee-back:first-letter{font-size:1.45rem}
.employee-route-header h1{margin:0;font-size:clamp(1.45rem,5vw,2rem);line-height:1.15;text-wrap:balance}
.social-employee-detail-page{display:grid;gap:16px;margin:0;padding:16px;border:1px solid rgba(111,74,194,.15);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(73,36,154,.07)}
.employee-profile-summary{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:16px;padding:4px 0 16px;border-bottom:1px solid rgba(75,42,145,.12);direction:rtl}
.employee-profile-avatar-wrap{grid-column:2;grid-row:1;display:flex;justify-content:flex-start}
.employee-profile-copy{grid-column:1;grid-row:1;min-width:0;text-align:right}
.employee-profile-kicker{margin-bottom:4px;color:var(--muted);font-size:.76rem;font-weight:800}
.employee-profile-copy h2{margin:0 0 6px;color:var(--text);font-size:clamp(1.45rem,5.5vw,2rem);line-height:1.15;text-wrap:balance}
.employee-profile-copy .employee-nickname{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 10px;color:var(--accent-deep);font-size:.9rem}
.employee-nickname span{color:var(--muted);font-weight:700}.employee-nickname bdi{font-weight:850;white-space:nowrap;overflow-wrap:normal}
.employee-profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;color:var(--muted);font-size:.78rem}.employee-profile-meta>span:not(.employee-status){white-space:nowrap}
.employee-telegram-id{font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}
.employee-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;background:#eaf8ef;color:#19733d;font-size:.74rem;font-weight:850}.employee-status.status-suspended{background:#fff0ee;color:#a4332b}.employee-status.status-inactive{background:#f2eff5;color:#655d71}
.employee-profile-summary .team-employee-avatar{width:78px;height:78px;border-width:2px;box-shadow:0 6px 16px rgba(75,42,145,.16)}.employee-profile-summary .helper{margin:10px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}
.employee-section{min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.employee-section .section-heading{margin-bottom:10px}.employee-section h3{margin:0;font-size:1.08rem}.employee-section .eyebrow{margin:0 0 3px;font-size:.7rem}.employee-period-label{color:var(--muted);font-size:.74rem}
.employee-metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.employee-metrics-grid>div{display:grid;gap:3px;min-width:0;padding:9px 6px;border-radius:12px;background:#f4f0ff;text-align:center}.employee-metrics-grid span{color:#7c718b;font-size:.68rem;white-space:nowrap}.employee-metrics-grid strong{color:#45238e;font-size:1.28rem;line-height:1;font-variant-numeric:tabular-nums}.employee-metrics-grid strong small{font-size:.62rem}
.employee-accounts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.employee-account-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:7px 0;border-bottom:1px solid var(--line-soft)}.employee-account-row>bdi{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-deep);font-weight:800}.compact-empty{display:grid;gap:3px;margin:4px 0;color:var(--muted);font-size:.88rem}.compact-empty small{font-size:.76rem;color:var(--muted)}
.team-interactions-panel .team-interaction-card{padding:10px 11px;border-radius:13px}.team-interactions-panel .team-interaction-foot{font-size:.7rem}
@media(max-width:620px){.social-employee-detail-page{padding:13px;border-radius:18px}.employee-profile-summary{grid-template-columns:minmax(0,1fr) 70px;gap:11px}.employee-profile-summary .team-employee-avatar{width:66px;height:66px}.employee-metrics-grid{gap:5px}.employee-metrics-grid>div{padding:8px 3px}.employee-metrics-grid span{font-size:.61rem}.employee-metrics-grid strong{font-size:1.08rem}.employee-accounts-list{grid-template-columns:1fr}.employee-route-header{margin-top:8px}}
@media(max-width:380px){.employee-profile-meta{font-size:.7rem}.employee-telegram-id{width:100%}.employee-profile-summary{grid-template-columns:minmax(0,1fr) 58px;gap:9px}.employee-profile-summary .team-employee-avatar{width:56px;height:56px}.employee-profile-copy .employee-nickname{flex-wrap:wrap;gap:4px 7px;line-height:1.35}.employee-nickname bdi{white-space:normal;overflow-wrap:anywhere}.employee-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-metrics-grid>div:nth-child(4),.employee-metrics-grid>div:nth-child(5){grid-column:span 1}}


/* Founder visibility: distinguish genuinely missing employee data from a failed request. */
.employee-empty-state{display:grid;gap:3px;margin:4px 0;padding:10px 12px;border:1px dashed rgba(111,74,194,.22);border-radius:12px;background:#faf8ff;color:#756b83;line-height:1.5}
.employee-empty-state strong{color:#51406f;font-size:.88rem}
.employee-empty-state span{font-size:.78rem;overflow-wrap:anywhere}
.social-account-chips .is-empty{color:#8c819d;font-style:normal}
@media(max-width:380px){.employee-empty-state{padding:9px 10px}.employee-empty-state strong{font-size:.82rem}.employee-empty-state span{font-size:.74rem}}


.authorization-additional-fieldset{margin-top:1rem;border:1px solid rgba(104,67,205,.18);border-radius:1rem;padding:1rem}.authorization-additional-fieldset legend{font-weight:800;padding:0 .35rem}.authorization-additional-roles{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}.authorization-additional-roles .role-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(104,67,205,.22);border-radius:999px;padding:.55rem .75rem;background:#fff;cursor:pointer}.authorization-additional-roles .role-chip input{accent-color:#6739c8}.authorization-additional-roles .role-chip:has(input:checked){background:#f1ebff;border-color:#6739c8;color:#4d269b}@media (max-width:520px){.authorization-additional-roles{display:grid;grid-template-columns:1fr}.authorization-additional-roles .role-chip{width:100%}}


/* Additional roles: compact, RTL-safe rows. */
.authorization-additional-fieldset{min-width:0;overflow:visible}
.authorization-additional-fieldset legend{max-width:100%;line-height:1.4}
.authorization-additional-fieldset .field-optional{font-weight:700;color:var(--muted);white-space:normal}
.authorization-additional-roles{display:grid;gap:10px;min-width:0;width:100%;max-width:100%}
.role-chip{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:68px!important;margin:0!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;color:var(--text)!important;text-align:right!important;cursor:pointer!important;overflow:hidden!important;transition:border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease),transform 160ms var(--ease)!important}
.role-chip:hover{border-color:#b9a4ef!important;background:#fcfaff!important}
.role-chip:has(input:checked){border-color:#7d55e8!important;background:#f2edff!important;box-shadow:0 0 0 2px rgba(125,85,232,.08)!important}
.role-chip:has(input:disabled){cursor:default!important;border-style:dashed!important;background:#f7f5fb!important;color:var(--muted)!important}
.role-chip>input{flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;margin:0!important;accent-color:#6d43d9!important}
.role-chip-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;gap:2px!important;text-align:right!important}
.role-chip-copy strong{display:block!important;min-width:0!important;color:var(--text)!important;font-size:1rem!important;font-weight:850!important;line-height:1.35!important;overflow-wrap:normal!important;word-break:normal!important}
.role-chip-copy small{display:block!important;min-width:0!important;color:var(--muted)!important;font-size:.82rem!important;font-weight:600!important;line-height:1.45!important;overflow-wrap:normal!important;word-break:normal!important}
.role-chip-permissions{display:block!important;color:var(--accent-deep)!important;font-size:.73rem!important;font-style:normal!important;font-weight:750!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.role-chip-badge{flex:0 0 auto!important;max-width:118px!important;color:var(--muted)!important;font-size:.7rem!important;font-style:normal!important;font-weight:800!important;line-height:1.35!important;text-align:center!important}
.authorization-additional-fieldset>.helper{margin:0!important}
.role-description{margin:2px 0 9px;color:var(--muted);font-size:.86rem;line-height:1.55}
.access-summary-list,.role-platform-list{display:flex;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}
.access-summary-list span,.role-platform-list span{max-width:100%;padding:5px 9px;border:1px solid #d7caf5;border-radius:999px;background:#faf8ff;color:var(--accent-deep);font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:620px){.authorization-additional-fieldset{padding:12px!important}.role-chip{min-height:64px!important;padding:11px 12px!important}.role-chip-badge{max-width:92px!important;font-size:.66rem!important}.role-chip-copy strong{font-size:.94rem!important}.role-chip-copy small{font-size:.78rem!important}.role-chip-permissions{font-size:.69rem!important}.authorization-additional-fieldset .field-optional{display:block;margin-top:3px}}


.manager-stats{align-items:stretch}.manager-stat-card{display:grid;align-content:center;gap:4px;min-width:0;min-height:108px;padding:14px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);text-align:right;box-shadow:var(--shadow);cursor:pointer;transition:transform 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease)}.manager-stat-card:hover,.manager-stat-card:focus-visible{transform:translateY(-2px);border-color:var(--focus);background:var(--accent-soft);box-shadow:0 12px 24px rgba(54,32,109,.12)}.manager-stat-card:active{transform:scale(.98)}.manager-stat-card span{color:var(--muted);font-size:.78rem;line-height:1.4}.manager-stat-card strong{color:var(--accent-deep);font-size:1.8rem;line-height:1.1}.manager-stat-card small{color:var(--accent-deep);font-size:.7rem;font-weight:800;line-height:1.4}@media(max-width:620px){.manager-stat-card{min-height:112px;padding:12px 9px}.manager-stat-card strong{font-size:1.55rem}.manager-stat-card small{font-size:.66rem}}


.manager-team-panel{scroll-margin-top:18px}.manager-employee-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}.manager-employee-row strong{min-width:0;overflow-wrap:anywhere}.manager-employee-row span{color:var(--muted);font-size:.82rem;text-align:left;white-space:nowrap}.manager-collapsible{scroll-margin-top:18px;overflow:hidden}.manager-collapsible summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:4px 0;cursor:pointer;list-style:none}.manager-collapsible summary::-webkit-details-marker{display:none}.manager-collapsible summary>span{display:grid;gap:4px;min-width:0}.manager-collapsible summary strong{font-size:1.18rem;color:var(--text)}.manager-collapsible summary small{color:var(--muted);font-size:.8rem;font-weight:600}.manager-collapsible summary>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--accent-deep);font-size:1.35rem;line-height:1;transition:transform 180ms ease,background 180ms ease}.manager-collapsible[open] summary{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}.manager-collapsible[open] summary>b{transform:rotate(180deg);background:var(--accent-soft)}.manager-collapsible summary:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 35%,transparent);outline-offset:6px;border-radius:10px}@media(max-width:620px){.manager-employee-row{display:grid;gap:5px}.manager-employee-row span{text-align:right;white-space:normal}.manager-collapsible summary{min-height:76px}.manager-collapsible summary strong{font-size:1.08rem}}@media(prefers-reduced-motion:reduce){.manager-collapsible summary>b{transition:none}}


.page-back{display:inline-flex;align-items:center;min-height:42px;margin-bottom:12px;padding:8px 13px;border:1px solid rgba(255,255,255,.55);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-weight:900}.page-back:hover,.page-back:focus-visible{background:rgba(255,255,255,.22)}.manager-platform-panel{scroll-margin-top:18px}.manager-month-filter{display:grid;gap:4px;min-width:130px;color:var(--muted);font-size:.78rem;font-weight:900}.manager-month-filter input{min-height:42px;padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text)}.manager-platform-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:14px}.manager-platform-filter{display:grid;gap:3px;min-width:0;min-height:64px;padding:10px;text-align:right;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}.manager-platform-filter small{color:var(--muted);font-size:.72rem}.manager-platform-filter.is-selected,.manager-platform-filter:hover,.manager-platform-filter:focus-visible{border-color:var(--focus);background:var(--accent-soft);color:var(--accent-deep)}.manager-platform-results{margin-top:14px}.manager-platform-results .list-action{min-height:58px}@media(max-width:620px){.manager-platform-panel .section-heading{align-items:flex-start;flex-direction:column}.manager-month-filter{width:100%}.manager-month-filter input{width:100%}.manager-platform-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}


.employee-period-selector{display:flex;gap:8px;margin:12px 0}.employee-period-button,.employee-metric-card,.employee-platform-row,.employee-drilldown-row{font:inherit;cursor:pointer}.employee-period-button{min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:900}.employee-period-button.is-selected,.employee-period-button:focus-visible{border-color:var(--focus);background:var(--accent-soft);color:var(--accent-deep)}.employee-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-metric-card{display:grid;gap:5px;min-height:88px;padding:13px;text-align:right;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);transition:border-color .16s ease,background .16s ease,transform .16s ease}.employee-metric-card strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.employee-metric-card small{color:var(--muted)}.employee-metric-card:hover,.employee-metric-card:focus-visible{border-color:var(--focus);background:var(--accent-soft);transform:translateY(-1px)}.employee-drilldown-panel{margin-top:12px;padding:13px;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 85%,var(--accent-soft));}.employee-platform-breakdown-list{display:grid;gap:8px}.employee-platform-row,.employee-drilldown-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:right}.employee-platform-row:hover,.employee-platform-row:focus-visible,.employee-drilldown-row:hover,.employee-drilldown-row:focus-visible{border-color:var(--focus);background:var(--accent-soft)}.loading-inline,.error-inline{margin:0;padding:8px;color:var(--muted)}@media(max-width:390px){.employee-period-selector{overflow:auto}.employee-period-button{flex:1;white-space:nowrap}.employee-metrics-grid{grid-template-columns:1fr}.employee-profile-org{display:grid;gap:4px}}@media(prefers-reduced-motion:reduce){.employee-metric-card{transition:none}}


/* Employee Intelligence: top platform and action breakdown. */
.employee-platform-highlight-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:68px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:right;cursor:pointer;transition:border-color 160ms var(--ease),background 160ms var(--ease),transform 160ms var(--ease)}
.employee-platform-highlight-row:hover,.employee-platform-highlight-row:focus-visible{border-color:var(--focus);background:var(--accent-soft);transform:translateY(-1px)}
.employee-platform-highlight-row>span:last-child{display:grid;gap:3px;min-width:0;text-align:left}
.employee-platform-highlight-row strong{color:var(--accent-deep);font-size:.9rem}
.employee-platform-highlight-row small{color:var(--muted);font-size:.74rem;overflow-wrap:anywhere}
.employee-action-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.employee-action-summary span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid rgba(111,74,194,.18);border-radius:999px;background:#faf8ff;color:var(--accent-deep);font-size:.76rem;font-weight:750}
.employee-action-summary bdi{font-variant-numeric:tabular-nums;font-weight:900}
@media(max-width:390px){.employee-platform-highlight-row{align-items:flex-start;padding:10px}.employee-platform-highlight-row>span:last-child{text-align:right}.employee-action-summary{gap:5px}.employee-action-summary span{font-size:.7rem;padding-inline:7px}}


/* HR employee record pages are full routes, not modal sheets. */
body.hr-employee-route {
  min-height: 100dvh;
  background: var(--page-bg, #f7f5ff);
}
body.hr-employee-route main {
  min-height: 0;
  padding-bottom: 0;
}
body.hr-employee-route #bottom-nav { display: none; }
.hr-employee-page {
  width: min(100%, 48rem);
  min-height: 0;
  margin: 0 auto;
  padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom));
}
.hr-employee-page .page-back { margin-bottom: .75rem; }
.hr-employee-page .employee-route-header { margin-bottom: 1rem; }
.hr-employee-page .panel { margin-block: .75rem; }
.hr-employee-header{margin-bottom:1rem}.hr-employee-header .employee-route-nav{margin-bottom:.7rem}.hr-employee-header .employee-route-nav .eyebrow{color:var(--muted)}.hr-employee-header h1{color:var(--text);font-size:clamp(1.5rem,5.8vw,2.15rem);line-height:1.2}.hr-employee-page .page-back{display:inline-flex;align-items:center;gap:7px;min-height:42px;margin:0;padding:8px 14px;border:1px solid var(--accent-deep);border-radius:12px;background:var(--accent-deep);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(74,37,157,.18);transition:background 160ms var(--ease),border-color 160ms var(--ease),transform 160ms var(--ease),box-shadow 160ms var(--ease)}.hr-employee-page .page-back:hover,.hr-employee-page .page-back:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 10px 22px rgba(74,37,157,.24)}.hr-employee-page .page-back:active{transform:scale(.97)}.hr-employee-summary{margin:0 0 .8rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);box-shadow:0 6px 16px rgba(54,32,109,.05)}.hr-employee-summary .mail-body{margin:0;line-height:1.7}.hr-employee-summary .employee-status{margin-inline:3px}.hr-employee-page .panel{border-color:var(--line);background:var(--surface)}
@media(max-width:480px){.hr-employee-page{padding-inline:.75rem}.hr-employee-header .employee-route-nav{align-items:flex-start}.hr-employee-header .page-back{min-height:40px;padding-inline:11px}.hr-employee-header .employee-route-nav .eyebrow{max-width:8.5rem;text-align:left;line-height:1.45}.hr-employee-page .panel{padding:15px 13px}.hr-employee-summary{padding:.7rem .8rem}}
@media (max-width: 480px) {
  .hr-employee-page { padding-inline: .75rem; }
}

/* Social Media performance and review refinements */
.monthly-ranking-panel{overflow:hidden}.monthly-ranking-list{display:grid;gap:.55rem;margin-top:.8rem}.monthly-ranking-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem .8rem;border:1px solid rgba(76,45,152,.14);border-radius:1rem;background:linear-gradient(135deg,#fff 0%,#fbf9ff 100%)}.monthly-ranking-row.is-me{border-color:rgba(116,73,214,.48);background:#f4efff}.ranking-position{color:#6d3ed0;font-size:1rem}.ranking-identity{min-width:0;display:grid;gap:.15rem}.ranking-identity strong,.ranking-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-identity small,.ranking-score small{color:#756d89;font-size:.76rem}.ranking-score{text-align:left;display:grid;gap:.15rem;white-space:nowrap}.ranking-score strong{color:#38235e}.points-weight-note{margin:.9rem 0 0;padding-top:.75rem;border-top:1px solid rgba(76,45,152,.12);color:#6e6680;font-size:.8rem;line-height:1.8}.points-weight-note span{white-space:nowrap}.manager-submission-panel{scroll-margin-top:1rem}.manager-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:end;margin:.9rem 0}.manager-filter-grid label{display:grid;gap:.35rem;color:#5f5675;font-size:.82rem;font-weight:700}.manager-filter-grid select,.manager-filter-grid input[type=month]{width:100%;min-height:2.7rem;border:1px solid rgba(76,45,152,.2);border-radius:.8rem;background:#fff;color:#2d1b4d;padding:.45rem .65rem;font:inherit}.manager-filter-grid .checkbox-filter{display:flex;grid-column:1/-1;align-items:center;gap:.5rem;min-height:2.7rem}.manager-filter-grid .checkbox-filter input{accent-color:#7041cf;width:1.1rem;height:1.1rem}.manager-filter-grid button{min-height:2.7rem}.manager-submission-counters{display:flex;flex-wrap:wrap;gap:.45rem;margin:.2rem 0 .85rem;color:#6d6680;font-size:.8rem}.manager-submission-counters span{padding:.35rem .55rem;border-radius:999px;background:#f3effb}.manager-submission-row span{color:#746b84}@media (min-width:700px){.manager-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.manager-filter-grid .checkbox-filter{grid-column:auto}}@media (prefers-reduced-motion:no-preference){.monthly-ranking-row,.manager-submission-row{transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.monthly-ranking-row:hover,.manager-submission-row:hover{transform:translateY(-1px);border-color:rgba(116,73,214,.42);background:#faf7ff}}

/* Story choice extends the existing evidence form without creating a separate visual language. */
.story-choice-field{display:grid;gap:.4rem;margin:.75rem 0;padding:.75rem .9rem;border:1px solid rgba(91,58,177,.2);border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,242,255,.92));color:#32245f;font-weight:700}
.story-choice-field span,.story-choice-field small{font-size:.82rem;line-height:1.55;color:#5f557a;font-weight:600;text-wrap:pretty}
.story-choice-field small{font-size:.76rem;color:#756b8d;font-weight:500}
.story-guidance strong{color:#4e2ca8}
.url-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}
.url-field-row input{min-width:0}
.paste-url{min-height:2.7rem;padding:.45rem .72rem;border:1px solid rgba(91,58,177,.25);border-radius:.75rem;background:#f5efff;color:#4e2ca8;font:inherit;font-weight:800;white-space:nowrap;cursor:pointer}
.paste-url:hover,.paste-url:focus-visible{border-color:#6d3bd1;background:#ebe1ff}
.paste-url:active{transform:scale(.97)}
.story-choice-field select{width:100%;min-height:2.7rem;border:1px solid rgba(91,58,177,.22);border-radius:.8rem;background:#fff;color:#32245f;padding:.55rem .7rem;font:inherit}
.story-choice-field select:focus-visible{outline:3px solid rgba(111,73,210,.28);outline-offset:2px}
@media (max-width:430px){.story-choice-field{margin:.6rem 0;padding:.65rem .75rem}.story-choice-field small{font-size:.72rem}}

/* Employee-first Home hierarchy: work first, performance second. */
.focus--primary{border-color:rgba(112,65,207,.42);background:linear-gradient(135deg,#fff 0%,#f6f0ff 100%);box-shadow:0 12px 28px rgba(80,45,160,.1)}
.focus--primary h2{font-size:clamp(1.35rem,5vw,1.8rem);margin:.2rem 0 .35rem;color:var(--accent-deep)}
.focus--primary p:not(.eyebrow){max-width:34rem;line-height:1.7}
.employee-today-summary{display:grid;gap:.85rem}
.employee-today-summary .section-heading{margin:0}
.stats--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0}
.stats--compact article{min-height:76px;padding:.75rem .65rem;border-radius:14px}
.stats--compact article span{font-size:.75rem}
.stats--compact article strong{font-size:1.35rem}
@media(max-width:420px){.focus--primary{gap:1rem}.focus--primary button{width:100%;min-height:48px}.stats--compact article{padding:.65rem .45rem}.stats--compact article span{font-size:.68rem}.stats--compact article strong{font-size:1.15rem}}
@media(prefers-reduced-motion:no-preference){.focus--primary button{transition:transform .14s ease,box-shadow .14s ease}.focus--primary button:active{transform:scale(.97)}}

/* Smart employee workflow: clear draft/send actions with mobile-safe spacing. */
.submission-form-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:.7rem;margin-top:1rem;align-items:stretch}
.submission-form-actions button{min-height:3rem;white-space:normal}
@media(max-width:420px){.submission-form-actions{grid-template-columns:1fr}.submission-form-actions .submit{order:-1}}

.submission-preflight{margin-top:1rem;padding:.9rem 1rem;border:1px solid rgba(92,57,175,.18);border-radius:1rem;background:linear-gradient(135deg,rgba(247,244,255,.96),rgba(255,255,255,.98));color:#2d2450;line-height:1.7}.submission-preflight strong{display:block;font-size:.96rem;color:#4f2e9f}.submission-preflight p{margin:.25rem 0 0;font-size:.86rem;color:#625a78}.submission-preflight[aria-busy=true]{opacity:.7}

/* Instagram evidence refinement: preserve multi-slot Reel/Post, clarify single-image Story/Channel. */
.interaction-indicators{align-items:stretch;justify-content:flex-start;direction:rtl;gap:.6rem}
.interaction-indicator{flex:0 1 auto;max-width:100%;white-space:normal;text-align:center;line-height:1.35;box-shadow:0 4px 12px rgba(78,42,164,.06)}
.interaction-indicator .interaction-mark{display:grid;place-items:center;flex:none;width:1.15rem;height:1.15rem;border-radius:50%;background:#7650d8;color:#fff;font-size:.72rem;font-weight:950}
.single-evidence-note{display:grid;gap:4px;margin-top:12px;padding:12px 13px;border:1px solid #d5c8f3;border-inline-start:4px solid #7650d8;border-radius:14px;background:#faf8ff;color:#39206f;line-height:1.55}
.single-evidence-note strong{font-size:.95rem}
.single-evidence-note span{color:#746b89;font-size:.86rem}
#general-evidence-wrap[hidden]{display:none}
#general-evidence-label{display:block}
.evidence-slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.evidence-slot{min-width:0}
@media(max-width:560px){.interaction-indicator{min-width:calc(50% - .3rem);justify-content:center}.evidence-slot-list{grid-template-columns:1fr}.single-evidence-note{font-size:.92rem}}

.point-breakdown{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(77,48,130,.14)}
.point-breakdown h3{margin:0 0 .65rem;font-size:1rem;color:#2f1d55}
.point-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-bottom:1px solid rgba(77,48,130,.08);font-size:.9rem}
.point-breakdown-row:last-child{border-bottom:0}
.point-breakdown-row strong{color:#2f1d55}
.point-breakdown-row span{color:#716982;text-align:start}
@media (max-width:700px){.point-breakdown-row{align-items:flex-start;flex-direction:column;gap:.2rem}.point-breakdown-row span{text-align:right}}

/* Role-aware beginner operating guide */
.guide-trigger{font-weight:900;font-size:1.08rem;color:var(--text);border:1px solid var(--line);background:var(--surface)}
#guide-dialog{width:min(720px,calc(100vw - 28px));max-height:min(86dvh,760px);padding:0;border:0;border-radius:28px;background:transparent;overflow:visible}
#guide-dialog::backdrop{background:rgba(24,14,45,.48);backdrop-filter:blur(6px)}
.guide-shell{position:relative;padding:28px 24px 22px;background:linear-gradient(145deg,#fff 0%,#fbf9ff 68%,#f1eaff 100%);border:1px solid rgba(114,70,218,.18);border-radius:28px;box-shadow:0 26px 70px rgba(43,25,86,.22);max-height:min(86dvh,760px);overflow:auto}
.guide-shell h2{margin:.25rem 0 .55rem;font-size:clamp(1.5rem,4vw,2.05rem);color:#24164d}
.guide-intro{margin:0 0 18px;color:#6b6280;line-height:1.8;max-width:58ch}
.guide-role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid rgba(111,75,191,.14)}
.guide-role-tab{border:1px solid #ddd1f5;border-radius:999px;padding:9px 14px;background:#fff;color:#5c438e;font:inherit;font-weight:800;cursor:pointer;transition:transform 160ms var(--ease),background 160ms var(--ease),color 160ms var(--ease)}
.guide-role-tab:hover,.guide-role-tab:focus-visible{transform:translateY(-1px)}
.guide-role-tab.is-active{background:#6938c8;color:#fff;border-color:#6938c8;box-shadow:0 8px 18px rgba(105,56,200,.2)}
.guide-progress{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border-radius:999px;background:#eee6ff;color:#6440a1;font-size:.86rem;font-weight:800}
.guide-step{margin-top:16px;padding:22px 20px;border:1px solid #e4daf8;border-radius:22px;background:rgba(255,255,255,.86);min-height:190px}
.guide-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#6938c8;color:#fff;font-weight:900;font-size:1.05rem}
.guide-step h3{margin:.65rem 0 .55rem;color:#281650;font-size:1.28rem}
.guide-step p:not(.eyebrow){margin:0;color:#5d5572;line-height:1.95;font-size:1rem}
.guide-route-link{margin-top:18px;border:0;background:transparent;color:#6837c6;font:inherit;font-weight:900;cursor:pointer;padding:0}
.guide-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.guide-navigation button{min-width:118px;min-height:46px;border-radius:14px;font:inherit;font-weight:900;cursor:pointer}
.guide-navigation .secondary{background:#fff;border:1px solid #d9c9f5;color:#5c3d9f}
.guide-navigation .submit{background:#6938c8;border:1px solid #6938c8;color:#fff}
.guide-navigation button:disabled{opacity:.42;cursor:not-allowed}
@media (max-width:600px){#guide-dialog{width:calc(100vw - 16px);max-height:90dvh}.guide-shell{padding:24px 16px 16px;border-radius:24px;max-height:90dvh}.guide-step{padding:18px 16px;min-height:210px}.guide-navigation button{flex:1}.guide-role-tabs{gap:6px}.guide-role-tab{padding:8px 11px;font-size:.9rem}}
@media (prefers-reduced-motion:reduce){.guide-role-tab{transition:none}}

/* Employee editor: identity fields and safe save state. */
.field-required-note{display:block;color:var(--accent-deep);font-size:.76rem;font-weight:750;line-height:1.45}
#record-telegram,#employee-telegram,#record-telegram-username,#employee-telegram-username{direction:ltr;text-align:left}
.submit:disabled{cursor:wait;opacity:.72;filter:saturate(.72);box-shadow:none}
#record-change-reason-wrap:not([hidden]){padding:12px;border:1px solid #ead4a0;border-radius:14px;background:#fffaf0;color:#6b4a10}
@media(max-width:620px){dialog form{gap:12px}.employee-form-section{padding:13px!important}.employee-org-grid{grid-template-columns:1fr!important}.field-required-note{font-size:.74rem}}

/* HR detail editor entry point. */
.hr-employee-header-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.hr-employee-header-main h1{min-width:0;overflow-wrap:anywhere}
.hr-employee-edit{flex:0 0 auto;min-height:44px;background:var(--surface);color:var(--accent-deep);border-color:rgba(255,255,255,.7);box-shadow:0 8px 18px rgba(38,18,89,.18)}
.hr-employee-edit:hover,.hr-employee-edit:focus-visible{background:#fff;color:var(--accent-deep);border-color:#fff}
@media(max-width:620px){.hr-employee-header-main{align-items:stretch;flex-direction:column;gap:10px}.hr-employee-edit{width:100%}}

/* Telegram identity is server-sourced and read-only. */
.field-readonly-note{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;line-height:1.55}
input[readonly][aria-readonly="true"]{background:#f2eff9;color:var(--muted);border-color:#d8cfee;cursor:not-allowed;caret-color:transparent}
input[readonly][aria-readonly="true"]:focus{outline:2px solid rgba(96,54,190,.22);outline-offset:2px}

/* Performance guide: shared Mr.Emarati policy, points and leaderboard surface. */
.performance-guide-title{padding-bottom:24px}.performance-guide-title .page-back{margin-bottom:18px}.performance-guide-trigger{margin-top:4px;background:#fff;color:var(--accent-deep);border-color:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(34,17,83,.18)}.performance-guide-trigger:hover,.performance-guide-trigger:focus-visible{background:#f6f1ff;border-color:#fff;color:#3e237e}.performance-policy-note{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:13px;border-color:#e2a7b2;background:#fff5f7;box-shadow:0 10px 24px rgba(167,45,71,.08)}.performance-policy-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#b52e4c;color:#fff;font-size:1.25rem;font-weight:950;box-shadow:0 6px 14px rgba(181,46,76,.18)}.performance-policy-note h2{margin:0 0 8px;color:#9e2642;font-size:1.12rem}.performance-policy-note p{margin:4px 0;color:#6f2739;line-height:1.65}.performance-policy-note strong{color:#8f1f3b}.performance-guide-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.performance-guide-summary article{display:grid;gap:5px;min-width:0;padding:14px 12px;border:1px solid #d8ccf3;border-radius:17px;background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);box-shadow:var(--shadow)}.performance-guide-summary span{color:var(--muted);font-size:.76rem;line-height:1.4}.performance-guide-summary strong{color:var(--accent-deep);font-size:1.55rem;font-variant-numeric:tabular-nums}.performance-ranking-panel,.performance-rules-panel,.performance-thresholds-panel{overflow:hidden}.performance-eyebrow{color:#7650c7;margin-bottom:4px}.performance-leaderboard{display:grid;gap:8px;margin-top:14px}.performance-rank-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:11px 12px;border:1px solid #e3dcf2;border-radius:15px;background:#fff;transition:transform 160ms var(--ease),border-color 160ms var(--ease),box-shadow 160ms var(--ease)}.performance-rank-card.is-top-three{border-color:#c6b1f1;background:linear-gradient(110deg,#fff 0%,#f8f3ff 100%);box-shadow:0 8px 20px rgba(78,42,164,.08)}.performance-rank-card.is-me{outline:3px solid rgba(125,85,232,.15);outline-offset:1px}.performance-rank-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1edff;color:var(--accent-deep);font-weight:950;font-variant-numeric:tabular-nums}.performance-rank-card.is-top-three .performance-rank-number{background:var(--accent-deep);color:#fff}.performance-rank-copy{display:grid;gap:3px;min-width:0}.performance-rank-copy strong{color:var(--text);overflow-wrap:anywhere}.performance-rank-copy small{color:var(--muted);line-height:1.4}.performance-rank-points{color:var(--accent-deep);font-size:.9rem;white-space:nowrap;font-variant-numeric:tabular-nums}.performance-rules-table-wrap{overflow-x:auto;margin-top:13px;border:1px solid #e3dcf2;border-radius:15px;background:#fff}.performance-rules-table{width:100%;min-width:520px;border-collapse:collapse;text-align:right}.performance-rules-table th,.performance-rules-table td{padding:12px 13px;border-bottom:1px solid #eee9f7;vertical-align:middle}.performance-rules-table th{background:#f7f3ff;color:var(--accent-deep);font-size:.78rem;font-weight:950;white-space:nowrap}.performance-rules-table td{color:var(--text);font-size:.88rem}.performance-rules-table tbody tr:last-child td{border-bottom:0}.performance-rules-table td strong{color:var(--accent-deep);font-variant-numeric:tabular-nums}.guide-rule-version{color:var(--muted);font-size:.78rem}.performance-threshold-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.performance-threshold-grid>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid #e3dcf2;border-radius:14px;background:#fbfaff}.performance-threshold-grid strong{color:var(--accent-deep);font-size:.88rem;font-variant-numeric:tabular-nums}.performance-threshold-grid span{color:var(--muted);font-size:.78rem;line-height:1.45}@media(max-width:620px){.performance-guide-title .page-back{width:100%;margin-bottom:14px}.performance-guide-trigger{width:100%;margin-top:8px}.performance-policy-note{grid-template-columns:auto 1fr;gap:10px;padding:14px}.performance-policy-note p{font-size:.9rem}.performance-guide-summary{gap:7px}.performance-guide-summary article{padding:11px 9px}.performance-guide-summary span{font-size:.7rem}.performance-guide-summary strong{font-size:1.35rem}.performance-rank-card{grid-template-columns:auto minmax(0,1fr);gap:9px}.performance-rank-points{grid-column:2;justify-self:start}.performance-threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-rules-table th,.performance-rules-table td{padding:11px 10px}}@media(max-width:360px){.performance-guide-summary strong{font-size:1.2rem}.performance-rank-copy strong{font-size:.92rem}}

/* Navigation system: clean header + right-side drawer */

/* Drawer scroll ownership: the shell is the only vertical scroll surface while open. */
.navigation-drawer{position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;overscroll-behavior:contain;touch-action:none}
.navigation-drawer .drawer-shell{height:100%;max-height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:auto}
.navigation-drawer::backdrop{overscroll-behavior:none;touch-action:none}
@supports not (height:100dvh){.navigation-drawer{height:100vh;max-height:100vh}}

.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);direction:ltr}
.app-header .header-section-title{min-width:0;overflow:hidden;text-align:center;color:var(--accent-deep);font-size:1rem;font-weight:950;line-height:1.25;direction:rtl;text-overflow:ellipsis;white-space:nowrap}
.app-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.app-header .brand-mark{display:flex;align-items:center;gap:8px;direction:ltr;white-space:nowrap}
.app-header .brand-name{font-size:.78rem;letter-spacing:.12em;font-weight:950;color:#2a1b4d}
.app-header .brand-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#7f4de2,#4c22ae);color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 5px 12px rgba(76,34,174,.22)}
.drawer-trigger,.drawer-close{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #d7cfee;border-radius:15px;background:#fff;color:var(--accent-deep);font:inherit;font-weight:950;box-shadow:0 4px 12px rgba(54,32,109,.07);transition:transform 160ms var(--ease),background 160ms var(--ease),border-color 160ms var(--ease)}
.drawer-trigger{justify-self:start;direction:rtl}
.drawer-trigger:hover,.drawer-trigger:focus-visible,.drawer-close:hover,.drawer-close:focus-visible{border-color:#7143c5;background:#f1ebff;outline:3px solid rgba(113,67,197,.2);outline-offset:2px}
.drawer-trigger:active,.drawer-close:active{transform:scale(.96)}
.notification-trigger{position:relative;min-width:42px;min-height:42px;padding:0;border-radius:14px}
.notification-trigger #badge{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#d9772b;color:#fff;font-size:.68rem;font-weight:950;line-height:1}
.navigation-drawer{inset:0 0 0 auto;width:min(82vw,420px);height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fbfaff;color:var(--text);box-shadow:-18px 0 48px rgba(32,12,89,.22);overflow:hidden;direction:rtl}
.navigation-drawer::backdrop{background:rgba(27,16,56,.42);backdrop-filter:blur(2px)}
.drawer-shell{display:flex;flex-direction:column;gap:0;width:100%;height:100%;padding:20px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
.drawer-top{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e5def7}
.drawer-profile{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.drawer-profile img,.drawer-profile-fallback{display:grid;place-items:center;flex:none;width:52px;height:52px;border:2px solid #c6b2f4;border-radius:50%;background:linear-gradient(145deg,#7d48dd,#4a21ac);color:#fff;font-size:1.35rem;font-weight:950;object-fit:cover}
.drawer-profile div{display:grid;gap:3px;min-width:0}
.drawer-profile strong,.drawer-profile small{overflow-wrap:anywhere}
.drawer-profile strong{color:#2b1b50;font-size:1rem;line-height:1.35}
.drawer-profile small{color:var(--muted);font-size:.78rem;line-height:1.35}
.drawer-close{flex:none;font-size:1.45rem;line-height:1}
.drawer-links,.drawer-admin-links{display:grid;gap:4px}
.drawer-links{padding-top:12px}
.drawer-group{display:grid;gap:4px;padding:9px 0 12px}
.drawer-group+.drawer-group{border-top:1px solid #e5def7}
.drawer-group h3{margin:0 0 5px;padding:0 5px;color:#846fa9;font-size:.76rem;font-weight:950;letter-spacing:.02em}
.drawer-link{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 10px;border:1px solid transparent;border-radius:14px;background:transparent;color:#2b1b50;text-align:right;font:inherit;cursor:pointer;transition:background 160ms var(--ease),border-color 160ms var(--ease),transform 160ms var(--ease)}
.drawer-link:hover,.drawer-link:focus-visible{border-color:#d7c8f4;background:#f0eaff;outline:0}
.drawer-link:active{transform:scale(.985)}
.drawer-link-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#eee7ff;color:#5a2db4;font-size:1.02rem;font-weight:950}
.drawer-link-copy{display:grid;gap:2px;min-width:0}
.drawer-link-copy strong{font-size:.91rem;line-height:1.4}
.drawer-link-copy small{color:var(--muted);font-size:.72rem;line-height:1.35}
.drawer-link>b{color:#8f79b5;font-size:1rem}
.drawer-group-admin{margin-top:3px;padding-top:13px;border-top:1px solid #dfd4f5}
.drawer-group-admin h3{color:#5a2db4}
.drawer-group-admin .drawer-link-icon{background:#e6dcff;color:#472092}
.drawer-logout{width:100%;min-height:46px;margin-top:auto;padding:10px 14px;border:1px solid #e8caca;border-radius:13px;background:#fff4f4;color:#9a3131;font:inherit;font-weight:900;cursor:pointer}
.drawer-logout:hover,.drawer-logout:focus-visible{background:#ffe9e9;outline:3px solid rgba(176,47,47,.16);outline-offset:2px}
@media(max-width:620px){.app-header{min-height:62px;padding-inline:10px}.app-header .brand-name{font-size:.7rem}.app-header .brand-symbol{width:30px;height:30px}.app-header .header-section-title{font-size:.95rem}.navigation-drawer{width:min(82vw,390px)}.drawer-shell{padding-inline:14px}}
@media(max-width:380px){.app-header{gap:6px}.app-header .brand-name{display:none}.app-header .header-section-title{font-size:.88rem}.navigation-drawer{width:86vw}}


/* Performance detail surface: progressive disclosure with clear touch targets. */
.performance-metric{display:grid;gap:6px;min-width:0;width:100%;padding:16px 13px;border:1px solid #d8ccf3;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);color:var(--text);text-align:right;box-shadow:var(--shadow);cursor:pointer;transition:transform 150ms var(--ease),border-color 150ms var(--ease),box-shadow 150ms var(--ease)}
.performance-metric:hover,.performance-metric:focus-visible,.performance-detail-row:hover,.performance-detail-row:focus-visible,.performance-submission-row:hover,.performance-submission-row:focus-visible{border-color:#8d66e8;box-shadow:0 10px 24px rgba(78,42,164,.12);transform:translateY(-1px)}
.performance-metric:active,.performance-detail-row:active,.performance-submission-row:active{transform:scale(.98)}
.performance-metric span{color:var(--muted);font-size:.8rem}.performance-metric strong{color:var(--accent-deep);font-size:1.55rem;font-variant-numeric:tabular-nums}.performance-metric small{color:#7650c7;font-size:.72rem}
.performance-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 4px;border:0;border-bottom:1px solid #eee9f7;background:transparent;color:var(--text);text-align:right;cursor:pointer;transition:transform 150ms var(--ease),color 150ms var(--ease)}
.performance-detail-row:last-child{border-bottom:0}.performance-detail-row strong{color:var(--text)}.performance-detail-row span{color:var(--muted);font-size:.82rem;text-align:left}
.point-breakdown-row{display:grid!important;gap:4px;text-align:right}.point-breakdown-row small{color:#7650c7;font-size:.72rem}
.performance-detail-list{margin-top:16px}.performance-submission-row{min-height:62px}.performance-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.performance-detail-meta>div{display:grid;gap:5px;padding:12px;border:1px solid #e3dcf2;border-radius:15px;background:#fbfaff}.performance-detail-meta span{color:var(--muted);font-size:.74rem}.performance-detail-meta strong{color:var(--accent-deep);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.performance-evidence-list,.performance-points-list,.performance-history-list{display:grid;gap:8px}.performance-evidence-row,.performance-points-list>div,.performance-history-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eee9f7}.performance-evidence-row:last-child,.performance-points-list>div:last-child,.performance-history-list>div:last-child{border-bottom:0}.performance-evidence-row>div,.performance-points-list>div,.performance-history-list>div{display:grid;gap:3px;min-width:0}.performance-evidence-row small,.performance-points-list span,.performance-history-list span,.performance-history-list p{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.performance-history-list p{margin:4px 0 0}.performance-detail-empty{margin-top:16px}.performance-detail-empty h2{margin:4px 0 6px}
#performance-detail-dialog{width:min(92vw,620px);max-height:min(88vh,820px);overflow:auto;border:1px solid #d8ccf3;border-radius:26px;background:#fbfaff;color:var(--text);box-shadow:0 24px 70px rgba(30,15,70,.24);padding:24px}#performance-detail-dialog::backdrop{background:rgba(24,14,54,.42);backdrop-filter:blur(3px)}#performance-detail-dialog>.close{position:sticky;top:0;z-index:2;margin-inline-start:auto}
@media(max-width:520px){.performance-detail-meta{grid-template-columns:1fr 1fr}.performance-evidence-row{align-items:flex-start;flex-direction:column}.performance-evidence-row .secondary{width:100%}#performance-detail-dialog{width:calc(100vw - 24px);padding:18px;border-radius:22px}}


/* Notification bell: a clear, familiar affordance in the shared header. */
.notification-trigger{position:relative;display:grid;place-items:center;color:var(--accent-deep)}
.notification-bell{display:grid;place-items:center;width:25px;height:25px}
.notification-bell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-trigger:hover .notification-bell,.notification-trigger:focus-visible .notification-bell{color:#7650c7;transform:translateY(-1px)}
.notification-trigger:active .notification-bell{transform:scale(.94)}
.notification-trigger .notification-bell{transition:transform 150ms var(--ease),color 150ms var(--ease)}
.notification-trigger #badge{position:absolute;top:-6px;inset-inline-end:-5px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#c76a24;color:#fff;font-size:.7rem;font-weight:950;line-height:1;box-shadow:0 4px 10px rgba(199,106,36,.24)}

.organization-catalog-note{margin:0 0 14px;padding:12px 14px;border:1px solid #d8ccf3;border-radius:14px;background:#faf8ff;color:var(--accent-deep);line-height:1.65}.organization-catalog-note::before{content:'ⓘ';margin-inline-end:7px;font-weight:950}

/* Mobile viewport containment: vertical scrolling only, no page-level sideways drift. */
*,*::before,*::after{box-sizing:border-box}
html,body{inline-size:100%;max-inline-size:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{position:relative;touch-action:pan-y}
main,#page,.app-header,.top,dialog{max-inline-size:100%;min-inline-size:0}
main,#page{overflow-x:hidden}
img,svg,video,canvas,iframe{max-inline-size:100%}
button,input,select,textarea{max-inline-size:100%}
dialog{touch-action:pan-y}

.authorization-request-card{border:1px solid #d9ccef;border-radius:18px;background:#fff;margin-top:12px;overflow:hidden}.authorization-request-card summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none}.authorization-request-card summary::-webkit-details-marker{display:none}.authorization-request-card summary b{color:#5930a9;font-size:.9rem}.authorization-request-card summary small,.authorization-request-details p{display:block;color:#6d6680;margin-top:6px}.authorization-request-details{padding:0 16px 16px;border-top:1px solid #eee7f7}.authorization-request-details p{margin:12px 0}.authorization-request-details .inline-actions{margin-top:14px}.danger{background:#fff0f2!important;color:#a32945!important;border-color:#e6a9b5!important}

/* Revoke-all access control: clear, compact, and visually intentional. */
.authorization-revoke-fieldset{margin:16px 0 4px;padding:14px 15px 13px;border:1px solid #e4b7c0;border-radius:18px;background:linear-gradient(180deg,#fffafa 0%,#fff4f5 100%);box-shadow:0 6px 16px rgba(154,49,49,.06)}
.authorization-revoke-fieldset legend{padding:0 8px;color:#9a3131;font-weight:950;font-size:.92rem}
.authorization-revoke-fieldset .danger-toggle{display:flex;align-items:center;gap:11px;margin:0;padding:11px 12px;border:1px solid #edcbd0;border-radius:13px;background:#fff;color:#6f2634;font-weight:900;line-height:1.45;cursor:pointer}
.authorization-revoke-fieldset .danger-toggle input{flex:none;width:22px;height:22px;accent-color:#b33b50}
.authorization-revoke-fieldset .helper{margin:9px 4px 0;color:#7b5e67;font-size:.78rem;line-height:1.5}
.authorization-revoke-fieldset:has(input:checked){border-color:#c46a78;background:linear-gradient(180deg,#fff6f7 0%,#ffecef 100%)}
@media(max-width:620px){.authorization-revoke-fieldset{padding:12px}.authorization-revoke-fieldset .danger-toggle{font-size:.9rem;padding:10px}}

/* Premium drawer visual layer: scoped styling only, no dialog layout overrides. */
.navigation-drawer{background:linear-gradient(180deg,#fcfbff 0%,#f7f3ff 100%);color:#2b1b50}
.drawer-shell{gap:12px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.drawer-top{padding:12px 10px 16px;border:1px solid #e5dcf8;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f5efff 100%);box-shadow:0 8px 22px rgba(54,32,109,.08)}
.drawer-profile{gap:12px}.drawer-profile strong{font-size:1.05rem}.drawer-profile small{display:inline-flex;width:max-content;max-width:100%;padding:4px 9px;border:1px solid #d8c8f5;border-radius:999px;background:#eee7ff;color:#5930a9;font-size:.72rem;font-weight:900;line-height:1.2}
.drawer-links,.drawer-admin-links{display:grid;gap:10px}.drawer-links{padding-top:0}
.drawer-group{gap:7px;padding:13px 10px 11px;border:1px solid #e5dcf8!important;border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(54,32,109,.055)}
.drawer-group+.drawer-group{border-top:1px solid #e5dcf8!important}.drawer-group h3{margin:0 4px 3px;padding:0;color:#7049ae;font-size:.78rem;letter-spacing:.03em}
.drawer-link{min-height:58px;padding:9px 8px;border:1px solid transparent;border-radius:15px;background:rgba(255,255,255,.86);gap:9px}.drawer-link:hover,.drawer-link:focus-visible{border-color:#cdb9f1;background:#f3edff;box-shadow:0 5px 12px rgba(87,47,170,.09)}
.drawer-link-icon{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#f0e8ff,#e2d6ff);box-shadow:inset 0 1px 0 #fff}.drawer-link-copy strong{font-size:.9rem;line-height:1.35}.drawer-link-copy small{font-size:.72rem;line-height:1.35}.drawer-link>b{color:#7651b3}
.drawer-group-admin{margin-top:0;padding-top:13px!important}.drawer-group-admin h3{color:#5630a9}.drawer-group-admin .drawer-link{background:#fbf9ff;border-color:#e6dcf8}.drawer-logout{margin-top:auto;min-height:48px;border-radius:16px;box-shadow:0 6px 15px rgba(154,49,49,.06)}
@media(max-width:620px){.drawer-shell{padding-inline:12px;gap:10px}.drawer-top{padding:10px 8px 14px;border-radius:19px}.drawer-group{padding-inline:8px;border-radius:18px}.drawer-link{min-height:56px}.drawer-link-copy strong{font-size:.88rem}}

/* Adaptive role menu: one flow, no reserved slots, no emoji icons. */
.drawer-links{display:grid;grid-template-columns:1fr;gap:16px;padding-top:0}.drawer-group{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}.drawer-group h3{font-size:.82rem}.drawer-link{grid-template-columns:40px minmax(0,1fr) 20px;min-height:60px;padding:9px 12px}.drawer-link-icon{width:40px;height:40px;display:grid;place-items:center}.drawer-link-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.drawer-link-copy strong{font-size:.94rem}.drawer-link-copy small{font-size:.76rem}.drawer-link>b{font-size:1.5rem;font-weight:400;line-height:1}.drawer-role-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.drawer-role-chips b{padding:3px 7px;border:1px solid #d8c8f5;border-radius:999px;background:#eee7ff;color:#5930a9;font-size:.68rem;font-weight:850;line-height:1.2}.drawer-profile{align-items:flex-start}.drawer-profile div{min-width:0}.drawer-profile strong{display:block;overflow-wrap:anywhere}.drawer-profile small{display:block;width:max-content;max-width:100%;margin-top:3px}.drawer-group+.drawer-group{border-top:0}.drawer-group-admin{margin-top:0;padding-top:0;border-top:0}.drawer-links>.drawer-group{margin:0}.drawer-link.active{border-color:#cdb9f1;background:#f1eaff;color:#4d2896}.drawer-link.active .drawer-link-icon{background:#ded0ff;color:#4d2896}@media(max-width:620px){.drawer-links{gap:14px}.drawer-link{min-height:60px;padding-inline:10px}.drawer-link-copy strong{font-size:.92rem}.drawer-link-copy small{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.drawer-link{transition:none}}

/* Hard column guarantee for Telegram WebView */
.navigation-drawer .drawer-links,.navigation-drawer .drawer-admin-links{display:block!important;width:100%!important}
.navigation-drawer .drawer-group{display:block!important;width:100%!important;margin:0 0 14px!important}
.navigation-drawer .drawer-link{display:grid!important;width:100%!important;margin:0 0 8px!important}
.navigation-drawer .drawer-group h3{display:block!important;width:100%!important}


/* Final drawer structure: fixed panel, fixed header, exactly one scroll surface. */
dialog.navigation-drawer{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:0;border:0;overflow:hidden;overscroll-behavior:none}
dialog.navigation-drawer .drawer-shell{display:flex!important;flex-direction:column!important;height:100%;max-height:100%;min-height:0;gap:0;padding:0;overflow:hidden;overscroll-behavior:none}
dialog.navigation-drawer .drawer-top{flex:0 0 auto;margin:0;border-radius:0;border-inline:0;border-top:0;box-shadow:0 4px 14px rgba(54,32,109,.08);z-index:2}
dialog.navigation-drawer .drawer-scroll-area{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:18px 16px calc(18px + env(safe-area-inset-bottom));scroll-behavior:auto}
dialog.navigation-drawer .drawer-scroll-area .drawer-logout{margin-top:18px}
dialog.navigation-drawer::backdrop{overscroll-behavior:none;touch-action:none}
@supports not (height:100dvh){dialog.navigation-drawer{height:100vh;max-height:100vh}}
@media(max-width:620px){dialog.navigation-drawer .drawer-scroll-area{padding-inline:12px}}


/* v37 iOS WebView scroll ownership: make the dialog itself a flex viewport. */
dialog.navigation-drawer[open]{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
dialog.navigation-drawer .drawer-shell{width:100%;height:100%;max-height:100%;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;overflow:hidden!important}
dialog.navigation-drawer .drawer-scroll-area{display:block!important;flex:1 1 0!important;height:calc(100dvh - 108px)!important;min-height:0!important;max-height:none!important;overflow-y:scroll!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;position:relative!important}
@supports not (height:100dvh){dialog.navigation-drawer .drawer-scroll-area{height:calc(100vh - 108px)!important}}


/* Story reshare bonus: a real evidence card, not an unlabeled checkbox. */
.story-reshare-evidence{grid-column:1/-1;border:2px solid rgba(105,67,203,.34);background:linear-gradient(135deg,#f7f2ff 0%,#fff 58%,#f0e9ff 100%)}
.story-reshare-evidence.is-enabled{border-color:#6740c7;box-shadow:0 12px 28px rgba(91,54,168,.16)}
.story-reshare-evidence .evidence-slot-heading>div{display:grid;gap:3px}.story-reshare-evidence .evidence-slot-heading small{color:#7257a9;font-size:.8rem;font-weight:800}.story-reshare-copy{margin:0;color:#4a3d63;font-size:.88rem;line-height:1.75}.story-reshare-toggle{display:flex!important;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid rgba(105,67,203,.24);border-radius:14px;background:#fff;cursor:pointer}.story-reshare-toggle input{inline-size:22px;block-size:22px;flex:none;margin:2px 0 0;accent-color:#6740c7}.story-reshare-toggle span{display:grid;gap:3px}.story-reshare-toggle strong{color:#32166e;font-size:.93rem}.story-reshare-toggle small{color:#746b89;font-size:.8rem;line-height:1.45}.story-reshare-upload{border-color:#a18ae4!important;background:#fff!important}.story-reshare-upload b{color:#4d279d}@media(max-width:560px){.story-reshare-evidence{grid-column:auto}.story-reshare-copy{font-size:.86rem}}