:root{--navy:#102745;--navy2:#17375f;--blue:#2668d8;--bg:#f3f6fb;--card:#fff;--text:#172033;--muted:#74809a;--line:#e1e8f2;--danger:#c53b3b;--success:#16885b;--warning:#b7791f;--shadow:0 10px 30px rgba(20,39,69,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;background:#edf2f8;color:var(--navy)}.btn.primary{background:var(--blue);color:white}.btn.danger{background:#fff0f0;color:var(--danger)}.btn.success{background:#eafaf3;color:var(--success)}.btn.ghost{background:#eef3fa;color:var(--navy)}.btn.small{padding:7px 10px;font-size:12px}.btn.wide{width:100%}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8fbff,#eaf1fb);position:relative}.login-language{position:absolute;top:22px;inset-inline-end:22px}.login-card{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:34px}.logo,.brand-logo{display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900;border-radius:14px}.logo{width:64px;height:64px;background:var(--navy);color:#fff;font-size:23px;margin-bottom:18px}.login-card h1{font-size:23px;margin:0 0 6px}.login-card p,.login-card small{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.login-card form{display:grid;gap:16px;margin:24px 0 12px}input,select,textarea{width:100%;border:1px solid #d9e1ec;border-radius:9px;background:#fff;padding:10px 11px;outline:none;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#8eb5f4;box-shadow:0 0 0 3px #edf4ff}textarea{min-height:88px;resize:vertical}.error{color:var(--danger);font-size:13px}.app{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;inset-inline-end:0;width:288px;background:var(--navy);color:#eaf2ff;padding:22px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-logo{width:52px;height:52px;font-size:22px}.brand strong{display:block;font-size:19px}.brand span{font-size:12px;color:#a7bfdf}.sidebar nav{overflow:auto;padding:14px 0;flex:1}.nav-group{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7294bc;padding:14px 12px 7px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;color:#eef5ff;background:transparent;border:0;border-radius:11px;padding:12px 13px;text-align:start;cursor:pointer;margin:2px 0;font-size:15px}.nav-item:hover,.nav-item.active{background:#1c416d}.nav-item .ico{width:21px;text-align:center}.userbox{display:flex;align-items:center;gap:10px;background:#17375f;border-radius:14px;padding:12px}.avatar{width:42px;height:42px;border-radius:50%;background:#e7eef9;color:var(--navy);display:grid;place-items:center;font-weight:900}.userbox strong,.userbox span{display:block}.userbox span{font-size:11px;color:#adc4df;margin-top:3px}.main{margin-inline-end:288px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 28px;position:sticky;top:0;z-index:8}.topbar h1{font-size:25px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.domain{background:#f1f5fb;border-radius:9px;padding:9px 11px;color:#718099;font-size:12px}.icon-btn{position:relative;border:0;background:#eef3fa;border-radius:10px;width:40px;height:40px;cursor:pointer}.counter{position:absolute;top:-5px;right:-5px;background:#d33;color:#fff;border-radius:20px;min-width:19px;height:19px;line-height:19px;font-size:10px}.content{padding:26px}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:1fr 1fr}.three-col{grid-template-columns:repeat(3,1fr)}.card,.stat-card,.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:20px}.card h3{margin:0 0 12px}.stat-card{padding:18px}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{font-size:30px;margin-top:12px;display:block}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid #edf1f6;text-align:start;font-size:13px;vertical-align:top}th{background:#f8fafc;color:#66758d;font-size:11px;text-transform:uppercase;letter-spacing:.02em}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:20px;padding:5px 8px;background:#edf3fb;color:#405674;font-size:11px;font-weight:700}.badge.active,.badge.approved,.badge.closed,.badge.completed{background:#e8f8f0;color:var(--success)}.badge.archived,.badge.rejected,.badge.out_of_service{background:#fff0f0;color:var(--danger)}.badge.pending,.badge.pending_reply,.badge.on_hold,.badge.warning{background:#fff7e8;color:var(--warning)}.notice{border-radius:11px;background:#eef5ff;border:1px solid #d7e7ff;padding:12px 14px;color:#315c97}.danger-note{background:#fff0f0;border-color:#ffd6d6;color:#9b3030}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}.progress{height:9px;background:#edf1f6;border-radius:20px;overflow:hidden}.progress>span{height:100%;display:block;background:var(--blue);border-radius:20px}.project-card{cursor:pointer;transition:.15s}.project-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(20,39,69,.1)}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.workspace-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin-bottom:18px}.workspace-no{color:var(--blue);font-weight:800}.workspace-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.tab-btn{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 12px;cursor:pointer}.tab-btn.active{background:var(--navy);color:#fff}.requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.req-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}.req-card h4{margin:0 0 7px}.req-card p{margin:4px 0;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.form-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.modal{position:fixed;inset:0;background:rgba(8,21,39,.55);z-index:50;display:grid;place-items:center;padding:20px}.modal-card{width:min(880px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.2)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h3{margin:0}.modal-head button{border:0;background:#eef3fa;border-radius:9px;width:36px;height:36px;font-size:22px;cursor:pointer}.toast{position:fixed;bottom:22px;inset-inline-start:22px;z-index:100;background:#122b4c;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow)}.barcode-box{padding:20px;text-align:center;background:#fff}.barcode-bars{display:flex;justify-content:center;align-items:stretch;height:90px;margin:18px auto;max-width:650px;overflow:hidden}.barcode-bars i{display:block;background:#111;height:100%}.barcode-bars b{display:block;background:#fff;height:100%}.notification-item{display:flex;gap:12px;align-items:flex-start;padding:13px;border-bottom:1px solid var(--line)}.notification-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#4d83d1}.notification-dot.danger{background:#d33}.notification-dot.warning{background:#dc9b24}.notification-dot.info{background:#4d83d1}.metric{font-size:12px;color:var(--muted)}.metric strong{display:block;color:var(--text);font-size:18px;margin-top:3px}.inline-kpis{display:flex;gap:28px;flex-wrap:wrap}.lang-en .sidebar{inset-inline-end:auto;inset-inline-start:0}.lang-en .main{margin-inline-end:0;margin-inline-start:288px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:240px}.main{margin-inline-end:240px}.lang-en .main{margin-inline-start:240px}.two-col,.three-col{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.main,.lang-en .main{margin:0}.app{display:block}.topbar{position:static;height:auto;align-items:flex-start;gap:10px}.content{padding:14px}.stats{grid-template-columns:1fr 1fr}.workspace-hero,.requirements-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.domain{display:none}}
.workflow-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.workflow-strip span{background:#fff;border:1px solid #dbe5f3;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;color:var(--navy)}.workflow-strip b{color:#8ba0bc}.quotation-totals{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;margin-top:14px;padding:13px;background:#f8fafc;border-radius:11px;border:1px solid var(--line)}.quotation-totals>div{min-width:120px}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto}.badge.won,.badge.paid,.badge.accepted,.badge.qualified{background:#e8f8f0;color:var(--success)}.badge.lost,.badge.cancelled,.badge.rejected,.badge.overdue{background:#fff0f0;color:var(--danger)}.badge.sent,.badge.quoted,.badge.in_progress,.badge.partially_paid,.badge.issued{background:#eef5ff;color:#315c97}.badge.draft,.badge.lead,.badge.open,.badge.under_review{background:#f3f5f8;color:#5d6c82}
.certificate-preview{text-align:center;padding:24px}.certificate-qr{display:flex;justify-content:center;margin:18px 0}.certificate-qr img{width:240px;height:240px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff}.actions.center{justify-content:center}.verification-link{font-size:11px;color:var(--muted);word-break:break-all;margin-top:16px}.badge.pass,.badge.valid,.badge.present,.badge.reviewed{background:#e8f8f0;color:var(--success)}.badge.fail,.badge.revoked,.badge.expired,.badge.absent{background:#fff0f0;color:var(--danger)}.badge.conditional,.badge.late{background:#fff7e8;color:var(--warning)}

.logo.has-image,.brand-logo.has-image{padding:4px;background:#fff;overflow:hidden}.logo.has-image img,.brand-logo.has-image img{width:100%;height:100%;object-fit:contain}.executive-bars{display:grid;gap:12px}.executive-bars>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.permission-check{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);padding:9px;border-radius:9px;background:#f8fafc;font-weight:600}.permission-check input{width:auto}.numbering-table input{min-width:85px;padding:7px}.numbering-table input[type=checkbox]{min-width:auto;width:auto}@media(max-width:900px){.permission-grid{grid-template-columns:repeat(2,1fr)}}


/* RFC EMS V3.2 — final UI/UX */
:root{--sidebar-w:288px;--topbar-h:88px;--focus:0 0 0 3px rgba(38,104,216,.15)}
body{min-width:320px}.sidebar{width:var(--sidebar-w);box-shadow:-12px 0 30px rgba(7,24,47,.05)}.main{margin-inline-end:var(--sidebar-w)}
.topbar{height:var(--topbar-h);padding:14px 22px;gap:18px}.topbar-leading{display:flex;align-items:center;gap:12px;min-width:0}.page-heading{min-width:0}.page-heading h1,.page-heading p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn{display:none}.top-actions{min-width:0}
.global-search{position:relative;width:min(390px,30vw)}.global-search input{height:42px;padding-inline-start:38px;padding-inline-end:58px;background:#f7f9fc;border-color:#e4eaf3}.global-search input:focus{background:#fff;box-shadow:var(--focus)}.search-ico{position:absolute;inset-inline-start:13px;top:10px;color:#738098;z-index:2}.global-search kbd{position:absolute;inset-inline-end:10px;top:11px;border:1px solid #dfe5ee;background:#fff;border-radius:6px;padding:3px 6px;font-size:10px;color:#7b879a;pointer-events:none}.search-panel{position:absolute;top:49px;inset-inline:0;background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px rgba(20,39,69,.18);border-radius:14px;max-height:430px;overflow:auto;z-index:40;padding:7px}.search-empty{padding:22px;text-align:center;color:var(--muted)}.search-result{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:start;border-radius:10px;padding:10px;cursor:pointer}.search-result:hover,.search-result.active{background:#f0f5fc}.search-result-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eaf1fb;color:var(--navy);font-weight:900;flex:0 0 auto}.search-result-main{min-width:0;flex:1}.search-result-main b,.search-result-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-main small{color:var(--muted);margin-top:3px}.search-type{font-size:10px;color:#8794a8;text-transform:uppercase}.quick-task{white-space:nowrap}
.sidebar-backdrop{position:fixed;inset:0;background:rgba(8,21,39,.45);z-index:9}.sidebar,.main{transition:transform .2s ease,margin .2s ease}.nav-item{transition:background .15s ease,transform .15s ease}.nav-item:hover{transform:translateX(-1px)}html[dir="ltr"] .nav-item:hover{transform:translateX(1px)}
.work-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.work-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.work-toolbar select{width:auto;min-width:145px}.task-title{font-weight:800}.task-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.task-row.overdue{background:#fff9f9}.task-row.completed{opacity:.68}.priority-urgent{background:#fee2e2!important;color:#b42318!important}.priority-high{background:#fff0df!important;color:#a85a00!important}.priority-normal{background:#edf3fb!important;color:#405674!important}.priority-low{background:#f3f4f6!important;color:#667085!important}.due-overdue{color:var(--danger);font-weight:800}.due-today{color:var(--warning);font-weight:800}.comment-thread{display:grid;gap:10px}.comment-bubble{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#f9fbfe}.comment-bubble b{display:block;margin-bottom:4px}.comment-bubble small{color:var(--muted)}
.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(38,104,216,.045);inset-inline-end:-24px;bottom:-31px}.card,.stat-card,.table-wrap{transition:box-shadow .15s ease}.card:hover,.stat-card:hover{box-shadow:0 13px 34px rgba(20,39,69,.08)}
.mobile-only{display:none}
@media(max-width:1180px){.domain{display:none}.global-search{width:min(320px,32vw)}.quick-task span{display:none}.quick-task{padding-inline:13px}.stats,.work-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{transform:translateX(110%);width:min(320px,86vw)}html[dir="ltr"] .sidebar{transform:translateX(-110%)}body.sidebar-open .sidebar{transform:translateX(0)}.main{margin-inline-end:0}.menu-btn{display:grid;place-items:center}.sidebar-backdrop{display:block!important;opacity:0;pointer-events:none;transition:opacity .2s}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.topbar{height:auto;min-height:76px;flex-wrap:wrap}.global-search{width:min(360px,42vw)}.content{padding:18px}.two-col,.three-col,.requirements-grid{grid-template-columns:1fr}.workspace-hero{grid-template-columns:1fr}.mobile-only{display:initial}}
@media(max-width:640px){.topbar{padding:10px 12px;gap:8px}.topbar-leading{width:calc(100% - 48px)}.page-heading h1{font-size:19px}.page-heading p{font-size:10px}.top-actions{width:100%;display:grid;grid-template-columns:1fr auto auto auto;gap:7px}.global-search{width:100%;grid-column:1/-1;grid-row:1}.global-search input{height:40px}.global-search kbd{display:none}.quick-task{grid-column:auto}.domain{display:none}.btn,.icon-btn{min-height:40px}.stats,.work-summary{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:24px;margin-top:7px}.content{padding:12px}.section-head{align-items:flex-start;flex-direction:column}.section-head .actions{width:100%}.table-wrap{border-radius:12px}table{min-width:680px}.form-grid{grid-template-columns:1fr;padding:14px}.form-grid .full{grid-column:1}.modal{padding:0;align-items:end}.modal-card{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.login-card{padding:25px}.brand span{display:none}.workspace-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.tab-btn{white-space:nowrap}.workflow-strip{overflow:auto}.toast{inset-inline:12px;bottom:12px}.search-panel{position:fixed;top:118px;left:10px;right:10px;max-height:55vh}.quick-task span{display:inline}}
@media(max-width:420px){.stats,.work-summary{grid-template-columns:1fr}.top-actions{grid-template-columns:1fr auto auto}.quick-task{display:none}.top-actions #logoutBtn{display:none}.search-panel{top:112px}.userbox{margin-bottom:env(safe-area-inset-bottom)}}
@media(print){.sidebar,.topbar,.sidebar-backdrop,.btn,.icon-btn{display:none!important}.main{margin:0!important}.content{padding:0}.card,.table-wrap{box-shadow:none;border-color:#bbb}}


/* RFC EMS V3.2 — Application Launcher */
.launcher-btn{display:grid;place-items:center;font-size:20px;background:#eaf1fb;color:var(--navy)}
.active-app-heading{display:flex;align-items:center;gap:10px;margin:12px 4px 2px;padding:11px 10px;border-radius:12px;background:rgba(255,255,255,.065);min-height:58px}.active-app-heading:empty{display:none}.active-app-heading b,.active-app-heading small{display:block}.active-app-heading b{font-size:13px}.active-app-heading small{font-size:10px;color:#9db8d8;margin-top:3px}.mini-app-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 7px 14px rgba(0,0,0,.14)}.launcher-return{margin-bottom:9px!important;border:1px solid rgba(255,255,255,.09)!important}.launcher-mode .sidebar,.launcher-mode .sidebar-backdrop{display:none!important}.launcher-mode .main,.lang-en.launcher-mode .main{margin:0!important}.launcher-mode .menu-btn{display:none!important}.launcher-mode .topbar{padding-inline:34px}.launcher-mode .content{padding:0 34px 42px}.launcher-shell{max-width:1240px;margin:0 auto;padding:28px 0 48px}.launcher-welcome{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.launcher-welcome>div:first-child span,.launcher-welcome>div:first-child strong,.launcher-welcome>div:first-child small{display:block}.launcher-welcome>div:first-child span{color:var(--muted);font-size:14px}.launcher-welcome>div:first-child strong{font-size:28px;margin-top:2px}.launcher-welcome>div:first-child small{color:var(--muted);margin-top:7px}.launcher-search{position:relative;width:min(390px,100%)}.launcher-search span{position:absolute;inset-inline-start:14px;top:11px;color:#7b879a}.launcher-search input{height:45px;padding-inline-start:40px;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(20,39,69,.05)}.app-section{margin-top:26px}.app-section h2{font-size:14px;color:#5e6a7c;margin:0 0 14px;font-weight:800}.app-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}.app-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:0;background:transparent;border-radius:18px;padding:13px 8px 15px;cursor:pointer;min-height:178px;transition:background .15s ease,transform .15s ease}.app-tile:hover{background:rgba(255,255,255,.75);transform:translateY(-2px)}.app-icon{width:84px;height:84px;border-radius:19px;display:grid;place-items:center;color:#fff;font-size:37px;font-weight:900;box-shadow:0 13px 25px rgba(32,45,65,.13);margin-bottom:12px;position:relative;overflow:hidden}.app-icon:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:rgba(255,255,255,.15);top:-18px;inset-inline-end:-14px}.app-name{font-weight:850;font-size:14px;color:#172033;line-height:1.3}.app-desc{font-size:10.5px;color:#8792a4;line-height:1.35;margin-top:5px;max-width:165px}.app-fav{position:absolute;top:4px;inset-inline-end:9px;color:#c9d1dc;font-size:18px;z-index:2;opacity:0;transition:.15s}.app-tile:hover .app-fav,.app-fav.active{opacity:1}.app-fav.active{color:#f0a623}.empty-apps{grid-column:1/-1;padding:55px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:18px}
.tone-blue{background:linear-gradient(145deg,#2a78de,#1654af)}.tone-violet{background:linear-gradient(145deg,#8964d8,#5b3db7)}.tone-teal{background:linear-gradient(145deg,#19b8a4,#087f78)}.tone-purple{background:linear-gradient(145deg,#a94f9d,#73366f)}.tone-orange{background:linear-gradient(145deg,#ff9d36,#ef6b22)}.tone-indigo{background:linear-gradient(145deg,#586fd8,#3447a8)}.tone-amber{background:linear-gradient(145deg,#f7b33f,#dc7c18)}.tone-emerald{background:linear-gradient(145deg,#2fb987,#138263)}.tone-rose{background:linear-gradient(145deg,#db6b86,#ad405e)}.tone-cyan{background:linear-gradient(145deg,#35aace,#177595)}.tone-slate{background:linear-gradient(145deg,#6f819d,#42546f)}.tone-sky{background:linear-gradient(145deg,#4aa9ea,#2078bc)}.tone-blue2{background:linear-gradient(145deg,#438edb,#335eaa)}.tone-green{background:linear-gradient(145deg,#45ad6e,#25854b)}.tone-yellow{background:linear-gradient(145deg,#e4aa31,#bd7214)}.tone-turquoise{background:linear-gradient(145deg,#22b7bd,#147c91)}.tone-magenta{background:linear-gradient(145deg,#c85d9e,#8d3970)}.tone-mint{background:linear-gradient(145deg,#2cc7ae,#148f80)}.tone-navy{background:linear-gradient(145deg,#3f688f,#183e64)}.tone-coral{background:linear-gradient(145deg,#eb7e65,#c54c3e)}.tone-lime{background:linear-gradient(145deg,#87b33c,#5c861f)}.tone-lavender{background:linear-gradient(145deg,#8d78c9,#6554a5)}.tone-steel{background:linear-gradient(145deg,#64748b,#3d4d64)}
@media(max-width:1180px){.app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.launcher-mode .topbar{padding-inline:18px}.launcher-mode .content{padding:0 18px 34px}.launcher-welcome{align-items:stretch;flex-direction:column}.launcher-search{width:100%}}@media(max-width:640px){.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 5px}.launcher-mode .content{padding:0 10px 28px}.launcher-shell{padding-top:18px}.launcher-welcome{margin-bottom:18px}.launcher-welcome>div:first-child strong{font-size:23px}.app-tile{min-height:145px;padding:8px 3px 11px}.app-icon{width:68px;height:68px;border-radius:16px;font-size:29px;margin-bottom:9px}.app-name{font-size:12px}.app-desc{display:none}.app-fav{opacity:1;font-size:16px}.launcher-mode .page-heading p{display:none}}@media(max-width:420px){.app-grid{grid-template-columns:repeat(3,1fr)}.app-icon{width:62px;height:62px}.launcher-mode .top-actions{grid-template-columns:1fr auto auto}.launcher-mode #quickTaskBtn{display:none}}
/* V3.3 Electronic Signature */
.tone-signature{background:linear-gradient(145deg,#12a7bb,#176d9d)}
.esign-security-card{border-inline-start:4px solid #1f8da8;background:linear-gradient(135deg,#f7fcff,#fff)}
.esign-security-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.esign-integration-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.esign-integration-strip span{padding:7px 11px;border-radius:999px;background:#edf5fb;color:#285d80;font-size:12px;font-weight:750;border:1px solid #d9eaf5}
.esign-signer-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;max-height:280px;overflow:auto;padding:4px}.esign-signer-row{display:grid;grid-template-columns:auto 1fr 62px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff}.esign-signer-row>span{font-weight:700}.esign-signer-row small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:2px}.esign-signer-row .esign-order{height:34px;padding:4px 7px}
.signature-canvas{display:block;width:100%;height:220px;background:#fff;border:2px dashed #9fb5c8;border-radius:14px;touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px #edf2f7}.esign-consent{background:#f8fbfd;border:1px solid #dbe9f1;padding:12px;border-radius:11px;line-height:1.55}.hash-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;word-break:break-all;background:#f4f6f8;padding:4px 6px;border-radius:6px}.esign-events{display:grid;gap:7px;margin:8px 0 16px}.esign-events>div{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.esign-events span{font-weight:800}.esign-events small{color:var(--muted)}.esign-events code{font-size:10px;color:#557}
@media(max-width:720px){.esign-signer-picker{grid-template-columns:1fr}.esign-events>div{grid-template-columns:1fr}.signature-canvas{height:180px}}


/* V3.4 System Diagnostics */
.tone-diagnostic{background:linear-gradient(145deg,#0e7490,#22c55e)!important;color:#fff!important}
.diag-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px}
.diag-score-card,.diag-actions{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow);display:flex;align-items:center;gap:22px}
.diag-actions{align-items:flex-start;justify-content:center;flex-direction:column}.diag-actions p{margin:0;color:var(--muted);line-height:1.7}.diag-ring{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;position:relative}.diag-ring:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.diag-ring>div{position:relative;text-align:center;display:flex;flex-direction:column}.diag-ring strong{font-size:30px;color:var(--text)}.diag-ring span{font-size:11px;color:var(--muted)}
.diag-score-card h2{margin:0 0 7px}.diag-score-card p{margin:0;color:var(--muted);line-height:1.6}.diag-stats{grid-template-columns:repeat(5,minmax(130px,1fr))}.diag-main{align-items:start}.diag-group{border:1px solid var(--border);border-radius:14px;margin:10px 0;overflow:hidden;background:#fff}.diag-group summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:800;background:#f8fafc}.diag-group summary::-webkit-details-marker{display:none}.diag-group-counts{display:flex;gap:7px}.diag-group-counts b{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:11px}.diag-group-counts .pass{background:#dcfce7;color:#166534}.diag-group-counts .warning{background:#fef3c7;color:#92400e}.diag-group-counts .fail{background:#fee2e2;color:#991b1b}.diag-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.diag-badge.pass{background:#dcfce7;color:#166534}.diag-badge.warning{background:#fef3c7;color:#92400e}.diag-badge.fail{background:#fee2e2;color:#991b1b}.diag-badge.info{background:#dbeafe;color:#1e40af}.diag-detail{max-width:560px;white-space:normal;line-height:1.45}.diag-history{display:flex;flex-direction:column;gap:8px}.diag-history-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px;text-align:inherit;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text)}.diag-history-item:hover{background:#f8fafc}.diag-history-item span{display:flex;flex-direction:column;gap:3px}.diag-history-item small{color:var(--muted)}.diag-history-item strong{font-size:18px}.diag-history-item strong.pass{color:#15803d}.diag-history-item strong.warning{color:#b45309}.diag-history-item strong.fail{color:#b91c1c}.diag-running{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.diag-spinner{width:58px;height:58px;border:6px solid #e8edf4;border-top-color:var(--primary);border-radius:50%;animation:diagspin .8s linear infinite;margin-bottom:18px}@keyframes diagspin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.diag-hero{grid-template-columns:1fr}.diag-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:620px){.diag-score-card{flex-direction:column;text-align:center}.diag-ring{width:122px;height:122px}.diag-stats{grid-template-columns:1fr 1fr}.diag-main{grid-template-columns:1fr}.diag-actions .btn,.diag-actions a.btn{width:100%;justify-content:center}}

/* RFC Discuss V3.5 */
.tone-discuss{background:linear-gradient(135deg,#0f766e,#22c55e);color:#fff}
.discuss-shell{display:grid;grid-template-columns:290px minmax(0,1fr);height:calc(100vh - 150px);min-height:620px;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.06)}
.discuss-left{background:#f8fafc;border-inline-end:1px solid var(--border);padding:14px;overflow:auto}
.discuss-left-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.discuss-left-head h2{margin:0;font-size:18px}
.discuss-side-search,.chat-search{width:100%;border:1px solid #dce4ed;border-radius:11px;padding:10px 12px;background:#fff;color:var(--text)}
.discuss-shortcuts{display:grid;gap:6px;margin:12px 0 18px}.discuss-shortcuts button{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;border-radius:10px;padding:9px 10px;cursor:pointer;text-align:start}.discuss-shortcuts button:hover{background:#eaf1f8}.discuss-shortcuts b,.chat-list-row em{min-width:22px;height:22px;border-radius:999px;background:#0f766e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;padding:0 6px}
.discuss-left h4{margin:16px 8px 7px;color:#6b7b8d;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.chat-list-row{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:11px;padding:8px 9px;cursor:pointer;text-align:start;color:var(--text);position:relative}.chat-list-row:hover,.chat-list-row.active{background:#e5eef9}.chat-list-row>span:not(.presence-dot):not(.channel-symbol){display:flex;flex-direction:column;min-width:0;flex:1}.chat-list-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-row small{font-size:11px;color:#7b8794;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-symbol{width:25px;height:25px;border-radius:8px;background:#dbeafe;color:#1e4f91;display:flex;align-items:center;justify-content:center;font-weight:800}.presence-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 10px;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1}.presence-dot.online{background:#22c55e}.presence-dot.away{background:#f59e0b}.presence-dot.offline{background:#94a3b8}
.discuss-main{min-width:0;background:#fff}.discuss-conversation{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:#fff}.discuss-conversation.embedded{height:650px;border:1px solid var(--border);border-radius:16px;overflow:hidden}.conversation-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);background:#fff}.conversation-head h2{margin:0;font-size:18px}.conversation-head p{margin:3px 0 0;color:#7b8794;font-size:12px}.conversation-head .actions{display:flex;align-items:center;gap:8px}.conversation-head .chat-search{width:220px}
.chat-messages{overflow:auto;padding:18px 22px;background:linear-gradient(#fbfdff,#f8fafc);scroll-behavior:smooth}.chat-message{display:flex;gap:9px;margin:0 0 14px;max-width:86%;position:relative}.chat-message.own{margin-inline-start:auto;flex-direction:row-reverse}.chat-message.pinned .chat-bubble{box-shadow:inset 3px 0 #f59e0b}.chat-avatar{width:34px;height:34px;border-radius:50%;background:#dbeafe;color:#1e3a5f;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:0 0 34px}.chat-bubble{background:#fff;border:1px solid #e1e8f0;border-radius:5px 15px 15px 15px;padding:9px 12px;min-width:160px;box-shadow:0 2px 7px rgba(15,23,42,.04);position:relative}.chat-message.own .chat-bubble{background:#e9f7f3;border-color:#c6eadf;border-radius:15px 5px 15px 15px}.chat-message-head{display:flex;align-items:center;gap:7px;margin-bottom:5px}.chat-message-head b{font-size:12px}.chat-message-head time,.chat-message-head small{font-size:10px;color:#8492a3}.chat-message-body{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.mention{background:#dbeafe;color:#1d4ed8;border-radius:5px;padding:1px 4px;font-weight:700}.channel-tag{color:#0f766e;font-weight:700}.reply-preview{border-inline-start:3px solid #3b82f6;background:#f4f7fb;border-radius:7px;padding:6px 8px;margin:2px 0 7px;font-size:11px;display:flex;gap:7px}.forwarded-label{font-size:10px;color:#64748b;margin-bottom:5px}.deleted-message{color:#94a3b8}.chat-attachment{display:flex;align-items:center;gap:8px;margin-top:8px;background:#f7f9fc;border:1px solid #e2e8f0;padding:8px 10px;border-radius:9px;text-decoration:none;color:#334155}.chat-attachment small{color:#94a3b8}.chat-attachment.audio{display:block}.chat-attachment audio{width:100%;max-width:320px}.chat-image{display:block;margin-top:8px;text-decoration:none;color:#334155}.chat-image img{display:block;max-width:300px;max-height:240px;border-radius:10px;border:1px solid #dbe3ec}.chat-image span{display:block;font-size:11px;margin-top:4px}.chat-links{margin-top:7px}.linked-record-chip{border:1px solid #cfe0f1;background:#eff6ff;color:#174f83;border-radius:8px;padding:5px 8px;font-size:11px;cursor:pointer}.chat-message-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px}.reaction-list{display:flex;gap:4px;flex-wrap:wrap}.reaction-pill{border:1px solid #dbe3ec;background:#fff;border-radius:999px;padding:2px 7px;font-size:11px;cursor:pointer}.reaction-pill.mine{background:#dbeafe;border-color:#93c5fd}.delivery-state{font-size:9px;color:#64748b}.message-actions{display:none;gap:3px;position:absolute;top:-27px;inset-inline-end:0;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(15,23,42,.09);padding:3px;border-radius:9px;z-index:3}.chat-message:hover .message-actions{display:flex}.message-actions button{border:0;background:transparent;padding:4px 6px;border-radius:6px;font-size:10px;cursor:pointer;white-space:nowrap}.message-actions button:hover{background:#f1f5f9}.danger-text{color:#b91c1c!important}
.chat-composer{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:6px;align-items:end;padding:10px 14px;border-top:1px solid var(--border);background:#fff}.chat-composer textarea{resize:none;min-height:40px;max-height:120px;border:1px solid #dbe3ec;border-radius:12px;padding:10px 12px;font:inherit}.composer-icon{height:40px;min-width:40px;border:1px solid #dbe3ec;background:#f8fafc;border-radius:10px;cursor:pointer}.send-chat{height:40px}.composer-hint{padding:0 16px 8px;background:#fff;color:#94a3b8}.composer-state{margin:6px 14px 0;padding:7px 10px;border-radius:9px;background:#eff6ff;color:#315b7d;font-size:11px;display:flex;justify-content:space-between}.composer-state button{border:0;background:transparent;cursor:pointer}.empty-chat{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a99aa;font-size:28px}.empty-chat p{font-size:13px}.empty-chat.large h2{font-size:22px;color:#334155;margin:9px 0}.project-discuss-embed{margin-top:4px}.member-picker{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:11px;padding:8px;margin-top:8px;display:grid;gap:3px}.member-check{display:flex!important;align-items:center;gap:8px;padding:7px 8px;border-radius:8px}.member-check:hover{background:#f1f5f9}.member-check span{display:flex;flex-direction:column}.member-check small{color:#94a3b8;font-size:10px}.forward-channel-list{padding:12px;max-height:420px;overflow:auto}.record-link-picker{padding:15px}.record-link-picker>input{width:100%;padding:11px;border:1px solid #dbe3ec;border-radius:10px}.record-link-result{width:100%;display:flex;flex-direction:column;text-align:start;border:0;border-bottom:1px solid #eef2f6;background:#fff;padding:10px;cursor:pointer}.record-link-result:hover{background:#f8fafc}.record-link-result small{color:#8190a0}.hidden{display:none!important}
@media(max-width:900px){.discuss-shell{grid-template-columns:220px minmax(0,1fr);height:calc(100vh - 125px)}.conversation-head .chat-search{width:150px}.chat-message{max-width:95%}}
@media(max-width:650px){.discuss-shell{display:block;height:auto;min-height:0}.discuss-left{max-height:320px;border-inline-end:0;border-bottom:1px solid var(--border)}.discuss-main{height:70vh}.conversation-head{align-items:flex-start;flex-direction:column}.conversation-head .actions,.conversation-head .chat-search{width:100%}.chat-composer{grid-template-columns:auto auto auto minmax(0,1fr) auto;padding:8px}.chat-message{max-width:100%}.chat-avatar{width:28px;height:28px;flex-basis:28px}.message-actions{position:static;display:flex;flex-wrap:wrap;margin-top:5px;box-shadow:none;border:0;padding:0}}

.chat-message-body .channel-tag{background:none;border:0;padding:0;margin:0;color:#0f766e;font-weight:700;cursor:pointer;font:inherit;text-decoration:none}.chat-message-body .channel-tag:hover{text-decoration:underline}

/* V3.6 — RFC AI + Communications */
.tone-ai{background:linear-gradient(145deg,#6d4aff,#19a7ce)}
.tone-communications{background:linear-gradient(145deg,#0f8f7e,#24b38d)}
.ai-mini,.ai-composer{background:linear-gradient(135deg,#eef2ff,#e6fbff)!important;color:#4c45b8!important;border-color:#cbd5ff!important}
.chat-composer{grid-template-columns:auto auto auto auto minmax(0,1fr) auto}
.chat-message.ai-message{max-width:92%}.chat-message.ai-message .chat-avatar{background:linear-gradient(135deg,#6d4aff,#19a7ce);color:#fff}.chat-message.ai-message .chat-bubble{background:linear-gradient(145deg,#f4f1ff,#effbff);border-color:#d9d2ff}.chat-message.ai-message .chat-message-head b:before{content:'✦ ';color:#6955d8}
.ai-center-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #d9e1ff;border-radius:20px;background:linear-gradient(135deg,#faf8ff,#f2fbff);box-shadow:var(--shadow)}.ai-center-hero>div:first-child{min-width:0}.ai-center-hero h2{margin:5px 0 4px}.ai-center-hero p{margin:0;color:#526177}.ai-center-hero small{display:block;margin-top:8px;color:#8995a6}.ai-orb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#6d4aff,#19a7ce);color:#fff;font-size:28px;box-shadow:0 10px 25px rgba(93,79,211,.22)}.ai-provider-card{min-width:230px;background:#fff;border:1px solid #e0e6f4;border-radius:15px;padding:15px}.ai-provider-card span,.ai-provider-card b,.ai-provider-card small{display:block}.ai-provider-card span,.ai-provider-card small{color:#7a8798;font-size:11px}.ai-provider-card b{margin:5px 0;font-size:15px}.ai-quick-menu{padding:17px}.ai-quick-menu>p{color:#607086;margin-top:0}.ai-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.ai-quick-grid button{border:1px solid #dce4f2;background:#f8fafc;border-radius:11px;padding:11px;text-align:start;font-weight:700;cursor:pointer;color:#334155}.ai-quick-grid button:hover{background:#eef3ff;border-color:#cbd5ff}.ai-result{margin-top:14px;border:1px solid #dce4f2;border-radius:14px;background:#fff;padding:16px;line-height:1.65}.ai-result h3{margin:0 0 10px}.ai-result small{display:block;margin-top:12px;color:#8793a4}.ai-history{display:grid;gap:6px;max-height:530px;overflow:auto}.ai-history button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e6ebf2;background:#fff;border-radius:10px;padding:10px;text-align:start;cursor:pointer}.ai-history button:hover{background:#f8fafc}.ai-history span b,.ai-history span small{display:block}.ai-history span small{color:#8491a1;margin-top:3px}.ai-history em{font-size:10px;color:#5e6c7f;font-style:normal;background:#eef2f7;border-radius:12px;padding:4px 7px}
.incoming-call-banner{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:130;min-width:min(560px,calc(100vw - 24px));background:#102745;color:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 22px 55px rgba(9,24,45,.3);display:flex;justify-content:space-between;align-items:center;gap:14px}.incoming-call-banner>div{display:flex;align-items:center;gap:10px}.incoming-call-banner b,.incoming-call-banner small{display:block}.incoming-call-banner small{color:#b8cae0;margin-top:3px}.call-pulse{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#20a877;animation:callPulse 1.4s infinite}@keyframes callPulse{0%{box-shadow:0 0 0 0 rgba(32,168,119,.5)}70%{box-shadow:0 0 0 13px rgba(32,168,119,0)}100%{box-shadow:0 0 0 0 rgba(32,168,119,0)}}
.call-overlay{position:fixed;inset:0;z-index:140;background:rgba(5,14,29,.88);display:grid;place-items:center;padding:18px}.call-window{width:min(1050px,100%);height:min(760px,94vh);background:#0c1728;border:1px solid #253850;border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;color:#eef5ff;box-shadow:0 35px 90px rgba(0,0,0,.4)}.call-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #22344d}.call-head b,.call-head small{display:block}.call-head small{color:#8195b0;margin-top:3px}.call-head>button{border:0;background:#20344e;color:#fff;border-radius:10px;width:36px;height:36px;font-size:20px;cursor:pointer}.call-stage{display:grid;grid-template-columns:minmax(210px,.35fr) 1fr;gap:12px;padding:14px;overflow:auto}.local-media,.remote-media{position:relative;min-height:180px;background:#14233a;border:1px solid #253956;border-radius:15px;overflow:hidden;display:grid;place-items:center}.local-media video,.remote-media video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.local-media>span,.remote-media>span{position:absolute;bottom:8px;inset-inline-start:9px;background:rgba(7,18,32,.72);padding:4px 7px;border-radius:7px;font-size:11px;z-index:2}.audio-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#244463;color:#fff;font-size:25px;font-weight:900}.remote-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.remote-media audio{width:90%}.call-members{display:flex;gap:8px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid #20334c;color:#b5c5d7}.call-members span{background:#132841;border-radius:999px;padding:5px 9px;font-size:11px}.call-members small{color:#7890aa}.call-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-top:1px solid #20334c}.call-controls button{border:1px solid #304962;background:#1b314b;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}.call-controls .end{background:#b9313e;border-color:#d24a57}.communication-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}.communication-row span b,.communication-row span small{display:block}.communication-row span small{color:var(--muted);margin-top:3px}.communication-list{max-height:460px;overflow:auto}
@media(max-width:760px){.ai-center-hero{align-items:stretch;flex-direction:column}.ai-provider-card{min-width:0}.ai-quick-grid{grid-template-columns:1fr}.chat-composer{grid-template-columns:auto auto auto auto minmax(0,1fr) auto}.conversation-head .actions{flex-wrap:wrap}.call-stage{grid-template-columns:1fr}.local-media{min-height:150px}.remote-media-grid{grid-template-columns:1fr}.call-controls{flex-wrap:wrap}.incoming-call-banner{align-items:stretch;flex-direction:column}.incoming-call-banner>div:last-child{justify-content:flex-end}}


/* V3.7 Automation Engine */
.app-icon.tone-automation,.mini-app-icon.tone-automation{background:linear-gradient(145deg,#6f42c1,#7c5cff);color:#fff}
.automation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.automation-toolbar .notice{margin:0;flex:1}.auto-actions-cell{max-width:340px;font-size:12px;color:var(--muted)}.auto-actions{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.auto-actions legend{padding:0 8px;font-weight:700}.auto-actions label{display:flex;gap:7px;align-items:center;font-weight:500}.switch-label{display:flex!important;align-items:center;gap:8px}.clickable{cursor:pointer}.clickable:hover{background:var(--surface-2,#f7f9fc)}
@media(max-width:800px){.automation-toolbar{align-items:stretch;flex-direction:column}.auto-actions{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.auto-actions{grid-template-columns:1fr}}


/* V3.8 UAT Refinement & Workflow Integration */
.app-icon.tone-integration,.mini-app-icon.tone-integration{background:linear-gradient(145deg,#0f766e,#22a06b);color:#fff}.integration-map{display:grid;gap:14px;margin-top:18px}.integration-lane{padding:16px}.integration-lane-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.integration-lane-head h3{margin:0}.badge.live{background:#e7f8f1;color:#13795b}.integration-flow{display:flex;align-items:center;gap:8px;overflow:auto;padding:4px 0 8px}.integration-flow>b{color:#94a3b8;flex:0 0 auto}.flow-step{min-width:120px;border:1px solid var(--line);background:#f8fafc;border-radius:13px;padding:11px 12px;cursor:pointer;text-align:start;color:var(--text);transition:.15s}.flow-step:hover{transform:translateY(-1px);border-color:#9fc7bb;background:#f2fbf7}.flow-step span{display:block;font-size:11px;color:var(--muted);white-space:nowrap}.flow-step strong{display:block;font-size:20px;margin-top:4px}.integration-finding{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.integration-finding:last-child{border-bottom:0}.integration-finding b,.integration-finding small{display:block}.integration-finding small{color:var(--muted);margin-top:4px}.success-note{background:#ebfaf3;border-color:#cceede;color:#147251}.project360{margin-top:16px}.project360-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.link-chip{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px}.link-chip span{font-size:10px;color:var(--muted);display:block}.link-chip b{font-size:18px;margin-top:3px;display:block}.project360-finance{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px 0;margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project360-finance .metric{min-width:0}.project360-finance strong{font-size:15px;overflow:hidden;text-overflow:ellipsis}.milestone-mini{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:13px 0}.milestone-mini>span{background:#f2f5f9;border-radius:999px;padding:6px 9px;font-size:11px}.milestone-mini small{color:var(--muted);margin-inline-start:5px}.project360-actions{padding-top:8px}
@media(max-width:1100px){.project360-links{grid-template-columns:repeat(3,1fr)}.project360-finance{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.project360-links,.project360-finance{grid-template-columns:repeat(2,1fr)}.integration-flow{padding-bottom:12px}.flow-step{min-width:108px}}

/* RFC EMS V3.9 - Go-Live Readiness */
.golive-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border-radius:22px;background:linear-gradient(135deg,var(--surface),#eef8f4);border:1px solid var(--border);margin-bottom:18px}.golive-hero h2{margin:3px 0 5px}.golive-hero p{margin:0;color:var(--muted)}.golive-score{min-width:108px;height:108px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;background:#e7f7ef;border:9px solid #bfe8d3}.golive-score.bad{background:#fff0f0;border-color:#f5bcbc}.golive-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.readiness-list{display:grid;gap:12px}.readiness-list>div{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--surface-2);border-radius:12px}.role-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.role-matrix>div{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--border);border-radius:11px}.role-matrix b{margin-inline-end:auto}.tone-golive{background:linear-gradient(145deg,#0c7c59,#14a474)!important;color:white!important}@media(max-width:760px){.golive-hero,.golive-actions{align-items:flex-start;flex-direction:column}.golive-score{width:88px;height:88px;min-width:88px}}

/* V4.0 Production integration status */
.integration-status-list{display:grid;gap:10px}.integration-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px}.integration-status-list span{font-weight:600}.integration-status-list b{font-size:.88rem}.modal-head button:disabled{opacity:.25;cursor:not-allowed}.notice.warning{border-inline-start:4px solid #d97706;background:rgba(217,119,6,.08)}

/* V4.1 Road Map / Process Architecture */
.app-icon.tone-roadmap,.mini-app-icon.tone-roadmap{background:linear-gradient(145deg,#0f766e,#0ea5e9);color:#fff}
.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.roadmap-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:17px;box-shadow:var(--shadow);cursor:pointer;transition:.16s;min-width:0}.roadmap-card:hover{transform:translateY(-2px);border-color:#8dc9c5;box-shadow:0 14px 34px rgba(15,118,110,.10)}.roadmap-card.has-issue{border-inline-start:5px solid #ef4444}.roadmap-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.roadmap-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;color:#0f766e;background:#eaf8f5;border-radius:999px;padding:5px 8px}.roadmap-card h3{margin:12px 0 10px;font-size:18px}.roadmap-mini-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:11px}.roadmap-mini-flow span{line-height:1.4}.roadmap-mini-flow b{color:#0ea5e9}.roadmap-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:11px}.roadmap-card-meta span{background:#f3f6f9;padding:5px 7px;border-radius:8px}.roadmap-card-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.roadmap-card-kpis span{background:#f8fafc;border-radius:10px;padding:8px;text-align:center;font-size:9px;color:var(--muted)}.roadmap-card-kpis b{display:block;color:var(--text);font-size:17px;margin-bottom:2px}.danger-text{color:#b91c1c!important}
.roadmap-hero{background:linear-gradient(135deg,#f4fbfa,#f2f8ff)}.roadmap-boundaries{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;gap:16px;margin:16px 0}.roadmap-boundaries>div:not(.roadmap-boundary-line){background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 15px}.roadmap-boundaries small{display:block;color:var(--muted);margin-bottom:5px}.roadmap-boundaries strong{display:block;line-height:1.45}.roadmap-boundary-line{color:#0f766e;font-weight:900;letter-spacing:2px}
.roadmap-flow-card{overflow:hidden}.roadmap-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x proximity}.roadmap-flow-unit{display:flex;align-items:center;flex:0 0 auto;scroll-snap-align:start}.roadmap-step{width:330px;min-height:480px;border:1px solid #dbe7ed;border-radius:17px;background:#fff;padding:14px;box-shadow:0 5px 16px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:9px}.roadmap-step.step-issue{border-top:4px solid #ef4444}.step-top{display:flex;justify-content:space-between;align-items:center}.step-no{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#0f766e;color:#fff;border-radius:8px;padding:5px 8px;font-weight:800;font-size:11px}.roadmap-step h3{font-size:16px;margin:1px 0}.step-role{font-size:12px;color:#0f5e68;font-weight:800;background:#eaf8f5;border-radius:9px;padding:7px 9px}.step-handoff{display:grid;grid-template-columns:1fr;gap:3px;border-inline-start:3px solid #38bdf8;padding-inline-start:10px}.step-handoff small,.step-io small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.03em}.step-handoff b{font-size:11px;line-height:1.35}.step-handoff span{color:#38bdf8}.step-io{display:grid;grid-template-columns:1fr 1fr;gap:7px}.step-io>div{background:#f7f9fc;border-radius:10px;padding:8px}.step-io span{display:block;font-size:11px;line-height:1.4;margin-top:3px}.step-error,.step-improve{border-radius:10px;padding:8px 9px;display:grid;gap:3px;font-size:10.5px}.step-error{background:#fff2f2;color:#8d2323;border:1px solid #ffd6d6}.step-error small{color:#a55}.step-improve{background:#effbf5;color:#17613f;border:1px solid #d3f2e1}.step-status-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.step-status-row span{font-size:10px;background:#f2f5f8;border-radius:999px;padding:4px 7px}.step-actions{display:flex;gap:5px;flex-wrap:wrap}.btn.tiny{padding:5px 7px;font-size:9.5px;border-radius:7px}.roadmap-arrow{width:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0ea5e9;font-size:30px;font-weight:900}.roadmap-arrow small{font-size:8px;color:var(--muted);font-weight:600;white-space:nowrap}
@media(max-width:760px){.roadmap-boundaries{grid-template-columns:1fr}.roadmap-boundary-line{transform:rotate(90deg);justify-self:center}.roadmap-step{width:285px;min-height:470px}.roadmap-arrow{width:48px}.roadmap-grid{grid-template-columns:1fr}.roadmap-card-kpis{grid-template-columns:repeat(3,1fr)}}
.task-roadmap-chip{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:4px 7px;border-radius:8px;background:#eaf8f5;color:#0f766e;font-size:10px;font-weight:800}.task-roadmap-detail{margin-top:12px;padding:10px 12px;border:1px solid #cfe9e4;background:#f2fbf8;border-radius:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.task-roadmap-detail b{color:#0f766e}.task-roadmap-detail span{color:#445}

/* V4.2 Company Official Documents */
.app-icon.tone-official,.mini-app-icon.tone-official{background:linear-gradient(145deg,#7c3aed,#2563eb);color:#fff}.official-doc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.official-doc-kpis .kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.official-doc-kpis .kpi span{display:block;color:var(--muted);font-size:12px}.official-doc-kpis .kpi b{display:block;font-size:27px;margin-top:7px}.official-doc-toolbar{display:grid;grid-template-columns:180px 200px minmax(240px,1fr);gap:12px;margin:0 0 18px}.official-year-block{border:1px solid var(--line);border-radius:15px;overflow:hidden;margin:14px 0;background:#fff}.official-year-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f7f5ff,#f5f9ff);padding:13px 16px;border-bottom:1px solid var(--line)}.official-year-head>div{display:flex;align-items:center;gap:10px}.official-year-head b{font-size:20px;color:var(--navy)}.official-year-head small{color:var(--muted);font-size:11px}.official-year-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(30,64,175,.08)}.official-doc-row.expired{background:#fffafa}.official-doc-row.expired td:first-child{border-inline-start:3px solid #dc2626}.small-text{font-size:10px;margin-top:4px}.badge.success{background:#e8f8f0;color:var(--success)}.badge.danger{background:#fff0f0;color:var(--danger)}.badge.info{background:#eef5ff;color:#315c97}.empty-state{display:grid;place-items:center;text-align:center;padding:48px 16px;color:var(--muted)}.empty-state span{font-size:38px}.official-doc-detail{padding:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.detail-grid>div{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fafcff}.detail-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.detail-grid b{font-size:13px}.official-doc-detail .modal-actions{margin:12px 0 20px;justify-content:flex-start}@media(max-width:900px){.official-doc-kpis{grid-template-columns:repeat(2,1fr)}.official-doc-toolbar{grid-template-columns:1fr 1fr}.official-doc-search{grid-column:1/-1}}@media(max-width:600px){.official-doc-kpis,.official-doc-toolbar,.detail-grid{grid-template-columns:1fr}.official-doc-search{grid-column:auto}}


/* RFC EMS V4.3 — Social Media Management */
.app-icon.tone-social,.mini-app-icon.tone-social{background:linear-gradient(145deg,#7c3aed,#ec4899);color:#fff}.social-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#f5f3ff,#fdf2f8);border:1px solid #e9d5ff;border-radius:20px;padding:18px 20px;margin-bottom:16px}.social-hero>div{display:flex;align-items:center;gap:14px}.social-hero h2{margin:0 0 4px}.social-hero p{margin:0;color:var(--muted)}.social-orb{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,#7c3aed,#ec4899);box-shadow:0 10px 24px rgba(124,58,237,.2)}.social-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.social-tabs{display:flex;gap:7px;overflow-x:auto;background:#fff;border:1px solid var(--line);padding:7px;border-radius:14px;margin:14px 0 16px}.social-tab{white-space:nowrap;border:0;background:#f4f6f9;border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:#4b5563}.social-tab.active{background:#6d28d9;color:#fff}.social-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.social-page-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.social-page-icon{flex:0 0 54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff;background:linear-gradient(145deg,#7c3aed,#ec4899)}.social-page-main{min-width:0;flex:1}.social-card-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.social-card-head b,.social-card-head small{display:block}.social-card-head small{font-size:10px;color:var(--muted);margin-top:3px}.social-page-main>p{font-size:12px;color:#6d28d9;font-weight:800}.social-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.social-kpis span,.analytics-kpis span{padding:8px;background:#f8f7fc;border-radius:10px;font-size:9px;color:var(--muted);text-align:center}.social-kpis b,.analytics-kpis b{display:block;font-size:14px;color:var(--text);margin-bottom:2px}.block{display:block}.row-overdue{background:#fff5f5}.social-thread{max-height:360px;overflow:auto;margin:16px 0;border:1px solid var(--line);border-radius:14px;padding:12px;background:#f8fafc}.social-msg{max-width:82%;border-radius:12px;padding:9px 11px;margin:7px 0;background:#fff;border:1px solid var(--line)}.social-msg.outbound{margin-inline-start:auto;background:#f3e8ff;border-color:#e9d5ff}.social-msg.inbound{margin-inline-end:auto}.social-msg p{margin:5px 0;white-space:pre-wrap}.social-msg small{color:var(--muted);font-size:9px}.social-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:14px}.analytics-page{border:1px solid var(--line);border-radius:16px;padding:15px}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.social-ai-card .ai-center-hero{margin-bottom:16px}@media(max-width:1050px){.social-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.social-hero{align-items:flex-start;flex-direction:column}.social-stats{grid-template-columns:repeat(2,1fr)}.social-page-grid,.social-analytics-grid{grid-template-columns:1fr}.social-page-card{flex-direction:column}.analytics-kpis{grid-template-columns:repeat(2,1fr)}}


/* RFC EMS V4.4 — Company Directory */
.app-icon.tone-directory,.mini-app-icon.tone-directory{background:linear-gradient(145deg,#0f766e,#14b8a6);color:#fff}
.directory-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#ecfdf5,#effcfb);border:1px solid #ccefe6;border-radius:20px;padding:18px 20px;margin-bottom:16px}.directory-orb{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#0f766e,#14b8a6);color:#fff;box-shadow:0 10px 24px rgba(15,118,110,.2)}.directory-hero h2{margin:0 0 4px}.directory-hero p{margin:0;color:var(--muted)}.directory-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-tabs{display:flex;gap:7px;overflow-x:auto;background:#fff;border:1px solid var(--line);padding:7px;border-radius:14px;margin:14px 0 16px}.directory-tab{white-space:nowrap;border:0;background:#f4f6f9;border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:#4b5563}.directory-tab.active{background:#0f766e;color:#fff}.quick-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.quick-contact-item{border:1px solid var(--line);border-radius:12px;background:#f8fafc;text-align:start;padding:11px;cursor:pointer;color:var(--text)}.quick-contact-item:hover{border-color:#7dd3c7;background:#f0fdfa}.quick-contact-item b,.quick-contact-item small,.quick-contact-item span{display:block}.quick-contact-item small{color:var(--muted);margin:4px 0}.quick-contact-item span{font-size:11px}.directory-company-card{min-height:260px}.directory-company-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.directory-company-line span{text-align:end;color:var(--muted)}.directory-branch-grid,.directory-department-grid,.directory-employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.directory-branch-card,.department-contact-card,.directory-employee-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow)}.directory-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.directory-card-head h3{margin:4px 0}.directory-card-head small{display:block;color:var(--muted);font-size:10px}.directory-branch-card p,.department-contact-card p{font-size:12px}.dept-code{display:inline-flex;background:#e6fffa;color:#0f766e;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.manager-line{background:#f8fafc;border-radius:11px;padding:10px;margin:10px 0}.manager-line b,.manager-line span,.manager-line small{display:block}.manager-line small{color:var(--muted);margin-top:3px}.dept-team-count{font-size:11px;color:var(--muted);margin:10px 0}.directory-contact-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.whatsapp-btn{color:#087f5b}.directory-company-brand{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px}.directory-company-brand img,.directory-logo-fallback{width:86px;height:86px;border-radius:18px;object-fit:contain;border:1px solid var(--line);background:#fff;padding:8px}.directory-logo-fallback{display:grid;place-items:center;background:#102745;color:#fff;font-size:24px;font-weight:900}.directory-filters{display:grid;grid-template-columns:minmax(250px,2fr) 1fr 1fr 1fr;gap:10px;margin:12px 0 16px}.directory-employee-card{display:flex;gap:13px}.directory-avatar{width:72px;height:72px;border-radius:17px;object-fit:cover;flex:0 0 auto}.directory-avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#0f766e,#5eead4);color:#fff;font-weight:900;font-size:21px}.directory-employee-main{min-width:0;flex:1}.directory-employee-main>p{font-size:12px;color:#0f766e;font-weight:800}.contact-stack{display:grid;gap:5px;font-size:11px}.mini-avatar,.org-avatar{width:38px;height:38px;border-radius:10px;object-fit:cover;flex:0 0 auto}.employee-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.employee-mini-card{display:flex;gap:9px;align-items:center;text-align:start;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px;color:var(--text);cursor:pointer}.employee-mini-card b,.employee-mini-card small{display:block}.employee-mini-card small{color:var(--muted)}.department-profile-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.department-profile-head h2{margin:5px 0}.directory-modal{padding:17px}.employee-profile{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.profile-avatar{width:104px;height:104px;border-radius:22px;object-fit:cover}.employee-profile-title h2{margin:0 0 5px}.employee-profile-title p{margin:0 0 8px;color:#0f766e;font-weight:800}.employee-profile .full-width,.employee-profile .directory-contact-actions,.employee-profile .profile-responsibilities,.employee-profile>h3,.employee-profile>.roadmap-resp-list{grid-column:1/-1}.profile-responsibilities{background:#f8fafc;border-radius:12px;padding:12px}.roadmap-resp-list{display:grid;gap:7px}.roadmap-resp-list button{border:1px solid var(--line);border-radius:11px;background:#fff;text-align:start;padding:10px;cursor:pointer;color:var(--text)}.roadmap-resp-list b,.roadmap-resp-list small{display:block}.roadmap-resp-list small{color:var(--muted);margin-top:3px}.organization-tree{display:grid;gap:14px}.org-department{border:1px solid var(--line);border-inline-start:4px solid #14b8a6;border-radius:14px;padding:13px;background:#fff;margin-inline-start:calc(var(--org-level) * 22px)}.org-dept-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.org-dept-head b,.org-dept-head small{display:block}.org-dept-head small{color:var(--muted);font-size:10px}.org-manager{display:flex;gap:8px;align-items:center;border:1px solid #a7f3d0;background:#ecfdf5;border-radius:11px;padding:9px;margin:10px 0;color:var(--text);text-align:start;cursor:pointer}.org-manager b,.org-manager small{display:block}.org-manager small{color:#047857}.org-team{display:flex;gap:7px;flex-wrap:wrap}.org-team>button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:7px 9px;text-align:start;color:var(--text);cursor:pointer}.org-team b,.org-team small{display:block;font-size:10px}.org-team small{color:var(--muted)}
@media(max-width:900px){.directory-stats{grid-template-columns:repeat(2,1fr)}.directory-filters{grid-template-columns:1fr 1fr}.directory-company-brand{grid-template-columns:auto 1fr}.directory-company-brand .btn{grid-column:1/-1}.employee-profile{grid-template-columns:auto 1fr}.employee-profile>.btn{grid-column:1/-1}.quick-contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.directory-stats,.directory-filters{grid-template-columns:1fr}.directory-branch-grid,.directory-department-grid,.directory-employee-grid{grid-template-columns:1fr}.directory-employee-card{flex-direction:column}.directory-company-brand{grid-template-columns:1fr}.employee-profile{grid-template-columns:1fr}.org-department{margin-inline-start:0}.quick-contact-grid{grid-template-columns:1fr}}


/* V4.5 Company / Department Profile Library */
.profile-library-section{overflow:hidden}.profile-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.profile-doc-card{display:flex;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card);align-items:flex-start}.profile-doc-card.primary-profile{box-shadow:inset 3px 0 0 var(--primary)}[dir="rtl"] .profile-doc-card.primary-profile{box-shadow:inset -3px 0 0 var(--primary)}.profile-doc-icon{width:52px;height:60px;display:grid;place-items:center;border-radius:12px;background:var(--soft);font-weight:800;font-size:12px;flex:0 0 auto}.profile-doc-main{min-width:0;flex:1}.profile-doc-main p{margin:6px 0;color:var(--muted);font-size:13px}.profile-doc-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:8px 0}.profile-doc-meta span:not(.badge){font-size:12px;color:var(--muted)}.profile-library-inline .profile-doc-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:720px){.profile-doc-grid{grid-template-columns:1fr}.profile-doc-card{padding:12px}}


/* V4.5.2 Compact Document Numbering */
.numbering-compact-card{padding:16px 18px}.numbering-picker-row{display:flex;align-items:end;justify-content:space-between;gap:14px}.numbering-sequence-picker{flex:1;max-width:620px}.numbering-sequence-picker span{display:block;font-weight:800;margin-bottom:7px}.numbering-sequence-picker select{width:100%;font-weight:800}.numbering-count{min-width:110px;text-align:center;background:var(--soft);border-radius:12px;padding:9px 12px}.numbering-count b,.numbering-count small{display:block}.numbering-count b{font-size:18px}.numbering-count small{color:var(--muted);font-size:10px}.numbering-hint{margin:10px 0 14px}.numbering-editor-form{border-top:1px solid var(--line);padding-top:14px}.numbering-editor-grid{display:grid;grid-template-columns:1.2fr 1.2fr .65fr .65fr auto;gap:10px;align-items:end}.numbering-editor-grid label{margin:0}.numbering-year-toggle{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#f8fafc;font-weight:700}.numbering-year-toggle input{width:auto!important;margin:0}.numbering-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.numbering-preview-row small,.numbering-preview-row b{display:block}.numbering-preview-row small{color:var(--muted);margin-bottom:3px}.numbering-preview-row b{font-size:14px}.numbering-table{display:none!important}
@media(max-width:900px){.numbering-editor-grid{grid-template-columns:1fr 1fr}.numbering-year-toggle{justify-content:flex-start}.numbering-picker-row{align-items:stretch}.numbering-count{display:none}}
@media(max-width:600px){.numbering-picker-row{display:block}.numbering-editor-grid{grid-template-columns:1fr}.numbering-preview-row{align-items:stretch;flex-direction:column}.numbering-preview-row .btn{width:100%}}

/* V4.5.3 Social Media Monthly Board */
.social-board-card{overflow:hidden}.social-board-head{align-items:flex-start}.social-board-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.social-board-controls select{min-width:220px}.social-board-controls input[type=month]{min-width:160px}.social-board-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0}.social-board-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:9px 10px;margin:10px 0;border:1px solid var(--line);background:#f8fafc;border-radius:12px;font-size:11px}.social-board-legend>span{display:inline-flex;gap:5px;align-items:center}.legend-status .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-status .dot.draft{background:#94a3b8}.legend-status .dot.approved{background:#14b8a6}.legend-status .dot.scheduled{background:#3b82f6}.legend-status .dot.published{background:#22c55e}.social-plan-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:13px;padding:10px 12px;margin:10px 0}.social-plan-strip.warning{border-color:#fde68a;background:#fffbeb}.social-plan-strip b,.social-plan-strip span{display:block}.social-plan-strip span{font-size:11px;color:var(--muted);margin-top:2px}.social-plan-targets{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.social-plan-targets>span{background:#fff;border:1px solid var(--line);padding:5px 8px;border-radius:999px;color:var(--text);margin:0;font-weight:800}.social-calendar-scroll{overflow-x:auto;padding-bottom:4px}.social-month-board{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));min-width:980px;border-top:1px solid var(--line);border-inline-start:1px solid var(--line);background:#fff}.social-weekday{padding:9px;text-align:center;font-size:11px;font-weight:900;background:#f1f5f9;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}.social-day{min-height:158px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px;display:flex;flex-direction:column;gap:5px;background:#fff;transition:.15s}.social-day:hover{background:#fbfdff}.social-day.empty{background:#f8fafc;min-height:158px}.social-day.today{box-shadow:inset 0 0 0 2px #3b82f6;background:#eff6ff}.social-day-head{display:flex;align-items:center;gap:6px;min-height:24px}.social-day-head>b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#f1f5f9}.social-day.today .social-day-head>b{background:#2563eb;color:#fff}.social-day-head>span{font-size:9px;color:#2563eb;font-weight:900}.social-day-plus{margin-inline-start:auto;width:24px;height:24px;border:0;border-radius:7px;background:#eef2ff;color:#2563eb;font-size:17px;cursor:pointer}.social-day-items{display:grid;gap:4px;flex:1;align-content:start}.social-calendar-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;align-items:center;border:0;border-inline-start:3px solid #94a3b8;border-radius:7px;background:#f8fafc;padding:5px 6px;text-align:start;cursor:pointer;color:var(--text);font:inherit}.social-calendar-item:hover{filter:brightness(.98)}.social-calendar-item span{font-size:12px}.social-calendar-item b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-calendar-item small{font-size:8px;color:var(--muted)}.social-calendar-item.review{border-inline-start-color:#f59e0b;background:#fffbeb}.social-calendar-item.approved{border-inline-start-color:#14b8a6;background:#f0fdfa}.social-calendar-item.scheduled{border-inline-start-color:#3b82f6;background:#eff6ff}.social-calendar-item.published{border-inline-start-color:#22c55e;background:#f0fdf4}.social-more{font-size:9px;color:var(--muted);text-align:center}.social-day-quick{display:flex;gap:3px;opacity:.35;transition:.15s}.social-day:hover .social-day-quick{opacity:1}.social-day-quick button{width:24px;height:23px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0;cursor:pointer;font-size:11px}.social-plan-register{padding:0;overflow:hidden}.social-plan-register summary{display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer;padding:14px 16px;list-style:none}.social-plan-register summary::-webkit-details-marker{display:none}.social-plan-register[open] summary{border-bottom:1px solid var(--line)}
@media(max-width:1100px){.social-board-stats{grid-template-columns:repeat(3,1fr)}.social-board-head{display:block}.social-board-controls{margin-top:10px}}
@media(max-width:650px){.social-board-stats{grid-template-columns:repeat(2,1fr)}.social-board-controls{display:grid;grid-template-columns:1fr}.social-board-controls select,.social-board-controls input[type=month]{min-width:0;width:100%}.social-plan-strip{align-items:flex-start;flex-direction:column}.social-day-quick{opacity:1}}

/* V4.5.4 Social Media simplified daily workflow */
.social-hero-simple{align-items:center}.social-hero-simple>.actions{display:flex;gap:8px;flex-wrap:wrap}.social-stats-simple{grid-template-columns:repeat(4,minmax(0,1fr))}.social-tabs-simple{gap:8px}.social-setup-grid{margin-top:4px}.social-setup-card{border:1px solid var(--line);display:flex;align-items:center;gap:14px;text-align:start;cursor:pointer;transition:.15s}.social-setup-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(15,23,42,.08)}.social-setup-card>span{width:46px;height:46px;border-radius:14px;background:#eef2ff;display:grid;place-items:center;font-size:22px}.social-setup-card h3{margin:0 0 4px}.social-setup-card p{margin:0;color:var(--muted)}
.social-quick-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-quick-form label{display:grid;gap:6px}.social-quick-form .full{grid-column:1/-1}.social-type-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.social-type-choice{position:relative;border:1px solid var(--line);border-radius:12px;padding:10px 7px;display:flex!important;align-items:center!important;justify-content:center;gap:6px;cursor:pointer;background:#fff;text-align:center}.social-type-choice input{position:absolute;opacity:0;pointer-events:none}.social-type-choice span{font-size:18px}.social-type-choice b{font-size:11px}.social-type-choice.selected{border-color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #2563eb}.social-advanced{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:0}.social-advanced>summary{cursor:pointer;font-weight:800;padding:10px 12px;list-style:none}.social-advanced>summary::-webkit-details-marker{display:none}.social-advanced[open]>summary{border-bottom:1px solid var(--line)}.compact-form{padding:12px}.social-quick-actions{justify-content:flex-end;gap:7px}.social-target-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.social-target-grid label{font-size:10px;font-weight:800}.social-target-grid input{text-align:center}.compact-head{padding:8px 14px;border-top:1px solid var(--line)}.social-day[ondrop]{position:relative}.social-day[ondrop]:hover{outline:1px dashed #93c5fd;outline-offset:-3px}.social-calendar-item[draggable=true]{cursor:grab}.social-calendar-item[draggable=true]:active{cursor:grabbing}.social-board-legend-simple .muted{margin-inline-start:auto}.social-plan-register .compact-head{margin:0}.social-board-controls .btn{white-space:nowrap}
@media(max-width:900px){.social-stats-simple{grid-template-columns:repeat(2,1fr)}.social-type-grid{grid-template-columns:repeat(3,1fr)}.social-target-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.social-quick-form{grid-template-columns:1fr}.social-quick-form .full{grid-column:1}.social-type-grid{grid-template-columns:repeat(2,1fr)}.social-target-grid{grid-template-columns:repeat(2,1fr)}.social-hero-simple>.actions{width:100%}.social-hero-simple>.actions .btn{flex:1}.social-board-legend-simple .muted{width:100%;margin:0}}

/* V4.5.6 - Employee Training & Adoption + live search diagnostics */
.search-button{border:0;background:transparent;cursor:pointer;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;top:5px!important;inset-inline-start:5px!important;font-size:18px}.search-button:hover,.search-button:focus{background:#eaf1fb;color:var(--navy);outline:none}.global-search input{padding-inline-start:42px}
.roadmap-visual-card{overflow:hidden}.roadmap-status-legend{display:flex;gap:7px;flex-wrap:wrap}.roadmap-status-legend span{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.lg-planned{background:#f1f5f9;color:#64748b}.lg-active{background:#eff6ff;color:#2563eb}.lg-done{background:#ecfdf5;color:#047857}.lg-issue{background:#fff1f2;color:#be123c}.visual-flow-board{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:20px 6px 26px;scroll-snap-type:x proximity}.visual-flow-unit{display:flex;align-items:center;flex:0 0 auto}.visual-step-node{width:190px;min-height:185px;padding:13px;border-radius:18px;border:2px solid #dbe5ef;background:#fff;text-align:start;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 5px 16px rgba(15,23,42,.05);scroll-snap-align:start;transition:.15s}.visual-step-node:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.10)}.visual-step-index{position:absolute;inset-inline-start:-10px;top:-10px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#102745;color:#fff;font-weight:900;font-size:11px}.visual-step-code{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#64748b}.visual-step-node strong{font-size:14px;line-height:1.45}.visual-step-node small{font-size:10px;color:#0f5e68;font-weight:800}.visual-step-node em{font-style:normal;font-size:9px;background:#f1f5f9;border-radius:7px;padding:4px 6px;align-self:flex-start;color:#64748b}.visual-step-state{margin-top:auto;border-radius:999px;padding:5px 8px;font-size:9.5px;font-weight:900;align-self:flex-start}.state-planned{border-color:#cbd5e1}.state-planned .visual-step-state{background:#f1f5f9;color:#64748b}.state-active{border-color:#60a5fa;background:#f8fbff}.state-active .visual-step-state{background:#dbeafe;color:#1d4ed8}.state-done{border-color:#6ee7b7;background:#f7fffb}.state-done .visual-step-state{background:#d1fae5;color:#047857}.state-issue{border-color:#fda4af;background:#fffafb}.state-issue .visual-step-state{background:#ffe4e6;color:#be123c}.visual-flow-arrow{width:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#38bdf8;font-size:28px;font-weight:900}.visual-flow-arrow small{font-size:8px;color:var(--muted)}.roadmap-details-collapsible{padding:0;overflow:hidden}.roadmap-details-collapsible>summary{list-style:none;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;background:#fff}.roadmap-details-collapsible>summary::-webkit-details-marker{display:none}.roadmap-details-collapsible[open]>summary{border-bottom:1px solid var(--line);background:#f8fafc}.details-inner-head{padding:13px 16px 0}.roadmap-step-modal{display:grid;gap:14px}.step-modal-owner{background:#eefaf7;border-radius:12px;padding:12px}.step-modal-owner span,.step-modal-owner b,.step-modal-owner small{display:block}.step-modal-owner span,.step-modal-owner small{color:var(--muted);font-size:10px}.step-modal-handoff{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.step-modal-handoff>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:11px}.step-modal-handoff small,.step-modal-handoff strong{display:block}.step-modal-handoff small{color:var(--muted);font-size:9px}.step-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.step-modal-grid>div{border:1px solid var(--line);border-radius:12px;padding:11px}.step-modal-grid small{color:var(--muted);font-weight:800}.step-modal-grid p{margin:6px 0 0}.step-modal-grid .error-box{background:#fff7f7;border-color:#ffd6d6}.step-modal-grid .improve-box{background:#f3fbf7;border-color:#d3f2e1}.step-modal-grid em{font-size:10px;color:#a55}.step-modal-meta{display:flex;gap:7px;flex-wrap:wrap}.step-modal-meta span{background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:10px}
.training-hero{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #d9e8f5;border-radius:20px;padding:18px 20px;margin-bottom:16px}.training-orb{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#2563eb,#14b8a6);display:grid;place-items:center;color:#fff;font-size:28px}.training-hero h2{margin:0 0 4px}.training-hero p{margin:0;color:var(--muted)}.training-progress{min-width:160px;text-align:center}.training-progress>b{font-size:25px;color:#0f766e}.training-progress>span{display:block;font-size:10px;color:var(--muted)}.training-progress>div{height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:6px}.training-progress i{display:block;height:100%;background:#14b8a6;border-radius:999px}.training-checklist{display:grid;gap:9px}.training-check{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}.training-check.done{background:#f5fff9;border-color:#b7ebd0}.training-check-icon{width:38px;height:38px;border-radius:10px;background:#eef4fb;display:grid;place-items:center;font-size:18px}.training-check b{display:block}.training-check p{margin:3px 0 0;font-size:11px;color:var(--muted)}.training-check-actions{display:flex;gap:6px;flex-wrap:wrap}.btn.success{background:#dcfce7;color:#047857;border-color:#bbf7d0}.role-training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.role-training-app{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;text-align:start;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;cursor:pointer;color:var(--text)}.role-training-app .mini-app-icon{grid-row:1/3}.role-training-app b,.role-training-app small{display:block}.role-training-app small{color:var(--muted);font-size:10px}.training-rollout{margin-top:18px}.rollout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.rollout-grid>div{background:#f8fafc;border-radius:13px;padding:12px}.rollout-grid b{color:#0f5e68}.rollout-grid p{font-size:11px;color:var(--muted);line-height:1.6}
.tone-trainingguide{background:linear-gradient(145deg,#2563eb,#14b8a6)!important;color:#fff!important}
@media(max-width:760px){.visual-step-node{width:170px}.visual-flow-arrow{width:38px}.step-modal-grid{grid-template-columns:1fr}.training-hero{grid-template-columns:auto 1fr}.training-progress{grid-column:1/-1}.training-check{grid-template-columns:auto 1fr}.training-check-actions{grid-column:1/-1}.rollout-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.rollout-grid{grid-template-columns:1fr}.step-modal-handoff{grid-template-columns:1fr}.step-modal-handoff>b{transform:rotate(90deg);justify-self:center}}

.adoption-progress{width:120px;max-width:100%;height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden;display:inline-block;vertical-align:middle;margin-inline-end:6px}.adoption-progress i{display:block;height:100%;background:#14b8a6;border-radius:999px}

.roadmap-mini-flow.visual-mini{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr)}.roadmap-mini-flow .rm-mid{display:grid;place-items:center;min-width:44px;background:#eaf8f5;color:#0f766e;border-radius:10px;padding:6px;font-weight:900}.roadmap-mini-flow .rm-mid small{font-size:7px;color:#64748b}.roadmap-open-hint{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:#0f766e;font-weight:900;font-size:10px;text-align:center}


.training-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.training-profile-grid>div{border:1px solid var(--line);border-radius:13px;padding:12px;background:#f8fafc}.training-profile-grid small,.training-profile-grid b,.training-profile-grid span{display:block}.training-profile-grid small{color:var(--muted);font-size:10px}.training-profile-grid b{margin-top:5px;font-size:14px}.training-profile-grid span{margin-top:4px;color:var(--muted);font-size:10.5px}.training-status{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;background:#eef2f7;color:#556274;font-size:10px;font-weight:800;margin-top:5px}.training-status.warning{background:#fff7d6;color:#8a5b00}.training-status.info{background:#e8f2ff;color:#175ea8}.training-status.success{background:#dcfce7;color:#047857}.search-test-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.search-test-result{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.test-pill{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;font-size:10px;font-weight:700}.test-pill.pass{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.test-pill.fail{background:#fff1f2;border-color:#fecdd3;color:#be123c}.training-status-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.training-plan-head{display:flex;align-items:center;gap:10px;padding:0 2px 10px}.training-plan-head>b{font-size:22px}.training-plan-head>span{color:var(--muted)}.training-module-chips{display:flex;gap:7px;flex-wrap:wrap;padding:10px 0}.training-module-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:#f1f5f9;border:1px solid var(--line);font-size:10px;font-weight:700}
@media(max-width:900px){.training-profile-grid{grid-template-columns:1fr 1fr}.training-status-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.training-profile-grid{grid-template-columns:1fr}.search-test-card{grid-template-columns:1fr}.search-test-card>.btn{width:100%}.training-status-stats{grid-template-columns:1fr 1fr}}
/* V4.5.7 — Role-Based Access Control */
.access-head{align-items:flex-end}.access-stats{margin-bottom:16px}.access-policy{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 16px}.access-policy b{font-size:15px}.access-policy span{font-weight:650}.access-policy small{width:100%;color:var(--muted)}
.access-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.access-role-panel{position:sticky;top:84px;padding:14px}.access-role-panel h3{margin:0 0 10px}.access-role-list{display:grid;gap:7px;max-height:690px;overflow:auto;padding-inline-end:3px}.access-role-item{display:flex;flex-direction:column;align-items:flex-start;text-align:start;width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer;color:var(--text)}.access-role-item:hover{background:#f8fafc;border-color:#cbd5e1}.access-role-item.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #bfdbfe inset}.access-role-item b{font-size:13px}.access-role-item small{margin-top:3px;color:var(--muted);direction:ltr;unicode-bidi:embed}.access-matrix-card{padding:0;overflow:hidden}.access-role-title{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line);background:#fbfdff}.access-role-title h3{margin:0}.access-role-title p{margin:5px 0;color:var(--muted)}.role-code{display:inline-flex;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef2f7;border-radius:999px;padding:5px 8px;direction:ltr}.role-summary{text-align:center;min-width:88px}.role-summary b{display:block;font-size:24px}.role-summary small{color:var(--muted)}
.permission-table-wrap{overflow:auto;max-height:720px}.permission-matrix-table{min-width:980px;margin:0}.permission-matrix-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;white-space:nowrap}.permission-matrix-table th,.permission-matrix-table td{text-align:center;vertical-align:middle}.permission-matrix-table th:first-child,.permission-matrix-table td:first-child{text-align:start;position:sticky;inset-inline-start:0;background:#fff;z-index:1}.permission-matrix-table thead th:first-child{background:#f8fafc;z-index:3}.permission-module{min-width:180px}.permission-module b{display:block}.permission-module small{display:block;color:var(--muted);direction:ltr;margin-top:3px}.matrix-toggle{display:inline-flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-width:52px}.matrix-toggle input{position:absolute;opacity:0;pointer-events:none}.matrix-toggle span{width:34px;height:19px;border-radius:999px;background:#cbd5e1;position:relative;transition:.15s}.matrix-toggle span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:white;top:2px;inset-inline-start:2px;box-shadow:0 1px 3px #0002;transition:.15s}.matrix-toggle input:checked+span{background:#2563eb}.matrix-toggle input:checked+span:after{transform:translateX(15px)}[dir=rtl] .matrix-toggle input:checked+span:after{transform:translateX(-15px)}.matrix-toggle em{font-style:normal;font-size:10px;color:var(--muted)}.scope-select{min-width:128px;padding:7px 8px;font-size:12px}.access-subhead{margin-top:24px!important}.access-subhead h3{margin:0}.access-subhead p{margin:4px 0 0;color:var(--muted)}.table-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.role-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2ff;font-weight:700;font-size:12px}
@media(max-width:1050px){.access-layout{grid-template-columns:1fr}.access-role-panel{position:static}.access-role-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.access-role-title{grid-template-columns:1fr auto}.access-role-title .btn{grid-column:1/-1}}@media(max-width:650px){.access-role-list{grid-template-columns:1fr}.access-role-title{grid-template-columns:1fr}.role-summary{text-align:start}.access-stats{grid-template-columns:repeat(2,1fr)}}

/* V4.5.8 record-level scope indicators */
.scope-live-notice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.scope-enforced-badge{display:inline-flex;margin-top:5px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;background:rgba(31,122,78,.1);border:1px solid rgba(31,122,78,.24);white-space:nowrap}.permission-module .scope-enforced-badge{width:max-content}
/* V4.6.0 ready role templates */
.role-examples,.role-template-summary{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}.role-template-summary{color:#315a9a}.role-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.role-pill.suggested{background:#ecfdf5;color:#166534}.badge.warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.badge.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}
@media(max-width:650px){.role-header-actions{grid-column:1/-1}.role-header-actions .btn{flex:1}}


/* V4.6.1 Employee Provisioning Wizard */
.provision-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}.provision-stepper span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--border,#dbe3ec);border-radius:10px;opacity:.62}.provision-stepper span.active,.provision-stepper span.done{opacity:1}.provision-stepper span.active{box-shadow:inset 0 0 0 2px var(--primary)}.provision-stepper i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef3f8;font-style:normal}.provision-stepper span.done i{background:#e7f7ed}.provision-pane h3{margin-top:6px}.provision-recommend{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border,#dbe3ec);border-radius:12px;margin-bottom:14px}.provision-recommend small{opacity:.7}.provision-recommend b{font-size:1.05rem}.provision-permission-chips{max-height:190px;overflow:auto}.provision-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.provision-review>div,.provision-result{padding:14px;border:1px solid var(--border,#dbe3ec);border-radius:12px;display:flex;flex-direction:column;gap:4px}.provision-confirm{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--border,#dbe3ec);border-radius:12px}.provision-confirm input{margin-top:4px}.provision-actions{display:grid;grid-template-columns:auto 1fr auto;margin-top:18px}.provision-result textarea,.provision-pending textarea{min-height:82px;direction:ltr}.provision-pending{margin-top:16px}.provision-pending summary{cursor:pointer;display:flex;gap:10px;align-items:center}.provision-pending summary span{margin-inline-start:auto}.notice.success{border-color:#a9dfbb;background:#f0fbf4}@media(max-width:800px){.provision-stepper{grid-template-columns:1fr 1fr}.provision-stepper b{font-size:.8rem}.provision-review{grid-template-columns:1fr}}


/* V4.6.3 Delegation of Authority & Approval Matrix */
.authority-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.authority-process-card{box-shadow:none;border:1px solid var(--line)}.authority-process-card h3{margin:0 0 4px}.matrix-switches{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.matrix-switches label{display:flex;align-items:center;gap:8px;font-size:13px}.approval-route-preview{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.approval-route-preview span{background:var(--surface,#fff);border:1px solid var(--line);padding:7px 10px;border-radius:9px;font-weight:700}.approval-route-preview b{color:var(--muted)}

/* V4.6.4 grouped workspace */
.workspace-group{margin:14px 0;border:1px solid var(--border,#d4dce6);border-radius:12px;padding:16px}
.workspace-group summary{cursor:pointer;font-weight:600;padding:8px;overflow-wrap:anywhere}
.workspace-group .app-grid{margin-top:16px}
.workspace-stages{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.workspace-stages [aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
#commercialGuidePanel{margin-top:16px}#commercialGuidePanel dt{font-weight:600}#commercialGuidePanel dd{margin:4px 0 16px;overflow-wrap:anywhere}