:root{--red:#d7192d;--red-dark:#b91224;--char:#272d33;--char-2:#343b43;--ink:#1f2933;--muted:#72808f;--line:#e5e9ee;--bg:#f5f7fa;--card:#fff;--green:#159a62;--amber:#c88718;--blue:#3974d4;--shadow:0 10px 30px rgba(31,41,51,.06);--radius:16px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,var(--char) 0%,#1f242a 100%);color:#fff;padding:22px 15px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}.brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#b9c1ca;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#dfe4e9;transition:.2s}.sidebar nav a span{width:23px;text-align:center;font-size:17px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(215,25,45,.18);color:#fff}.sidebar nav a.active{box-shadow:inset -3px 0 0 var(--red)}.nav-label{font-size:11px;color:#87919c;padding:18px 12px 5px}.sidebar-foot{margin-top:auto;padding:16px 10px 0;color:#88919a;border-top:1px solid rgba(255,255,255,.08)}.main-area{margin-right:250px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 28px;position:sticky;top:0;z-index:20}.page-head{flex:1}.page-head h1{font-size:20px;margin:0;color:var(--char)}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:12px}.user-chip:hover{background:var(--bg)}.avatar{width:38px;height:38px;border-radius:50%;background:#fce8eb;color:var(--red);display:grid;place-items:center;font-weight:700}.user-chip b,.user-chip small{display:block}.user-chip small{font-size:10px;color:var(--muted)}.icon-btn,.menu-btn{border:0;background:transparent;cursor:pointer;color:var(--char);font-size:20px}.menu-btn{display:none}.content-area{padding:28px;max-width:1600px;margin:0 auto}.welcome-panel{background:linear-gradient(135deg,var(--char),#39424b);border-radius:20px;padding:30px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome-panel:after{content:"";position:absolute;left:-40px;bottom:-80px;width:240px;height:240px;border-radius:50%;border:45px solid rgba(215,25,45,.16)}.welcome-panel h2{font-size:27px;margin:5px 0}.welcome-panel p{margin:0;color:#d8dde2}.eyebrow{font-size:12px;color:#f3a9b2;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--red)}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:24px;color:var(--char);margin:6px 0}.stat-card small{color:#9aa4ae}.card{padding:20px;margin-bottom:20px}.card h3{margin:0 0 14px;font-size:17px;color:var(--char)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.section-title h3{margin:0}.section-title p{margin:2px 0 0;color:var(--muted);font-size:12px}.section-title a{color:var(--red);font-size:12px;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress{height:9px;background:#edf0f3;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--red-dark),var(--red));border-radius:999px}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:8px}.progress-meta b{color:var(--red)}.task-list{display:flex;flex-direction:column}.task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-row b,.task-row small{display:block}.task-row small{color:var(--muted);font-size:11px}.task-row p{margin:4px 0 0;color:var(--muted)}.task-row.done{opacity:.65}.pipeline-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pipeline-mini div{background:#f7f8fa;padding:13px;border-radius:12px;border:1px solid #edf0f3}.pipeline-mini span{display:block;font-size:10px;color:var(--muted)}.pipeline-mini b{font-size:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:var(--muted);font-weight:700;background:#fafbfc}td{font-size:13px}.table-link{font-weight:700;color:var(--char)}.table-link:hover{color:var(--red)}.status,.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700}.status-new{background:#eef2f6;color:#5d6d7d}.status-contacted{background:#edf4ff;color:#3974d4}.status-interested{background:#fff5db;color:#a86d0d}.status-qualified{background:#e9f8f1;color:#177b55}.status-proposal{background:#f0edff;color:#6b56c9}.status-negotiation{background:#fff0e7;color:#b35b24}.status-won,.status-approved,.status-paid{background:#e5f7ef;color:#128153}.status-lost{background:#fdebed;color:#ba2435}.status-pending{background:#fff4d9;color:#a46d0c}.badge-high{background:#fdebed;color:#ba2435}.badge-normal{background:#edf4ff;color:#3974d4}.badge-low{background:#eef2f6;color:#66717c}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{background:var(--char);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-ghost{background:#eef1f4;color:var(--char)}.btn-sm{padding:6px 9px;font-size:11px}.btn-block{width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input{min-width:280px}input,select,textarea{width:100%;border:1px solid #dce1e6;background:#fff;border-radius:10px;padding:10px 11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#ef8b98;box-shadow:0 0 0 3px rgba(215,25,45,.08)}label{display:block;font-size:12px;font-weight:700;color:#505b66}label input,label select,label textarea{margin-top:5px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.stack-form{display:flex;flex-direction:column;gap:13px}.stack-form.compact{gap:9px}.inline-form{display:flex;align-items:center;gap:6px}.inline-form select{min-width:120px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.detail-head h2{font-size:26px;margin:8px 0 0}.detail-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.details div{padding:13px 0;border-bottom:1px solid var(--line)}.details div:nth-child(odd){padding-left:12px}.details dt{font-size:10px;color:var(--muted)}.details dd{margin:3px 0 0;font-weight:700}.details .full{grid-column:span 2}.timeline{position:relative}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:0 0 18px}.timeline-item .dot{width:10px;height:10px;background:var(--red);border-radius:50%;margin-top:7px;box-shadow:0 0 0 4px #fdebed}.timeline-item p{margin:4px 0}.timeline-item small{color:var(--muted)}.deal-list{display:flex;flex-direction:column;gap:10px}.deal-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd}.deal-card h4{margin:7px 0 0}.deal-card p{margin:2px 0;color:var(--muted);font-size:11px}.deal-card .inline-form{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.deal-value{text-align:left}.deal-value strong,.deal-value small{display:block}.deal-value small{color:var(--muted)}.academy-hero{background:linear-gradient(135deg,#fff,#f9ecee);border:1px solid #f5d7dc;border-radius:20px;padding:28px;margin-bottom:20px}.academy-hero h2{margin:5px 0;font-size:25px}.academy-hero p{margin:0;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.course-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.course-icon{width:42px;height:42px;border-radius:12px;background:#fdebed;color:var(--red);display:grid;place-items:center;font-size:18px}.course-card h3{margin:12px 0 5px}.course-card p{color:var(--muted);min-height:48px}.course-card small{display:block;margin-top:8px;color:var(--muted)}.lesson-card{max-width:850px;margin:0 auto}.lesson-card h2{font-size:26px}.lesson-content{font-size:16px;line-height:2;padding:15px 0 25px;white-space:normal}.bar-list{display:flex;flex-direction:column;gap:11px}.bar-list>div{display:grid;grid-template-columns:100px 1fr 35px;align-items:center;gap:10px}.bar{height:8px;background:#edf0f3;border-radius:999px;overflow:hidden}.bar i{height:100%;display:block;background:var(--red)}.empty{text-align:center;color:var(--muted);padding:25px 10px}.empty-page{text-align:center;padding:80px}.big-code{font-size:72px;font-weight:800;color:#d8dde2}.alert{padding:12px 15px;border-radius:11px;margin-bottom:15px;font-weight:700}.alert-success{background:#e9f8f1;color:#126f4c;border:1px solid #c8ebdc}.alert-danger{background:#fdebed;color:#9c2432;border:1px solid #f4cbd0}.muted{color:var(--muted)}.block{display:block}.guest-body{min-height:100vh;background:linear-gradient(135deg,#eef1f4 0%,#fff 55%,#fdebed 100%);display:grid;place-items:center;padding:20px}.guest-shell{width:min(430px,100%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(31,41,51,.12)}.login-logo{display:flex;align-items:center;gap:12px;color:var(--char);font-weight:700}.login-logo img{width:70px;height:70px;object-fit:contain}.login-copy{margin:25px 0}.login-copy h1{font-size:24px;margin:0 0 7px}.login-copy p{color:var(--muted);margin:0}.login-card>.muted{display:block;text-align:center;margin-top:15px;font-size:10px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.two-col,.detail-grid{grid-template-columns:1fr}.pipeline-mini{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(110%);transition:.2s;width:250px}.sidebar-open .sidebar{transform:translateX(0)}.main-area{margin-right:0}.menu-btn{display:block}.content-area{padding:18px}.topbar{padding:0 16px;height:68px}.user-chip span:last-child{display:none}.welcome-panel{padding:22px;align-items:flex-start;flex-direction:column;gap:15px}.welcome-panel h2{font-size:22px}.toolbar{align-items:stretch;flex-direction:column}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{min-width:0;grid-column:span 2}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.course-grid{grid-template-columns:1fr}.detail-head{flex-direction:column}.details{grid-template-columns:1fr}.details .full{grid-column:span 1}.details div:nth-child(odd){padding-left:0}}@media(max-width:520px){.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:18px}.pipeline-mini{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.filters input{grid-column:auto}.top-actions{gap:2px}.page-head h1{font-size:16px}.content-area{padding:13px}.card{padding:15px;border-radius:14px}.login-card{padding:22px}.deal-card{grid-template-columns:1fr}.deal-value{text-align:right}.inline-form{flex-wrap:wrap}} /* ===== FadiTec Hub UI refresh v0.2.0 ===== */ :root{ --font-arabic:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif; --surface-soft:#f8fafc; --surface-tint:#fff7f8; --text-soft:#667483; --shadow-soft:0 8px 28px rgba(26,34,42,.055); --shadow-lift:0 18px 45px rgba(26,34,42,.09); } body{font-family:var(--font-arabic);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} .font-modern{--font-arabic:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif} .font-tahoma{--font-arabic:Tahoma,Arial,sans-serif} .font-naskh{--font-arabic:"Traditional Arabic","Simplified Arabic","Arabic Typesetting","Times New Roman",serif} .font-naskh body,.font-naskh{font-size:15px;line-height:1.85} .sidebar{background:linear-gradient(180deg,var(--char) 0%,color-mix(in srgb,var(--char) 82%,#000) 100%);box-shadow:-10px 0 34px rgba(17,24,32,.08)} .brand{padding-top:2px}.brand img{width:58px;height:58px;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.12)} .brand strong{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.brand small{margin-top:1px} .sidebar nav a{font-weight:650}.sidebar nav a.active{background:color-mix(in srgb,var(--red) 20%,transparent);box-shadow:inset -3px 0 0 var(--red),0 5px 18px rgba(0,0,0,.06)} .sidebar-foot{display:flex;flex-direction:column;gap:2px}.sidebar-foot b{font-size:11px;color:#d5dbe1;font-weight:600}.sidebar-foot small{font-size:10px} .topbar{height:76px;box-shadow:0 3px 18px rgba(31,41,51,.025);backdrop-filter:saturate(120%)} .page-head{display:flex;flex-direction:column;justify-content:center}.topbar-context{font-size:9px;letter-spacing:.08em;color:#9aa5b0;font-weight:800;text-transform:uppercase;line-height:1.2}.page-head h1{font-size:19px;font-weight:760;line-height:1.45} .top-settings{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f5f7fa;color:var(--char);font-size:17px;transition:.18s}.top-settings:hover{background:#fdebed;color:var(--red);transform:rotate(12deg)} .user-chip{border:1px solid transparent}.user-chip:hover{border-color:var(--line);background:#fafbfc}.avatar{font-size:15px} .content-area{padding:30px 30px 46px}.card,.stat-card{box-shadow:var(--shadow-soft)}.card{border-color:#e8ecf0}.card:hover{border-color:#dde3e8}.stat-card{transition:.18s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)} .btn-primary{background:var(--red);box-shadow:0 7px 18px color-mix(in srgb,var(--red) 18%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--red) 84%,#000)} input,select,textarea{font-family:var(--font-arabic);transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical;min-height:90px}label{font-weight:720} .team-announcement{display:flex;align-items:flex-start;gap:11px;background:linear-gradient(135deg,#fff8e7,#fffdf7);border:1px solid #f3dfae;color:#6d5520;border-radius:14px;padding:12px 15px;margin-bottom:18px;box-shadow:0 7px 20px rgba(132,95,20,.05)} .team-announcement>span{width:28px;height:28px;border-radius:9px;background:#ffefbe;display:grid;place-items:center;color:#a9780c;flex:0 0 auto}.team-announcement p{margin:1px 0;line-height:1.75;font-weight:650} .sidebar-backdrop{display:none} /* Settings */ .settings-page{padding-bottom:68px}.settings-intro{background:linear-gradient(135deg,var(--char),color-mix(in srgb,var(--char) 75%,#fff));border-radius:20px;color:#fff;padding:25px 28px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-lift);overflow:hidden;position:relative} .settings-intro:after{content:"";position:absolute;left:-45px;bottom:-70px;width:220px;height:220px;border-radius:50%;border:38px solid color-mix(in srgb,var(--red) 25%,transparent);pointer-events:none}.settings-intro h2{margin:3px 0 4px;font-size:24px}.settings-intro p{margin:0;color:#dce2e8}.settings-intro .eyebrow{color:#ffbcc5} .settings-intro .btn{position:relative;z-index:2;min-width:140px} .settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.settings-main{min-width:0}.settings-side{position:sticky;top:96px} .settings-card{padding:23px}.settings-section-head{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.settings-section-head h3{margin:0 0 3px}.settings-section-head p{margin:0;color:var(--muted);font-size:12px}.settings-icon{width:38px;height:38px;border-radius:11px;background:#fdebed;color:var(--red);display:grid;place-items:center;flex:0 0 auto;font-weight:800} .color-field{display:flex;align-items:center;gap:10px;margin-top:5px;border:1px solid #dce1e6;border-radius:10px;padding:7px 9px;background:#fff}.color-field input[type=color]{width:38px;height:32px;padding:0;border:0;background:transparent;border-radius:8px;cursor:pointer}.color-field code{direction:ltr;color:#66717c;font-size:12px;background:#f4f6f8;padding:3px 7px;border-radius:6px} .font-preview{margin-top:16px;border:1px dashed #d9dfe5;border-radius:14px;background:linear-gradient(135deg,#fbfcfd,#fff);padding:18px}.font-preview span,.font-preview strong,.font-preview small{display:block}.font-preview span{color:var(--red);font-size:10px;font-weight:800}.font-preview strong{font-size:18px;margin:5px 0 2px;color:var(--char)}.font-preview small{color:var(--muted)} .switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:#fafbfc;border-radius:13px;padding:13px 14px;margin-bottom:15px}.switch-row b,.switch-row small{display:block}.switch-row small{font-weight:400;color:var(--muted);margin-top:2px}.switch{position:relative;width:46px;height:26px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{position:absolute;inset:0;border-radius:999px;background:#cbd2d9;transition:.2s;cursor:pointer}.switch i:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;right:3px;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.2s}.switch input:checked+i{background:var(--red)}.switch input:checked+i:after{transform:translateX(-20px)} .brand-preview-card{text-align:center;overflow:hidden;position:relative;padding:25px 20px}.brand-preview-card:before{content:"";position:absolute;height:5px;top:0;right:0;left:0;background:var(--red)}.settings-kicker{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:13px}.brand-preview-logo{width:98px;height:98px;border-radius:21px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 14px;box-shadow:var(--shadow-soft)}.brand-preview-logo img{max-width:84px;max-height:84px;object-fit:contain}.brand-preview-card h3{font-size:17px;margin:0 0 4px}.brand-preview-card p{margin:0;color:var(--muted)}.preview-chip{display:inline-flex;margin-top:14px;background:#eef2f5;border-radius:999px;padding:4px 10px;font-size:10px;color:#5f6c79;font-weight:700} .settings-help h3{font-size:14px}.settings-help ul{margin:0;padding:0 19px 0 0;color:var(--muted);font-size:12px}.settings-help li{margin:8px 0}.settings-savebar{position:fixed;left:26px;bottom:22px;z-index:25;display:flex;align-items:center;gap:18px;background:rgba(39,45,51,.96);color:#fff;padding:10px 12px 10px 18px;border-radius:14px;box-shadow:0 16px 45px rgba(31,41,51,.25);backdrop-filter:blur(8px)}.settings-savebar span{font-size:11px;color:#ccd3da}.settings-savebar .btn{padding:8px 13px} /* Login refresh */ .login-card{border-radius:24px;padding:32px;box-shadow:0 28px 80px rgba(31,41,51,.14);position:relative;overflow:hidden}.login-card:before{content:"";height:5px;position:absolute;top:0;right:0;left:0;background:var(--red)}.login-logo span{display:flex;flex-direction:column}.login-logo b{font-size:14px}.login-logo small{font-size:10px;color:var(--muted);font-weight:500}.login-copy .eyebrow{font-size:10px}.login-copy h1{font-size:26px;margin:4px 0 5px} @media(max-width:1100px){.settings-grid{grid-template-columns:1fr}.settings-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-preview-card,.settings-help{margin-bottom:0}} @media(max-width:820px){.sidebar-backdrop{position:fixed;inset:0;background:rgba(16,22,28,.42);z-index:29;backdrop-filter:blur(2px)}.sidebar-open .sidebar-backdrop{display:block}.settings-intro{align-items:flex-start;flex-direction:column}.settings-side{grid-template-columns:1fr}.settings-savebar{left:14px;right:14px;bottom:12px;justify-content:space-between}.settings-savebar span{display:none}.settings-savebar .btn{width:100%}.topbar-context{display:none}} @media(max-width:520px){.settings-intro{padding:21px}.settings-intro h2{font-size:20px}.settings-card{padding:16px}.settings-section-head{gap:9px}.settings-icon{width:34px;height:34px}.top-settings{display:none}} /* ===== Local Arabic font library v0.2.1 ===== */ .font-system{--font-arabic:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif} .font-tajawal{--font-arabic:"FTH-Tajawal",system-ui,"Segoe UI",Arial,sans-serif} .font-almarai{--font-arabic:"FTH-Almarai",system-ui,"Segoe UI",Arial,sans-serif} .font-cairo{--font-arabic:"FTH-Cairo",system-ui,"Segoe UI",Arial,sans-serif} .font-noto-kufi-arabic{--font-arabic:"FTH-NotoKufi",system-ui,"Segoe UI",Arial,sans-serif} .font-noto-sans-arabic{--font-arabic:"FTH-NotoSansArabic",system-ui,"Segoe UI",Arial,sans-serif} .font-ibm-plex-arabic{--font-arabic:"FTH-IBMPlexArabic",system-ui,"Segoe UI",Arial,sans-serif} .font-tajawal,.font-almarai,.font-cairo,.font-noto-kufi-arabic,.font-noto-sans-arabic,.font-ibm-plex-arabic{font-feature-settings:"kern" 1,"liga" 1} .font-almarai{line-height:1.78}.font-noto-kufi-arabic{line-height:1.82}.font-ibm-plex-arabic{line-height:1.74} .settings-section-head-actions{align-items:center}.grow{flex:1}.font-library-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;background:#f7f9fb;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.font-library-status b{font-size:17px;color:var(--char);line-height:1.1}.font-library-status span{font-size:9px;color:var(--muted);margin-top:4px}.appearance-colors{margin-bottom:18px} .font-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid var(--line);border-radius:14px;margin:4px 0 14px}.font-library-toolbar b,.font-library-toolbar small{display:block}.font-library-toolbar b{font-size:13px}.font-library-toolbar small{font-weight:500;color:var(--muted);font-size:11px;margin-top:3px;max-width:620px}.installed-all{font-size:11px;background:#eaf8f2;color:#14784f;padding:7px 10px;border-radius:999px;font-weight:800;white-space:nowrap} .font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.font-option-wrap{position:relative}.font-option{display:flex;flex-direction:column;min-height:214px;border:1px solid #dfe4e9;border-radius:15px;background:#fff;padding:16px;cursor:pointer;position:relative;transition:.18s box-shadow,.18s border-color,.18s transform}.font-option:hover{border-color:#cfd6dc;box-shadow:0 10px 24px rgba(31,41,51,.06);transform:translateY(-1px)}.font-option.selected{border-color:color-mix(in srgb,var(--red) 62%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 9%,transparent),0 12px 28px rgba(31,41,51,.06)}.font-option.is-missing{background:#fafbfc;cursor:default;opacity:.82}.font-option input[type=radio]{position:absolute;opacity:0}.font-check{position:absolute;left:14px;top:14px;width:20px;height:20px;border:2px solid #cbd3db;border-radius:50%;background:#fff}.font-option.selected .font-check{border-color:var(--red);box-shadow:inset 0 0 0 4px #fff;background:var(--red)}.font-option-head{display:flex;align-items:center;gap:8px;padding-left:28px}.font-option-head b{font-size:14px}.font-option-head em{font-style:normal;font-size:9px;padding:3px 7px;border-radius:999px;background:#f0f3f6;color:#6d7883;font-weight:700}.font-latin-name{font-family:Arial,sans-serif;direction:ltr;text-align:right;color:#9aa4ae;font-size:9px;margin-top:2px}.font-option-sample{display:block;font-size:17px;line-height:1.75;color:#202a34;margin:12px 0 8px;min-height:58px}.font-option>small{display:block;color:var(--muted);font-size:10px;line-height:1.65;font-weight:500;flex:1}.font-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.font-meta i{font-style:normal;font-size:8px;padding:2px 6px;border-radius:6px;background:#f3f5f7;color:#7c8792}.font-meta i.recommended{background:#fff0f2;color:var(--red);font-weight:800}.font-install-state{position:absolute;left:12px;bottom:12px;font-size:8px;font-weight:800;padding:3px 6px;border-radius:7px}.font-install-state.ok{background:#e9f8f1;color:#147b50}.font-install-state.missing{display:none}.font-install-btn{border:0;background:var(--char);color:#fff;font:inherit;font-weight:800;font-size:10px;border-radius:9px;padding:7px 10px;cursor:pointer;position:absolute;left:12px;bottom:10px;z-index:4}.font-install-btn:hover{background:var(--red)}.font-source-link{display:inline-block;font-size:8px;color:#87929c;margin:5px 5px 0}.font-source-link:hover{color:var(--red)} .font-preview-system{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.font-preview-tajawal{font-family:"FTH-Tajawal",system-ui,sans-serif}.font-preview-almarai{font-family:"FTH-Almarai",system-ui,sans-serif}.font-preview-cairo{font-family:"FTH-Cairo",system-ui,sans-serif}.font-preview-noto-kufi-arabic{font-family:"FTH-NotoKufi",system-ui,sans-serif}.font-preview-noto-sans-arabic{font-family:"FTH-NotoSansArabic",system-ui,sans-serif}.font-preview-ibm-plex-arabic{font-family:"FTH-IBMPlexArabic",system-ui,sans-serif} .font-preview{margin-top:18px;background:linear-gradient(135deg,#fff,#fafbfc);border-style:solid;padding:20px}.font-preview p{margin:2px 0 4px;color:var(--muted);font-size:12px}.font-preview strong{font-size:21px}.settings-note{margin-top:11px;background:#fff9e9;border:1px solid #f2dfac;color:#765c22;border-radius:11px;padding:10px 12px;font-size:10px;line-height:1.7}.hidden-form{display:none!important} @media(max-width:900px){.font-options{grid-template-columns:1fr}.font-option{min-height:195px}} @media(max-width:620px){.settings-section-head-actions{align-items:flex-start}.font-library-status{min-width:78px}.font-library-toolbar{align-items:flex-start;flex-direction:column}.font-library-toolbar .btn{width:100%}.font-option-sample{font-size:16px}.font-preview strong{font-size:18px}} /* ===== Team & profile management v0.3.0 ===== */ .avatar{overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.avatar-md{width:46px;height:46px;font-size:15px}.avatar-xl{width:78px;height:78px;font-size:26px}.avatar-xxl{width:118px;height:118px;font-size:34px} .team-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--char),#3b444d);border-radius:20px;padding:26px 28px;margin-bottom:18px;color:#fff;position:relative;overflow:hidden}.team-page-head:after{content:"";position:absolute;left:-55px;bottom:-90px;width:230px;height:230px;border:42px solid rgba(215,25,45,.14);border-radius:50%}.team-page-head>div,.team-page-head>.btn{position:relative;z-index:2}.team-page-head h2{font-size:25px;margin:2px 0}.team-page-head p{margin:0;color:#d8dee4}.team-stats .stat-online:before{background:var(--green)}.team-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.8fr);gap:20px;align-items:start}.new-user-card{position:sticky;top:98px}.user-filterbar{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:10px;margin-bottom:14px;padding:12px;background:#f7f9fb;border:1px solid var(--line);border-radius:13px}.user-filterbar label>span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.employee-cell{display:flex;align-items:center;gap:11px;min-width:250px}.employee-cell b,.employee-cell small,.employee-cell em{display:block}.employee-cell small{color:#596674;font-size:11px;margin-top:1px}.employee-cell em{font-style:normal;color:#9aa4ae;font-size:9px;margin-top:1px}.role-chip{display:inline-flex;padding:4px 9px;border-radius:9px;background:#f0f3f6;color:#53606d;font-size:10px;font-weight:800}.presence{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;white-space:nowrap}.presence i{display:block;width:8px;height:8px;border-radius:50%}.presence-online{color:#147c51}.presence-online i{background:#19a96b;box-shadow:0 0 0 4px rgba(25,169,107,.12)}.presence-away{color:#7d8893}.presence-away i{background:#aeb7c0}.table-date{font-size:11px}.field-help{display:block;color:var(--muted);font-size:9px;font-weight:500;margin-top:3px} .employee-edit-nav{margin-bottom:12px}.employee-edit-nav a{font-size:11px;color:var(--muted);font-weight:800}.employee-edit-nav a:hover{color:var(--red)}.employee-hero,.profile-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid var(--line);border-radius:20px;padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow)}.employee-hero-copy{flex:1}.employee-hero h2,.profile-hero h2{font-size:25px;margin:2px 0}.employee-hero p,.profile-hero p{margin:0;color:var(--muted)}.employee-hero-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.employee-edit-grid,.profile-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.75fr);gap:20px;align-items:start}.employee-edit-grid>aside,.profile-grid>aside{position:sticky;top:98px}.settings-card{padding:22px}.account-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.account-activity-grid>div{padding:15px;border:1px solid var(--line);background:#fafbfc;border-radius:12px}.account-activity-grid span,.account-activity-grid strong,.account-activity-grid small{display:block}.account-activity-grid span{font-size:9px;color:var(--muted);font-weight:800}.account-activity-grid strong{font-size:14px;color:var(--char);margin:4px 0}.account-activity-grid small{font-size:9px;color:#929da7}.employee-photo-card{text-align:center}.employee-photo-card .profile-photo-preview{margin:4px auto 12px;border:5px solid #fff;box-shadow:0 0 0 1px var(--line),0 12px 28px rgba(31,41,51,.12);background:#fce8eb;color:var(--red)}.employee-photo-card h3{margin:8px 0 2px}.employee-photo-card>p{color:var(--muted);font-size:11px;margin:0 0 14px}.file-drop{background:#f8fafb;border:1px dashed #cbd3db;border-radius:12px;padding:11px;text-align:center;cursor:pointer}.file-drop:hover{border-color:var(--red);background:#fff8f9}.file-drop input{border:0;background:transparent;padding:7px 0 0;font-size:10px}.file-drop small{display:block;color:var(--muted);font-size:9px;font-weight:500}.security-note{margin-top:12px;background:#fff9e9;color:#786024;border:1px solid #f0dfb0;border-radius:10px;padding:9px 10px;font-size:9px;line-height:1.7}.security-card .settings-section-head{margin-bottom:14px}.profile-hero{background:linear-gradient(135deg,var(--char),#3b444d);color:#fff}.profile-hero h2{color:#fff}.profile-hero p{color:#d7dde2}.profile-hero .avatar{background:#fff;color:var(--red);box-shadow:0 0 0 5px rgba(255,255,255,.08)} @media(max-width:1180px){.team-layout{grid-template-columns:1fr}.new-user-card{position:static}.employee-edit-grid,.profile-grid{grid-template-columns:1fr}.employee-edit-grid>aside,.profile-grid>aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.employee-photo-card,.security-card{margin-bottom:0}} @media(max-width:820px){.team-page-head{align-items:flex-start;flex-direction:column}.team-page-head .btn{width:100%}.user-filterbar{grid-template-columns:1fr}.users-table{min-width:900px}.employee-edit-grid>aside,.profile-grid>aside{grid-template-columns:1fr}.account-activity-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.team-page-head{padding:20px}.team-page-head h2{font-size:21px}.employee-hero,.profile-hero{align-items:flex-start;padding:18px}.employee-hero .avatar-xl,.profile-hero .avatar-xl{width:62px;height:62px}.employee-hero h2,.profile-hero h2{font-size:20px}.account-activity-grid{grid-template-columns:1fr}.employee-edit-grid .form-grid,.profile-grid .form-grid{grid-template-columns:1fr}.employee-edit-grid .span-2,.profile-grid .span-2{grid-column:span 1}} /* ===== Product Design System & Employee 360 v0.4.0 ===== */ :root{ --surface:#ffffff;--surface-soft:#f8fafc;--surface-tint:#fff7f8; --ink-strong:#17212b;--ink-soft:#596675;--line-strong:#d9e0e7; --shadow-sm:0 3px 12px rgba(24,33,43,.045);--shadow-md:0 14px 40px rgba(24,33,43,.08); --radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px; --space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px } body{letter-spacing:0;background:#f4f6f9;color:var(--ink-strong)} .card,.stat-card{box-shadow:var(--shadow-sm);border-color:#e3e8ed}.card{border-radius:var(--radius-lg)} .content-area{padding:26px 30px 42px}.topbar{height:74px;gap:16px;padding:0 24px;box-shadow:0 1px 0 rgba(18,26,34,.025)} .topbar-context{display:block;color:#9aa5b0;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page-head h1{font-size:18px;line-height:1.25} .sidebar{width:258px;padding:18px 14px}.main-area{margin-right:258px}.brand{padding:2px 8px 17px}.brand img{width:48px;height:48px}.brand strong{font-size:14px}.brand small{font-size:9px} .sidebar nav a{min-height:42px;padding:9px 11px;font-size:12px;font-weight:700}.sidebar nav a span{opacity:.85}.sidebar nav a.active{background:color-mix(in srgb,var(--red) 19%,transparent);box-shadow:inset -3px 0 0 var(--red)} .nav-label{font-size:9px;letter-spacing:.04em}.sidebar-foot small{display:block;font-size:9px;margin-top:3px}.btn{border-radius:11px;box-shadow:none}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--red) 18%,transparent);outline-offset:2px} .table-actions{display:flex;gap:6px;align-items:center}.block{display:block}.muted{color:var(--muted)} .empty-state{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--surface-soft);border:1px dashed #d8dfe6;border-radius:14px;color:var(--muted);padding:20px}.empty-state b{color:var(--char);font-size:14px}.empty-state span{font-size:11px;max-width:420px}.empty-state.compact{min-height:82px;padding:13px} /* Global search */ .global-search-trigger{height:38px;min-width:240px;display:flex;align-items:center;gap:8px;border:1px solid #e0e5ea;background:#f8fafc;border-radius:11px;padding:0 10px;color:#7a8793;cursor:pointer;text-align:right}.global-search-trigger:hover{background:#fff;border-color:#ccd4dc}.global-search-trigger>span{font-size:19px;color:#52606d}.global-search-trigger b{font-size:10px;font-weight:700;flex:1}.global-search-trigger kbd,.search-hint kbd{font-family:inherit;font-size:8px;border:1px solid #d9e0e6;background:#fff;color:#7b8792;border-radius:5px;padding:1px 5px;box-shadow:0 1px 1px rgba(0,0,0,.03)} .search-overlay{position:fixed;inset:0;background:rgba(19,27,35,.48);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:start center;padding:9vh 18px 18px}.search-overlay[hidden]{display:none}.search-dialog{width:min(720px,100%);max-height:78vh;background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:0 30px 80px rgba(14,21,28,.24);overflow:hidden}.search-dialog-head{height:66px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.search-big-icon{font-size:25px;color:#768390}.search-dialog-head input{border:0!important;box-shadow:none!important;background:transparent;font-size:15px;padding:12px 4px}.search-dialog-head button{border:0;background:#f1f4f6;color:#6d7985;width:31px;height:31px;border-radius:9px;cursor:pointer;font-size:20px}.search-hint{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fafbfc;border-bottom:1px solid var(--line);color:#909ba6;font-size:9px}.search-results{max-height:58vh;overflow:auto;padding:8px}.search-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 20px;color:#8c98a3}.search-empty b{font-size:14px;color:#3c4854;margin-bottom:4px}.search-empty span{font-size:10px}.search-result-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;cursor:pointer}.search-result-item:hover,.search-result-item.is-active{background:#f6f8fa}.search-result-icon{width:36px;height:36px;border-radius:10px;background:#f1f4f7;color:#52606d;display:grid;place-items:center;font-weight:900}.search-result-item[data-type=lead] .search-result-icon{background:#eef4ff;color:#3974d4}.search-result-item[data-type=deal] .search-result-icon{background:#fff2e9;color:#b35b24}.search-result-item[data-type=user] .search-result-icon{background:#fcecef;color:var(--red)}.search-result-main b,.search-result-main small{display:block}.search-result-main b{font-size:12px}.search-result-main small{font-size:9px;color:var(--muted);margin-top:1px}.search-result-meta{font-size:9px;color:#87939e;white-space:nowrap}.search-group-label{padding:7px 10px 3px;font-size:8px;font-weight:900;color:#9aa4ae;letter-spacing:.04em} /* Employee 360 */ .employee-360-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.employee-360-nav>a{font-size:10px;color:var(--muted);font-weight:800}.employee-360-actions{display:flex;gap:7px}.employee-360-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(125deg,var(--char),color-mix(in srgb,var(--char) 82%,#596675));color:#fff;border-radius:24px;padding:24px 26px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.employee-360-hero:after{content:"";position:absolute;left:-30px;top:-90px;width:230px;height:230px;border-radius:50%;border:36px solid color-mix(in srgb,var(--red) 23%,transparent);pointer-events:none}.employee-identity{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.employee-360-avatar{background:#fff;color:var(--red);box-shadow:0 0 0 5px rgba(255,255,255,.09)}.employee-identity h2{font-size:25px;margin:2px 0;color:#fff}.employee-identity p{margin:0;color:#d9dee3;font-size:11px}.employee-hero-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:9px}.employee-360-hero .role-chip{background:rgba(255,255,255,.1);color:#fff}.employee-360-hero .presence-away{color:#c5ccd2}.employee-360-hero .presence-away i{background:#b6bec6}.employee-360-hero .presence-online{color:#bff5da}.account-state{font-size:9px;font-weight:800;border-radius:999px;padding:4px 8px}.account-state.is-active{background:rgba(38,192,124,.14);color:#bbf4d7}.account-state.is-inactive{background:rgba(255,255,255,.1);color:#d9dfe4}.employee-360-target{width:260px;position:relative;z-index:2;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px}.employee-360-target>span,.employee-360-target>strong,.employee-360-target>small{display:block}.employee-360-target>span{font-size:9px;color:#c9d0d6}.employee-360-target>strong{font-size:22px;margin:2px 0 8px}.employee-360-target .progress{background:rgba(255,255,255,.12)}.employee-360-target>small{font-size:9px;color:#d9dee3;margin-top:7px} .metrics-grid{display:grid;gap:12px;margin-bottom:16px}.metrics-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e2e7ec;border-radius:15px;padding:15px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#cfd6dd}.metric-card.metric-success:before{background:var(--green)}.metric-card.metric-danger:before{background:var(--red)}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:9px;color:#7a8792;font-weight:800}.metric-card strong{font-size:19px;margin:4px 0;color:var(--char);white-space:nowrap}.metric-card small{font-size:8px;color:#9aa4ae}.employee-360-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);gap:16px;align-items:start}.employee-360-side{display:flex;flex-direction:column;gap:0}.employee-score-card .score-line{margin-bottom:14px}.score-line:last-child{margin-bottom:0}.score-line>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:end;margin-bottom:5px}.score-line span{font-size:9px;color:var(--muted)}.score-line b{font-size:9px;color:#48545f}.progress-sm{height:6px}.activity-timeline{position:relative}.activity-timeline .timeline-item{display:grid;grid-template-columns:14px 1fr;gap:7px;padding-bottom:15px;position:relative}.activity-timeline .timeline-item:not(:last-child):after{content:"";position:absolute;right:5px;top:13px;bottom:0;width:1px;background:#e2e7ec}.timeline-dot{width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--red);margin-top:4px;position:relative;z-index:2}.activity-timeline b{font-size:10px}.activity-timeline p{font-size:9px;line-height:1.6;color:#687581;margin:2px 0}.activity-timeline small{font-size:8px;color:#9aa4ae}.deal-list-compact{display:flex;flex-direction:column}.deal-compact-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 2px;border-bottom:1px solid var(--line)}.deal-compact-row:last-child{border-bottom:0}.deal-compact-row>div:first-child{min-width:0}.deal-compact-row b,.deal-compact-row span{display:block}.deal-compact-row b{font-size:11px}.deal-compact-row>div:first-child span{font-size:9px;color:var(--muted);margin-top:2px}.deal-compact-row>div:last-child{text-align:left}.deal-compact-row strong{display:block;font-size:11px;margin-bottom:3px}.account-security-summary dl{margin:0}.account-security-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.account-security-summary dl>div:last-child{border-bottom:0}.account-security-summary dt{font-size:9px;color:var(--muted)}.account-security-summary dd{font-size:9px;font-weight:800;margin:0;color:#3f4b57}.audit-mini-list>div{display:grid;grid-template-columns:14px 1fr;gap:6px;padding:7px 0;border-bottom:1px solid var(--line)}.audit-mini-list>div:last-child{border-bottom:0}.audit-icon{color:var(--red);font-size:18px;line-height:1}.audit-mini-list p{margin:0}.audit-mini-list b,.audit-mini-list small{display:block}.audit-mini-list b{font-size:9px}.audit-mini-list small{font-size:8px;color:var(--muted);margin-top:1px} @media(max-width:1250px){.metrics-grid-6{grid-template-columns:repeat(3,1fr)}.employee-360-grid{grid-template-columns:1fr}.employee-360-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-360-side>.card{margin-bottom:0}} @media(max-width:1080px){.global-search-trigger{min-width:42px;width:42px;padding:0;justify-content:center}.global-search-trigger b,.global-search-trigger kbd{display:none}} @media(max-width:900px){.sidebar{width:258px}.main-area{margin-right:0}.topbar{padding:0 15px}.content-area{padding:20px 16px 36px}.employee-360-hero{align-items:flex-start}.employee-360-target{width:220px}} @media(max-width:720px){.employee-360-hero{flex-direction:column}.employee-360-target{width:100%}.metrics-grid-6{grid-template-columns:repeat(2,1fr)}.employee-360-side{grid-template-columns:1fr}.search-overlay{padding-top:4vh}.search-hint>span:last-child{display:none}.search-result-item{grid-template-columns:34px 1fr}.search-result-meta{display:none}} @media(max-width:520px){.employee-360-nav{align-items:flex-start;flex-direction:column}.employee-360-actions{width:100%}.employee-360-actions .btn{flex:1}.employee-identity{align-items:flex-start}.employee-360-avatar{width:64px;height:64px}.employee-identity h2{font-size:20px}.metrics-grid-6{grid-template-columns:1fr 1fr}.metric-card{padding:12px}.metric-card strong{font-size:16px}.top-actions .user-chip>span:last-child{display:none}} .health-list{display:flex;flex-direction:column}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.health-list>div:last-child{border-bottom:0}.health-list span{font-size:9px;color:var(--muted)}.health-list b{font-size:9px}.health-ok{color:var(--green)}.health-warn{color:#b36a16}.system-health-card .settings-note{margin-bottom:0}.account-activity-grid{grid-template-columns:repeat(3,1fr)} @media(max-width:820px){.account-activity-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.account-activity-grid{grid-template-columns:1fr}} /* ===== CRM 360 v0.5.0 ===== */ .crm-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.crm-page-head h2{margin:2px 0 4px;font-size:24px;color:var(--char)}.crm-page-head p{margin:0;color:var(--muted);font-size:11px}.section-kicker{display:block;color:var(--red);font-size:9px;font-weight:900;letter-spacing:.03em}.pipeline-summary{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:14px}.pipeline-summary-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 12px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:8px;transition:.18s}.pipeline-summary-item:hover,.pipeline-summary-item.is-active{border-color:color-mix(in srgb,var(--red) 35%,#dbe1e6);transform:translateY(-1px)}.pipeline-summary-item.is-active{box-shadow:inset 0 -2px 0 var(--red),var(--shadow-sm)}.pipeline-summary-item span{font-size:9px;color:var(--muted);font-weight:800}.pipeline-summary-item strong{font-size:17px;color:var(--char)}.crm-toolbar{align-items:center}.view-switcher{display:flex;border:1px solid var(--line);background:#fff;border-radius:11px;padding:3px;gap:2px}.view-switcher a{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:8px;color:var(--muted);font-size:10px;font-weight:800}.view-switcher a.active{background:var(--char);color:#fff}.table-sub{display:block;color:var(--muted);font-size:9px;margin-top:2px;font-weight:400}.quality-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900}.quality-good{background:#e9f8f1;color:#118657}.quality-mid{background:#fff4df;color:#a8690b}.quality-low{background:#fdebed;color:#b71829}.followup-cell{font-size:10px}.followup-cell.overdue{color:var(--red);font-weight:900}.row-overdue td:first-child{box-shadow:inset -3px 0 0 #e54a59}.crm-table-card{padding:0;overflow:hidden}.crm-table-card .table-wrap{margin:0}.crm-table-card th:first-child,.crm-table-card td:first-child{padding-right:18px} .crm-kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}.kanban-column{background:#eef2f5;border:1px solid #e1e6eb;border-radius:16px;padding:9px;min-height:430px;transition:.18s}.kanban-column.is-drop-target{background:#fceff1;border-color:color-mix(in srgb,var(--red) 35%,#e1e6eb)}.kanban-column-head{display:flex;justify-content:space-between;align-items:flex-start;gap:7px;padding:4px 3px 10px}.kanban-column-head>div{display:flex;align-items:center;gap:6px}.kanban-column-head b{background:#fff;border:1px solid #dfe5ea;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-size:9px}.kanban-column-head small{font-size:7px;color:#929da7;max-width:80px;line-height:1.35}.kanban-cards{display:flex;flex-direction:column;gap:8px;min-height:360px}.lead-kanban-card{background:#fff;border:1px solid #dfe5ea;border-radius:13px;padding:12px;box-shadow:0 4px 12px rgba(31,41,51,.04);cursor:grab;transition:.18s}.lead-kanban-card:hover{border-color:#cfd7de;transform:translateY(-1px);box-shadow:0 7px 18px rgba(31,41,51,.07)}.lead-kanban-card.is-dragging{opacity:.45;transform:rotate(1deg)}.lead-kanban-card.is-overdue{border-right:3px solid var(--red)}.lead-card-top{display:flex;align-items:start;justify-content:space-between;gap:7px}.lead-card-top a{font-size:11px;font-weight:900;color:var(--char);line-height:1.4}.lead-kanban-card p{font-size:8px;color:var(--muted);margin:5px 0 9px;line-height:1.55}.lead-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#586672;padding-top:7px;border-top:1px solid #eef1f4}.lead-card-followup{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px;padding:6px 7px;border-radius:8px;background:#f8fafb;font-size:7px}.lead-card-followup b{color:#788590}.lead-card-followup span{color:#48545f}.lead-card-followup.overdue{background:#fff0f2}.lead-card-followup.overdue b,.lead-card-followup.overdue span{color:#bd2333}.kanban-empty{display:none;text-align:center;border:1px dashed #cfd7de;border-radius:11px;padding:18px 7px;color:#9aa5ae;font-size:8px}.kanban-cards>.kanban-empty:only-child{display:block} .lead-form-shell{display:flex;flex-direction:column}.form-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.form-section-head h3{margin:2px 0 3px;font-size:16px}.form-section-head p{margin:0;color:var(--muted);font-size:9px}.form-section-spaced{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.required-note{font-size:8px;color:var(--muted);background:#f5f7f9;border-radius:999px;padding:4px 8px}.field-help{display:block;font-size:8px;color:#929da7;margin-top:4px}.duplicate-check-card{border:1px solid #efc45f;background:#fff9e9;border-radius:12px;padding:11px 13px;margin-top:12px}.duplicate-check-head{display:flex;flex-direction:column;margin-bottom:7px}.duplicate-check-head b{font-size:10px;color:#87580c}.duplicate-check-head span{font-size:8px;color:#9c762e}.duplicate-match{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;background:#fff;border:1px solid #f1dfae;border-radius:8px;margin-top:5px}.duplicate-match span b,.duplicate-match span small{display:block}.duplicate-match span b{font-size:9px}.duplicate-match span small{font-size:7px;color:var(--muted)}.duplicate-match em{font-size:7px;font-style:normal;font-weight:800;color:#a36d13}.duplicate-match[href]:hover{border-color:#daa636} .lead360-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.lead360-topbar>a{font-size:9px;color:var(--muted);font-weight:800}.lead360-top-actions{display:flex;gap:6px;flex-wrap:wrap}.lead360-hero{background:linear-gradient(125deg,var(--char),color-mix(in srgb,var(--char) 83%,#61707e));border-radius:22px;padding:23px 25px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:13px}.lead360-hero:after{content:"";position:absolute;left:-35px;bottom:-90px;width:230px;height:230px;border-radius:50%;border:38px solid color-mix(in srgb,var(--red) 22%,transparent)}.lead360-hero.has-overdue{box-shadow:inset 0 3px 0 #ef6572,var(--shadow-md)}.lead360-identity{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.company-mark{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#fff,#f0f3f5);color:var(--red);display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 0 0 5px rgba(255,255,255,.07)}.lead360-badges{display:flex;align-items:center;gap:6px;margin-bottom:5px}.lead360-identity h2{font-size:25px;margin:0;color:#fff}.lead360-identity p{margin:3px 0 0;color:#d8dfe5;font-size:10px}.lead360-owner{min-width:220px;position:relative;z-index:1;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:13px 15px}.lead360-owner span,.lead360-owner strong,.lead360-owner small{display:block}.lead360-owner span{font-size:8px;color:#bfc8d0}.lead360-owner strong{font-size:14px;margin:2px 0}.lead360-owner small{font-size:8px;color:#cdd4da}.lead360-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.lead360-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.62fr);gap:15px;align-items:start}.lead360-main,.lead360-side{min-width:0}.lead360-card,.lead360-side-card{margin-bottom:14px}.timeline-count{font-size:8px;color:var(--muted);background:#f2f5f7;border-radius:999px;padding:4px 8px;font-weight:800}.crm-timeline{position:relative}.crm-timeline-item{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:0 0 17px;position:relative}.crm-timeline-item:not(:last-child):after{content:"";position:absolute;right:14px;top:30px;bottom:0;width:1px;background:#e2e7eb}.timeline-symbol{width:29px;height:29px;border-radius:9px;background:#f1f4f6;color:#5c6975;display:grid;place-items:center;font-size:10px;font-weight:900;position:relative;z-index:1}.timeline-activity .timeline-symbol{background:#edf4ff;color:#3974d4}.timeline-deal .timeline-symbol{background:#fff2e8;color:#ad5d24}.timeline-owner .timeline-symbol{background:#f1edff;color:#7158b9}.timeline-won .timeline-symbol,.timeline-task_done .timeline-symbol{background:#eaf8f1;color:#159a62}.timeline-lost .timeline-symbol{background:#fdebed;color:#bd2333}.timeline-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timeline-title b{font-size:10px}.timeline-title time{font-size:7px;color:#9aa5ae;white-space:nowrap}.timeline-body p{font-size:9px;line-height:1.65;color:#62707c;margin:3px 0}.timeline-body small{font-size:7px;color:#9aa4ae}.crm-deal-list{display:flex;flex-direction:column}.crm-deal-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.crm-deal-row>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.crm-deal-row b{font-size:10px}.crm-deal-row small{font-size:8px;color:var(--muted);grid-column:2}.crm-deal-row>div:last-child{text-align:left}.crm-deal-row strong,.crm-deal-row>div:last-child small{display:block}.crm-deal-row strong{font-size:11px}.inline-create-panel{margin-top:12px;border:1px dashed #d7dee4;border-radius:12px;padding:0 11px;background:#fafbfc}.inline-create-panel summary{cursor:pointer;padding:9px 0;font-size:9px;font-weight:900;color:#56636f}.inline-create-panel[open] summary{border-bottom:1px solid #e7ebee;margin-bottom:12px}.compact-form{padding-bottom:11px}.compact-form label{font-size:8px}.form-action-cell{display:flex;align-items:end}.task-overdue{border-right:3px solid var(--red);padding-right:10px}.btn-block{width:100%;justify-content:center}.lost-reason-note{margin-top:10px;padding:9px 10px;background:#fff0f2;border-radius:10px}.lost-reason-note b{font-size:8px;color:#b71d2d}.lost-reason-note p{font-size:9px;margin:2px 0 0}.quality-score-big{font-size:16px;color:var(--red)}.progress-quality{height:7px;margin-bottom:10px}.quality-checklist{display:flex;flex-direction:column}.quality-checklist>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--line)}.quality-checklist>div:last-child{border-bottom:0}.quality-checklist>div>span{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-size:8px;font-weight:900}.quality-checklist b{font-size:8px}.quality-checklist small{font-size:7px;color:#9aa4ae}.quality-checklist .is-complete>span{background:#eaf8f1;color:#138457}.quality-checklist .is-missing>span{background:#fff2df;color:#ad6a09}.quality-checklist .is-missing b{color:#8c641f}.lead-info-list{margin:0}.lead-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.lead-info-list>div:last-child{border-bottom:0}.lead-info-list dt{font-size:8px;color:var(--muted)}.lead-info-list dd{font-size:8px;font-weight:800;margin:0;text-align:left;max-width:60%;overflow:hidden;text-overflow:ellipsis}.lead-notes{margin-top:11px;background:#f7f9fa;border-radius:10px;padding:9px 10px}.lead-notes b{font-size:8px}.lead-notes p{margin:2px 0 0;font-size:8px;color:#65727e;line-height:1.65}.ownership-card .settings-note{font-size:8px}.ownership-history{margin-top:12px;border-top:1px solid var(--line);padding-top:9px}.ownership-history>b{font-size:8px}.ownership-history>div{padding:6px 0;border-bottom:1px solid var(--line)}.ownership-history span,.ownership-history small{display:block}.ownership-history span{font-size:8px;font-weight:800}.ownership-history small{font-size:7px;color:var(--muted)}.deal-lost-reason{min-width:150px}.app-toast{position:fixed;left:22px;bottom:22px;z-index:150;background:#26313b;color:#fff;border-radius:12px;padding:11px 15px;font-size:10px;font-weight:800;box-shadow:0 15px 45px rgba(19,27,35,.25);opacity:0;transform:translateY(12px);transition:.22s;max-width:360px}.app-toast.show{opacity:1;transform:translateY(0)}.app-toast-success{background:#157a51}.app-toast-error{background:#b51d2d} @media(max-width:1350px){.pipeline-summary{grid-template-columns:repeat(4,1fr)}.lead360-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr)}} @media(max-width:1050px){.lead360-layout{grid-template-columns:1fr}.lead360-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead360-side>.card{margin-bottom:0}.lead360-metrics{grid-template-columns:1fr 1fr}.crm-kanban{grid-template-columns:repeat(6,250px)}} @media(max-width:760px){.crm-page-head,.lead360-topbar,.lead360-hero{align-items:flex-start;flex-direction:column}.pipeline-summary{grid-template-columns:repeat(2,1fr)}.crm-toolbar{align-items:stretch;flex-direction:column}.crm-toolbar .filters{width:100%}.view-switcher{align-self:flex-start}.lead360-owner{width:100%;min-width:0}.lead360-side{grid-template-columns:1fr}.lead360-metrics{grid-template-columns:1fr 1fr}.lead360-top-actions{width:100%}.lead360-top-actions .btn{flex:1}.crm-deal-row{align-items:flex-start}.compact-form{grid-template-columns:1fr}.compact-form .span-2{grid-column:auto}.form-action-cell{align-items:stretch}.form-action-cell .btn{width:100%}} @media(max-width:520px){.lead360-metrics{grid-template-columns:1fr}.lead360-identity{align-items:flex-start}.company-mark{width:48px;height:48px;border-radius:14px;font-size:20px}.lead360-identity h2{font-size:20px}.pipeline-summary-item{padding:9px}.crm-timeline-item{grid-template-columns:26px 1fr}.timeline-symbol{width:25px;height:25px}.crm-timeline-item:not(:last-child):after{right:12px;top:26px}.timeline-title{flex-direction:column;gap:1px}.app-toast{left:12px;right:12px;bottom:12px;max-width:none}} /* ===== Smart follow-up & notification center v0.6.0 ===== */ .welcome-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.attention-stat.has-attention{border-color:color-mix(in srgb,var(--red) 35%,#dfe5eb);box-shadow:0 12px 28px rgba(215,25,45,.08)} .action-center-card{overflow:hidden}.attention-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 18px}.attention-kpis a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e7ebef;border-radius:14px;background:#fafbfc;color:var(--char);text-decoration:none}.attention-kpis a:hover{border-color:#cfd6dd;background:#fff}.attention-kpis span{font-size:13px;color:#6e7882}.attention-kpis b{font-size:24px}.action-center-list{display:grid;gap:9px}.action-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e8ecef;border-radius:14px;text-decoration:none;color:var(--char);background:#fff;transition:.18s ease}.action-item:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(26,36,47,.07)}.action-signal{width:9px;height:42px;border-radius:999px;background:#aeb7c0}.action-item.severity-danger .action-signal{background:#d7192d}.action-item.severity-warning .action-signal{background:#e49b16}.action-item small{display:block;color:#87919a;font-size:11px;margin-bottom:2px}.action-item b{display:block;font-size:14px}.action-item p{margin:2px 0 0;color:#66717b;font-size:12px}.action-item time{font-size:11px;color:#89929b;white-space:nowrap}.action-arrow{font-size:20px;color:#a0a8b0}.empty-state-pro.small{padding:30px 16px}.empty-state-pro.small>span{width:42px;height:42px;font-size:20px} .notification-menu{position:relative}.notification-trigger{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid #e2e7eb;background:#fff;color:var(--char);display:grid;place-items:center;cursor:pointer;font-size:20px}.notification-trigger:hover,.notification-trigger.has-unread{border-color:color-mix(in srgb,var(--red) 35%,#e2e7eb);background:#fff8f9}.notification-trigger b{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.notification-popover{position:absolute;top:calc(100% + 10px);left:0;width:min(390px,calc(100vw - 28px));z-index:90;background:#fff;border:1px solid #e2e7eb;border-radius:18px;box-shadow:0 24px 60px rgba(18,28,39,.16);overflow:hidden}.notification-popover-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf0f2}.notification-popover-head b{display:block}.notification-popover-head small{display:block;color:#89929b;margin-top:2px}.notification-popover-head a{font-size:12px;color:var(--red);font-weight:700;text-decoration:none}.notification-popover-list{max-height:390px;overflow:auto}.notification-mini{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 15px;border-bottom:1px solid #f0f2f4;text-decoration:none;color:var(--char);background:#fff}.notification-mini.is-unread{background:#fffafb}.notification-mini:hover{background:#f8fafb}.notification-mini-signal{width:8px;height:36px;border-radius:999px;background:#8fa0ae}.notification-mini.severity-danger .notification-mini-signal{background:#d7192d}.notification-mini.severity-warning .notification-mini-signal{background:#e39a17}.notification-mini.severity-success .notification-mini-signal{background:#2f9e68}.notification-mini-main small{display:block;font-size:10px;color:#9aa2aa}.notification-mini-main b{display:block;font-size:13px;margin:2px 0}.notification-mini-main em{display:block;font-size:11px;line-height:1.6;color:#6f7982;font-style:normal}.notification-mini time{font-size:10px;color:#9aa2aa;white-space:nowrap}.notification-mini-empty{padding:28px 18px;text-align:center;color:#7a858f}.notification-mini-empty b,.notification-mini-empty span{display:block}.notification-mini-empty span{font-size:12px;margin-top:5px} .page-hero.compact-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:18px 20px;border:1px solid #e6eaee;border-radius:18px;background:linear-gradient(135deg,#fff,#fafbfc)}.page-hero.compact-hero h2{margin:3px 0 5px}.page-hero.compact-hero p{margin:0;color:#68737d}.notification-summary-bar{display:flex;gap:7px;align-items:center;margin:0 0 12px}.notification-summary-bar a{padding:9px 13px;border-radius:999px;background:#f1f4f6;text-decoration:none;color:#56616b;font-size:12px}.notification-summary-bar a.active{background:var(--char);color:#fff}.notification-summary-bar b{margin-inline-start:4px}.notification-page-card{padding:0;overflow:hidden}.notification-page-list{display:grid}.notification-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;padding:17px 18px;border-bottom:1px solid #eef1f3;align-items:center}.notification-row.is-unread{background:#fffafb}.notification-dot{width:9px;height:48px;border-radius:999px;background:#a7b1ba}.notification-row.severity-danger .notification-dot{background:#d7192d}.notification-row.severity-warning .notification-dot{background:#e39a17}.notification-row.severity-success .notification-dot{background:#2f9e68}.notification-row-top{display:flex;gap:10px;align-items:center}.notification-row-top time{font-size:11px;color:#9aa2aa}.notification-row-main h3{margin:5px 0 3px;font-size:15px}.notification-row-main p{margin:0;color:#6c7780;font-size:12px}.notification-row-actions{display:flex;gap:7px;align-items:center}.notice-badge{font-size:10px}.notice-danger{background:#fff0f2;color:#bd1628}.notice-warning{background:#fff7e6;color:#9d6805}.notice-success{background:#edf9f3;color:#267c53}.notice-info{background:#eef5fb;color:#3e6d92} .task-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.task-scope-grid a{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#fff;border:1px solid #e4e9ed;border-radius:14px;text-decoration:none;color:#616c75}.task-scope-grid a.active{border-color:var(--red);box-shadow:0 8px 22px rgba(215,25,45,.08)}.task-scope-grid b{font-size:22px;color:var(--char)}.task-workspace{align-items:start}.sticky-card{position:sticky;top:82px}.task-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:14px;padding:11px;background:#f7f9fa;border-radius:14px}.task-filters label{font-size:11px;color:#727d86}.task-filters select{margin-top:4px}.smart-task-list{display:grid;gap:9px}.smart-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px;border:1px solid #e5eaed;border-radius:15px;background:#fff}.smart-task.is-overdue{border-inline-start:4px solid #d7192d}.smart-task.done{opacity:.72;background:#fafbfb}.task-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.task-type{font-size:10px;padding:4px 7px;border-radius:999px;background:#edf1f4;color:#5f6b75}.smart-task h3{font-size:14px;margin:7px 0 3px}.task-meta,.task-description{margin:0;color:#75808a;font-size:11px}.task-description{margin-top:5px;line-height:1.65}.snooze-note{display:inline-block;margin-top:6px;color:#a16905;background:#fff6dc;padding:4px 8px;border-radius:8px}.smart-task-actions{display:flex;align-items:flex-start;gap:7px}.task-action-menu{position:relative}.task-action-menu summary{list-style:none;cursor:pointer;padding:7px 10px;border:1px solid #dfe5e9;border-radius:10px;font-size:11px}.task-action-menu summary::-webkit-details-marker{display:none}.task-action-pop{position:absolute;left:0;top:calc(100% + 7px);z-index:40;width:260px;background:#fff;border:1px solid #dfe5e9;border-radius:14px;box-shadow:0 18px 45px rgba(25,35,45,.14);padding:12px}.task-action-pop form+form{margin-top:10px;padding-top:10px;border-top:1px solid #edf0f2}.task-action-pop label{display:block;font-size:11px;color:#68747e}.task-action-pop input{margin:5px 0 8px} @media(max-width:900px){.attention-kpis,.task-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-filters{grid-template-columns:1fr 1fr}.sticky-card{position:static}.notification-row{grid-template-columns:8px minmax(0,1fr)}.notification-row-actions{grid-column:2}.action-item{grid-template-columns:8px minmax(0,1fr) 20px}.action-item time{grid-column:2}.smart-task{grid-template-columns:1fr}.smart-task-actions{justify-content:flex-start}.task-action-pop{right:0;left:auto}} @media(max-width:620px){.page-hero.compact-hero{align-items:flex-start;flex-direction:column}.attention-kpis,.task-scope-grid{grid-template-columns:1fr 1fr}.notification-popover{position:fixed;top:66px;left:14px;right:14px;width:auto}.task-filters{grid-template-columns:1fr}.action-item{padding:11px}.notification-row-actions{flex-wrap:wrap}} /* Font Awesome local icon library - v0.6.2 */ .sidebar nav a .nav-icon{width:25px;min-width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:15px;transition:.2s;background:rgba(255,255,255,.035)} .sidebar nav a .nav-icon i{font-size:13px} .sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{background:rgba(215,25,45,.2);color:#fff} .global-search-trigger i,.notification-trigger i,.top-settings i,.icon-btn i,.menu-btn i{font-size:.92em} .settings-icon i{font-size:15px} .icon-library-version{direction:ltr;display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1f4f6;color:#596674;font-size:9px;font-weight:900} .icon-library-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fafbfc;margin-bottom:15px} .icon-library-panel.is-ready{background:#f4fbf8;border-color:#cce9dc} .icon-library-main{display:flex;align-items:center;gap:14px;min-width:0}.icon-library-main>div{min-width:0} .icon-library-main b{display:block;font-size:13px;color:var(--char);margin-bottom:2px}.icon-library-main p{font-size:10px;color:var(--muted);margin:0;line-height:1.7} .icon-library-mark{width:48px;height:48px;min-width:48px;border-radius:14px;background:var(--char);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:0 8px 20px rgba(31,41,51,.12)} .icon-library-panel.is-ready .icon-library-mark{background:var(--red)}.icon-library-mark i{font-size:20px} .icon-library-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.icon-library-meta span{font-size:8px;font-weight:800;padding:3px 7px;background:#fff;border:1px solid #e2e7ec;border-radius:999px;color:#64717d} .icon-library-panel.is-ready .icon-library-meta span:first-child{color:var(--green);border-color:#cce9dc;background:#fff} .icon-library-actions{display:flex;align-items:end;flex-direction:column;gap:6px;min-width:190px}.icon-library-actions .font-source-link{font-size:8px} .icon-showcase{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:12px 0 15px}.icon-showcase span{height:47px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;color:#4b5864;transition:.18s}.icon-showcase span:hover{color:var(--red);border-color:#f1c2c8;transform:translateY(-1px);box-shadow:var(--shadow)}.icon-showcase i{font-size:16px} @media(max-width:820px){.icon-library-panel{align-items:stretch;flex-direction:column}.icon-library-actions{align-items:stretch;min-width:0}.icon-library-actions .btn{width:100%}.icon-showcase{grid-template-columns:repeat(5,1fr)}} @media(max-width:520px){.icon-library-main{align-items:flex-start}.icon-library-mark{width:42px;height:42px;min-width:42px}.icon-showcase{grid-template-columns:repeat(5,1fr);gap:6px}.icon-showcase span{height:42px}} /* ========================================================== FadiTec Icon UX System - v0.6.3 Semantic Font Awesome treatment across product surfaces. ========================================================== */ .fa-solid,.fa-regular,.fa-brands{line-height:1}.ui-icon-fallback{display:inline-grid;place-items:center;font-style:normal;line-height:1}.btn>i,.btn>.ui-icon-fallback,.text-action>i,.text-action>.ui-icon-fallback{width:1.15em;text-align:center;flex:0 0 auto}.status i,.badge i,.quality-pill i,.task-type i{margin-inline-end:4px}.eyebrow i,.section-kicker i{margin-inline-end:5px}.table-link i{font-size:.86em;margin-inline-end:4px;color:#77838f}.table-icon-text{display:inline-flex;align-items:center;gap:5px}.table-icon-text i{color:#87939e;font-size:.86em} /* Icon color tokens */ .tone-red{color:var(--red)!important;background:#fff0f2!important}.tone-green{color:var(--green)!important;background:#edf9f3!important}.tone-blue{color:var(--blue)!important;background:#eef5ff!important}.tone-amber{color:var(--amber)!important;background:#fff7e7!important}.tone-violet{color:#7257c7!important;background:#f2efff!important} /* Section headings */ .section-title>div:has(>.section-icon){display:flex;align-items:flex-start;gap:10px;min-width:0}.section-title>div:has(>.section-icon)>div{min-width:0}.section-icon,.form-head-icon{width:36px;height:36px;min-width:36px;border-radius:11px;display:grid;place-items:center;background:#f2f5f7;color:#5c6874;font-size:14px}.section-icon i,.form-head-icon i{font-size:14px}.text-action{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}.settings-section-head .settings-icon{display:grid;place-items:center}.settings-section-head .settings-icon i{font-size:15px} /* KPI and metric cards */ .stat-card.stat-icon-card{display:flex;align-items:center;gap:14px;padding:18px 19px}.stat-card.stat-icon-card:before{width:3px}.stat-card.stat-icon-card>div{min-width:0;flex:1}.stat-icon{width:44px;height:44px;min-width:44px;border-radius:13px;display:grid!important;place-items:center;font-size:17px}.stat-icon i{font-size:17px}.stat-card.stat-icon-card strong{margin:3px 0;font-size:23px}.stat-card.stat-icon-card small{display:block;white-space:normal;line-height:1.45} .metric-card.metric-icon-card{display:flex;align-items:center;gap:10px;padding:13px 14px}.metric-card.metric-icon-card>div{min-width:0;flex:1}.metric-icon{width:37px;height:37px;min-width:37px;border-radius:11px;display:grid!important;place-items:center}.metric-icon i{font-size:14px}.metric-card.metric-icon-card strong{margin:2px 0}.metric-card.metric-icon-card:before{width:3px} /* Dashboard actions */ .attention-kpis a{justify-content:flex-start}.attention-kpis a>div{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:1}.kpi-icon{width:38px;height:38px;min-width:38px;border-radius:11px;display:grid!important;place-items:center}.kpi-icon i{font-size:14px}.action-signal:has(i),.action-signal:has(.ui-icon-fallback){width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1f4f6;color:#75828e}.action-item{grid-template-columns:34px minmax(0,1fr) auto 24px}.action-item.severity-danger .action-signal{background:#fff0f2;color:var(--red)}.action-item.severity-warning .action-signal{background:#fff7e7;color:var(--amber)}.action-item.severity-info .action-signal{background:#eef5ff;color:var(--blue)}.action-arrow{display:grid;place-items:center}.row-icon{width:31px;height:31px;min-width:31px;border-radius:9px;display:grid;place-items:center}.task-row:has(>.row-icon){justify-content:flex-start}.task-row:has(>.row-icon)>div{flex:1} /* CRM */ .pipeline-summary-icons .pipeline-summary-item{justify-content:flex-start}.pipeline-summary-icons .pipeline-summary-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1}.pipeline-stage-icon{width:30px;height:30px;min-width:30px;border-radius:9px;display:grid!important;place-items:center;background:#f3f6f8;color:#697783}.pipeline-summary-item.is-active .pipeline-stage-icon{background:#fdebed;color:var(--red)}.pipeline-stage-icon i{font-size:11px}.input-with-icon{position:relative;display:block}.input-with-icon>i,.input-with-icon>.ui-icon-fallback{position:absolute;right:11px;top:50%;transform:translateY(-50%);z-index:2;color:#8a96a1;font-size:12px}.input-with-icon input{padding-right:34px!important}.filters .input-with-icon{min-width:280px}.filters .input-with-icon input{min-width:0}.view-switcher a i{font-size:11px}.kanban-stage-mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#fff;color:#667581;border:1px solid #dde4e9}.kanban-stage-mark i{font-size:9px}.kanban-column-head small{display:inline-flex;align-items:center;gap:3px}.lead-card-top a,.lead-card-meta span,.lead-card-followup b{display:inline-flex;align-items:center;gap:4px}.lead-card-top a i,.lead-card-meta i,.lead-card-followup i{font-size:.9em}.kanban-empty i{margin-inline-end:4px}.quality-pill i{font-size:.8em}.lead360-top-actions .btn i{font-size:11px}.timeline-symbol i{font-size:11px}.quality-checklist>div>span{display:grid!important;place-items:center}.quality-checklist>div>span i{font-size:10px}.inline-create-panel summary{display:flex;align-items:center;gap:6px}.lead-info-list dt:before{font-family:"Font Awesome 7 Free";font-weight:900;margin-inline-end:5px;color:#9aa4ae} /* Forms */ .form-section-head>div:has(>.form-head-icon){display:flex;align-items:flex-start;gap:10px}.form-section-head>div:has(>.form-head-icon)>div{min-width:0}.file-drop:has(input[type=file]){position:relative}.file-drop:before{content:"\f093";font-family:"Font Awesome 7 Free";font-weight:900;margin-inline-end:6px;color:var(--red)} /* Tasks */ .task-scope-grid a span{display:inline-flex;align-items:center;gap:6px}.task-scope-grid a span i{width:16px;text-align:center}.task-type{display:inline-flex;align-items:center;gap:4px}.task-action-menu summary{display:flex;align-items:center;gap:6px}.snooze-note:before{content:"\f017";font-family:"Font Awesome 7 Free";font-weight:900;margin-inline-end:5px} /* Notifications */ .notification-summary-bar a{display:inline-flex;align-items:center;gap:5px}.notification-dot{width:34px!important;height:34px!important;border-radius:10px!important;display:grid;place-items:center;background:#eef2f5!important;color:#67747f}.notification-dot i{font-size:12px}.notification-row{grid-template-columns:34px minmax(0,1fr) auto}.notification-row.severity-danger .notification-dot{background:#fff0f2!important;color:var(--red)}.notification-row.severity-warning .notification-dot{background:#fff7e7!important;color:var(--amber)}.notification-row.severity-success .notification-dot{background:#edf9f3!important;color:var(--green)}.notification-row.severity-info .notification-dot{background:#eef5ff!important;color:var(--blue)} /* Empty states */ .empty-state.compact{display:flex;align-items:center;justify-content:center;gap:9px;white-space:normal;min-height:70px;color:var(--muted)}.empty-state.compact p{margin:0}.empty-icon{width:38px;height:38px;border-radius:11px;background:#f2f5f7;color:#73808b;display:grid!important;place-items:center;font-size:15px}.empty-state-pro .empty-icon{margin:0 auto 8px}.empty-state-pro .empty-icon i{font-size:17px} /* Settings icon library */ .icon-showcase-expanded{grid-template-columns:repeat(8,minmax(0,1fr))}.icon-showcase-expanded span{height:68px;display:flex;flex-direction:column;gap:6px}.icon-showcase-expanded span small{font-size:7px;color:var(--muted);font-weight:700}.icon-showcase-expanded span:hover small{color:var(--red)}.icon-library-meta span{display:inline-flex;align-items:center;gap:4px} /* User / profile */ .employee-360-actions .btn,.employee-edit-nav .btn{gap:6px}.audit-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#fff0f2}.employee-photo-card h3 i{margin-inline-end:5px;color:var(--red)} /* Academy */ .course-icon i{font-size:18px}.academy-hero .eyebrow{display:inline-flex;align-items:center;gap:5px}.lesson-card .eyebrow{display:inline-flex;align-items:center;gap:5px} /* Login */ .login-copy .eyebrow{display:inline-flex;align-items:center;gap:5px}.login-card label>i{color:#88949f;margin-inline-end:5px;font-size:11px} @media(max-width:900px){.action-item{grid-template-columns:34px minmax(0,1fr) 20px}.notification-row{grid-template-columns:34px minmax(0,1fr)}.icon-showcase-expanded{grid-template-columns:repeat(4,1fr)}} @media(max-width:620px){.stat-card.stat-icon-card{padding:14px}.stat-icon{width:38px;height:38px;min-width:38px}.pipeline-summary-icons .pipeline-summary-item{padding:8px}.pipeline-stage-icon{width:26px;height:26px;min-width:26px}.icon-showcase-expanded{grid-template-columns:repeat(3,1fr)}} .notification-mini:has(.notification-mini-signal i){grid-template-columns:32px minmax(0,1fr) auto;align-items:center}.notification-mini-signal:has(i){width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef2f5!important;color:#6d7985}.notification-mini-signal i{font-size:11px}.notification-mini.severity-danger .notification-mini-signal:has(i){background:#fff0f2!important;color:var(--red)}.notification-mini.severity-warning .notification-mini-signal:has(i){background:#fff7e7!important;color:var(--amber)}.notification-mini.severity-success .notification-mini-signal:has(i){background:#edf9f3!important;color:var(--green)}.notification-mini.severity-info .notification-mini-signal:has(i){background:#eef5ff!important;color:var(--blue)}.search-result-icon i{font-size:13px} /* Font Awesome activation reminder - v0.6.3 */ .icon-library-alert{display:flex;align-items:center;gap:12px;background:#fff8e7;border:1px solid #f1d996;border-radius:14px;padding:11px 13px;margin-bottom:16px;color:#6d5520;box-shadow:0 7px 22px rgba(139,102,28,.05)} .icon-library-alert-mark{width:34px;height:34px;border-radius:10px;background:#ffecb3;color:#976b05;display:grid;place-items:center;font-size:18px;font-weight:900;flex:0 0 auto}.icon-library-alert>div{flex:1;min-width:0}.icon-library-alert b,.icon-library-alert small{display:block}.icon-library-alert small{margin-top:1px;color:#876d31;font-size:11px}.icon-library-alert .btn{white-space:nowrap} @media(max-width:700px){.icon-library-alert{align-items:flex-start;flex-wrap:wrap}.icon-library-alert .btn{width:100%}} /* ===== FadiTec Business Hub v0.7.0 - Financial Control ===== */ .status-ready{background:#eef2ff;color:#4f46a5}.status-cancelled{background:#f1f3f5;color:#66717c}.status-refunded{background:#fdebed;color:#ba2435}.status-scheduled{background:#edf4ff;color:#3974d4}.status-settled{background:#e5f7ef;color:#128153}.btn-danger{background:#b42332;color:#fff}.btn-danger:hover{background:#941b28}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.check-row{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#f7f9fa;border:1px solid var(--line);border-radius:11px}.check-row input{width:auto;margin:0}.check-row span{font-size:12px}.financial-kpis .stat-card:before,.financial-overview .stat-card:before{width:3px}.financial-overview{grid-template-columns:repeat(6,1fr)}.financial-overview .stat-card{padding:17px}.financial-overview .stat-card strong{font-size:20px}.manager-finance-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-6px 0 20px}.manager-finance-strip>a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;box-shadow:var(--shadow)}.manager-finance-strip small,.manager-finance-strip b{display:block}.manager-finance-strip small{color:var(--muted);font-size:10px}.manager-finance-strip b{font-size:14px;margin-top:2px}.deal-workspace{grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr)}.pro-deal-list .deal-card-financial{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:center}.deal-card-main h4 a{display:inline-flex;align-items:center;gap:6px}.deal-card-badges{display:flex;gap:6px;align-items:center}.mini-progress{height:5px;background:#edf0f3;border-radius:999px;overflow:hidden;margin-top:8px}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ea6572);border-radius:999px}.deal-card-main>small{color:var(--muted);font-size:9px}.deal-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:center}.deal-finance>div{background:#fff;border:1px solid #edf0f3;border-radius:10px;padding:8px}.deal-finance span,.deal-finance b,.deal-finance strong{display:block}.deal-finance span{font-size:8px;color:var(--muted)}.deal-finance b,.deal-finance strong{font-size:11px;margin-top:2px}.deal-finance .btn{grid-column:1/-1}.deal360-hero{background:linear-gradient(130deg,var(--char),#37414b);color:#fff;border-radius:20px;padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;box-shadow:var(--shadow);position:relative;overflow:hidden}.deal360-hero:after{content:"";position:absolute;left:-60px;bottom:-100px;width:250px;height:250px;border-radius:50%;border:45px solid rgba(215,25,45,.13)}.deal360-hero>div{position:relative;z-index:1}.deal360-badges{display:flex;align-items:center;gap:7px}.deal360-id{font-size:10px;color:#c9d1d8}.deal360-hero h2{font-size:25px;margin:7px 0 3px;color:#fff}.deal360-hero p{margin:0;color:#cbd3d9;font-size:11px}.deal360-value{text-align:left;min-width:190px}.deal360-value span,.deal360-value strong,.deal360-value small{display:block}.deal360-value span{font-size:10px;color:#c3ccd3}.deal360-value strong{font-size:25px}.deal360-value small{font-size:9px;color:#d5dce1}.deal360-kpis{grid-template-columns:repeat(4,1fr)}.collection-progress-card{padding-top:15px;padding-bottom:15px}.deal360-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:16px;align-items:start}.deal360-layout>main,.deal360-layout>aside{min-width:0}.installment-list{display:flex;flex-direction:column}.installment-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.installment-row:last-child{border-bottom:0}.installment-row.is-overdue{background:linear-gradient(90deg,transparent,#fff5f6);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:10px}.installment-icon{width:32px;height:32px;border-radius:10px;background:#f1f4f6;color:#64727e;display:grid;place-items:center}.installment-row.is-overdue .installment-icon{background:#fdebed;color:var(--red)}.installment-row>div:nth-child(2) b,.installment-row>div:nth-child(2) small{display:block}.installment-row>div:nth-child(2) small{font-size:9px;color:var(--muted)}.installment-money{text-align:left;min-width:120px}.installment-money strong,.installment-money small{display:block}.installment-money strong{font-size:12px}.installment-money small{font-size:8px;color:var(--muted);margin-bottom:4px}.row-actions{position:relative}.row-actions>summary{cursor:pointer;list-style:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f2f5f7}.row-actions>form{position:absolute;left:0;top:34px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;box-shadow:0 12px 30px rgba(31,41,51,.13);width:220px}.row-actions input{margin-bottom:7px}.finance-timeline{display:flex;flex-direction:column}.finance-timeline>div{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.finance-timeline>div>span{width:25px;height:25px;border-radius:8px;background:#f1f4f6;display:grid;place-items:center;color:#687580}.finance-timeline p{margin:0}.finance-timeline b,.finance-timeline small,.finance-timeline time{display:block}.finance-timeline b{font-size:9px}.finance-timeline small,.finance-timeline time{font-size:7px;color:var(--muted)}.payments-layout{grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr)}.compact-filter{margin-bottom:12px}.payment-ledger{display:flex;flex-direction:column}.payment-ledger-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.payment-ledger-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3f6f8}.payment-ledger-icon.tone-green{background:#eaf8f1;color:var(--green)}.payment-ledger-icon.tone-amber{background:#fff4d9;color:var(--amber)}.payment-ledger-icon.tone-red{background:#fdebed;color:var(--red)}.payment-ledger-main>div{display:flex;align-items:center;gap:7px}.payment-ledger-main>a{font-size:10px;font-weight:800}.payment-ledger-main small{display:block;font-size:8px;color:var(--muted)}.payment-ledger-amount{text-align:left}.payment-ledger-amount strong,.payment-ledger-amount small{display:block}.payment-ledger-amount strong{font-size:13px}.payment-ledger-amount small{font-size:8px;color:var(--muted)}.payment-ledger-actions,.commission-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.payment-ledger-actions details,.commission-actions details{position:relative}.payment-ledger-actions summary,.commission-actions summary{list-style:none;cursor:pointer}.mini-action-form{position:absolute;left:0;top:38px;z-index:25;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;box-shadow:0 12px 32px rgba(31,41,51,.15);width:230px}.mini-action-form input{margin-bottom:7px}.finance-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.finance-month-list{display:flex;flex-direction:column;gap:10px}.finance-month-list>div>span{font-size:9px;font-weight:800}.finance-month-list small{font-size:8px;color:var(--muted)}.finance-bars{display:flex;flex-direction:column;gap:3px;margin:4px 0}.finance-bars i{display:block;height:6px;border-radius:999px}.finance-bars .sales{background:#7964c8}.finance-bars .collected{background:var(--green)}.commission-rule-grid{grid-template-columns:minmax(280px,.45fr) minmax(0,1.55fr)}.compact-card-form{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:13px}.rule-list{display:flex;flex-direction:column}.rule-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.rule-list b,.rule-list small{display:block}.rule-list small{font-size:8px;color:var(--muted)}.rule-list strong{font-size:13px}.commission-actions details{display:inline-block} @media(max-width:1250px){.financial-overview{grid-template-columns:repeat(3,1fr)}.deal360-layout{grid-template-columns:1fr}.deal360-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.deal360-layout>aside .card{margin-bottom:0}.deal-workspace,.payments-layout,.finance-main-grid,.commission-rule-grid{grid-template-columns:1fr}.pro-deal-list .deal-card-financial{grid-template-columns:1fr}.deal-finance{grid-template-columns:repeat(3,1fr)}} @media(max-width:820px){.manager-finance-strip{grid-template-columns:1fr 1fr}.deal360-hero{flex-direction:column;align-items:flex-start}.deal360-value{text-align:right}.deal360-layout>aside{grid-template-columns:1fr}.installment-row{grid-template-columns:32px 1fr auto}.installment-row>.row-actions{grid-column:3}.payment-ledger-row{grid-template-columns:34px 1fr auto}.payment-ledger-actions{grid-column:2/-1}.financial-overview{grid-template-columns:1fr 1fr}.deal-finance{grid-template-columns:1fr 1fr}} @media(max-width:520px){.manager-finance-strip,.financial-overview,.deal360-kpis{grid-template-columns:1fr}.deal-finance{grid-template-columns:1fr}.installment-row{grid-template-columns:30px 1fr}.installment-money,.row-actions{grid-column:2;text-align:right}.payment-ledger-row{grid-template-columns:32px 1fr}.payment-ledger-amount,.payment-ledger-actions{grid-column:2;text-align:right}.mini-action-form{left:auto;right:0}.deal360-hero h2{font-size:20px}} /* ===== FadiTec Business Hub v0.8.0 - Training 2.0 + Performance ===== */ .academy-hero-pro,.performance-hero,.compact-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.academy-hero-pro .btn,.performance-hero .btn,.compact-hero .btn{flex:0 0 auto}.training-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.training-priority{border-top:3px solid var(--red)}.assignment-list{display:flex;flex-direction:column}.assignment-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.assignment-row:last-child{border-bottom:0}.assignment-row.is-late{background:linear-gradient(90deg,transparent,#fff5f6);margin-inline:-10px;padding-inline:10px;border-radius:12px}.assignment-main>div{display:flex;gap:8px;align-items:center}.assignment-main b,.assignment-main small{display:block}.assignment-main small{font-size:9px;color:var(--muted);margin:3px 0 6px}.assignment-meta{text-align:left;min-width:80px}.assignment-meta b,.assignment-meta small{display:block}.assignment-meta b{font-size:13px}.assignment-meta small{font-size:8px;color:var(--muted)}.course-card-pro{position:relative;overflow:hidden}.course-card-pro:before{content:"";position:absolute;inset-inline-start:0;top:0;width:3px;height:100%;background:linear-gradient(var(--red),#f07580)}.course-card-top{display:flex;justify-content:space-between;align-items:center}.course-category{display:block;font-size:8px;color:var(--red);font-weight:800;margin:8px 0 2px}.course-facts{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:9px;margin:8px 0}.course-facts span{display:inline-flex;align-items:center;gap:4px}.practical-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.practical-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.practical-card.status-border-needs_revision{border-color:#f4c6cb}.practical-head{display:flex;justify-content:space-between;gap:10px}.practical-head b,.practical-head small{display:block}.practical-head small{font-size:8px;color:var(--muted)}.practical-card>p{font-size:10px;line-height:1.9;color:#4e5a64}.training-feedback{display:grid;grid-template-columns:1fr auto;gap:3px 10px;background:#fff8e5;border:1px solid #f3dfad;border-radius:10px;padding:10px;margin:10px 0}.training-feedback b,.training-feedback span{grid-column:1}.training-feedback strong{grid-column:2;grid-row:1/3;font-size:18px}.practical-submit{margin-top:12px}.training-breadcrumb{margin-bottom:10px;font-size:10px}.training-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:800}.course-hero{margin-bottom:12px}.course-progress-ring,.performance-main-score{width:116px;height:116px;border:9px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.course-progress-ring strong,.performance-main-score strong{font-size:26px;line-height:1}.course-progress-ring span,.performance-main-score small,.performance-main-score span{font-size:8px;margin-top:4px;color:#dbe2e7}.training-assignment-note{display:flex;gap:10px;align-items:center;background:#fff8e8;border:1px solid #f4dfad;border-radius:12px;padding:11px 13px;margin-bottom:12px}.training-assignment-note>span{width:32px;height:32px;border-radius:10px;background:#ffecbd;color:#a77606;display:grid;place-items:center}.training-assignment-note b,.training-assignment-note small{display:block}.training-assignment-note small{font-size:9px;color:#8d742f}.training-lesson-list{display:flex;flex-direction:column}.training-lesson-row{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.training-lesson-row:last-child{border-bottom:0}.training-lesson-row.is-done{opacity:.8}.lesson-number{width:34px;height:34px;border-radius:11px;background:#f1f4f7;color:#53616d;display:grid;place-items:center;font-weight:900}.is-done .lesson-number{background:#e6f7ef;color:var(--green)}.training-lesson-row b,.training-lesson-row small{display:block}.training-lesson-row small{font-size:8px;color:var(--muted)}.quiz-launch-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center}.quiz-launch-icon{width:52px;height:52px;border-radius:16px;background:#f0edff;color:#6b59bc;display:grid;place-items:center;font-size:22px}.quiz-launch-card h3{margin:2px 0}.quiz-launch-card p{margin:0;color:var(--muted);font-size:9px}.quiz-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:8px;color:#697680;margin-top:7px}.lesson-card-pro header{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:17px}.lesson-card-pro .lesson-content{font-size:12px;line-height:2.15;max-width:850px}.resource-link{display:flex;align-items:center;gap:8px;background:#f7f9fa;border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin:10px 0;font-size:10px;font-weight:800}.lesson-practical{display:flex;gap:11px;background:#fff7e8;border:1px solid #f2dca7;border-radius:13px;padding:13px;margin:15px 0}.lesson-practical>span{font-size:18px;color:#a87707}.lesson-practical b,.lesson-practical p{display:block;margin:0}.lesson-practical p{font-size:10px;color:#6d5c34;margin-top:4px}.quiz-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(130deg,var(--char),#37414b);color:#fff;border-radius:19px;padding:22px 25px;margin-bottom:12px}.quiz-hero h2{color:#fff;margin:5px 0}.quiz-hero p{color:#cdd5db;margin:0}.quiz-score-rule{text-align:center;min-width:120px}.quiz-score-rule strong,.quiz-score-rule span,.quiz-score-rule small{display:block}.quiz-score-rule strong{font-size:29px}.quiz-score-rule span,.quiz-score-rule small{font-size:8px;color:#d8dfe4}.quiz-history{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.quiz-history span{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800}.quiz-history .is-pass{background:#e7f7ef;color:#137d52}.quiz-history .is-fail{background:#fff1df;color:#a3650b}.quiz-form{max-width:900px}.quiz-question{display:grid;grid-template-columns:42px 1fr;gap:12px}.question-number{width:36px;height:36px;border-radius:12px;background:var(--char);color:#fff;display:grid;place-items:center;font-weight:900}.question-body h3{font-size:13px;margin:4px 0 12px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-options label{cursor:pointer}.quiz-options input{position:absolute;opacity:0}.quiz-options span{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;font-size:10px}.quiz-options span i{width:24px;height:24px;border-radius:8px;background:#f0f3f5;display:grid;place-items:center;font-style:normal;text-transform:uppercase;font-weight:900}.quiz-options input:checked+span{border-color:var(--red);background:#fff6f7;box-shadow:0 0 0 2px rgba(215,25,45,.08)}.quiz-options input:checked+span i{background:var(--red);color:#fff}.training-admin-grid{display:grid;grid-template-columns:minmax(270px,.42fr) minmax(0,1.58fr);gap:14px;align-items:start}.training-admin-main{display:flex;flex-direction:column;gap:14px}.compact-form{align-items:end}.course-builder-list{display:flex;flex-direction:column;gap:9px}.course-builder{border:1px solid var(--line);border-radius:13px;overflow:hidden}.course-builder summary{display:grid;grid-template-columns:38px 1fr auto 22px;gap:10px;align-items:center;padding:12px;cursor:pointer;background:#fafbfc}.course-builder summary::-webkit-details-marker{display:none}.course-builder summary b,.course-builder summary small{display:block}.course-builder summary small{font-size:8px;color:var(--muted)}.course-builder-icon{width:34px;height:34px;border-radius:10px;background:#edf3ff;color:#3d6fc5;display:grid;place-items:center}.course-builder-body{padding:13px;border-top:1px solid var(--line)}.builder-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.builder-form{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:12px}.builder-form h4{margin:0 0 8px;display:flex;gap:6px;align-items:center}.training-ops-grid{align-items:start}.simple-list>div,.review-list article{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.simple-list b,.simple-list small,.review-list b,.review-list small{display:block}.simple-list small,.review-list small{font-size:8px;color:var(--muted)}.review-list article{display:block}.review-list article>div:first-child{display:flex;justify-content:space-between}.review-list p{font-size:9px;background:#f8fafb;border-radius:9px;padding:8px}.review-inline{display:grid;grid-template-columns:80px 1fr auto auto;gap:6px}.training-feedback-inline{display:block;background:#f3f6f8;padding:8px;border-radius:9px}.performance-hero{background:linear-gradient(130deg,#252d34,#3c4852);color:#fff;border-radius:20px;padding:23px 25px;margin-bottom:12px}.performance-hero h2{color:#fff}.performance-hero p{color:#cbd3d9}.month-switcher{display:flex;gap:7px}.month-switcher input{background:#fff}.performance-weight-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.performance-weight-strip span{background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 11px;display:flex;justify-content:space-between;box-shadow:var(--shadow)}.performance-weight-strip b{font-size:9px}.performance-weight-strip strong{font-size:12px;color:var(--red)}.performance-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.employee-performance-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow);position:relative}.performance-rank{position:absolute;left:12px;top:10px;font-size:9px;font-weight:900;color:#8a959d}.employee-performance-card header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.employee-performance-card h3{font-size:13px;margin:0}.employee-performance-card p{font-size:8px;color:var(--muted);margin:2px 0 0}.score-ring{width:55px;height:55px;border:5px solid #e9edf0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring strong{font-size:16px}.score-ring small{font-size:6px;color:var(--muted)}.score-green{border-top-color:#1a9b67}.score-blue{border-top-color:#4d7ed1}.score-amber{border-top-color:#d99722}.score-red{border-top-color:#d63b4b}.performance-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.performance-mini-metrics span{background:#f8fafb;border-radius:9px;padding:7px}.performance-mini-metrics small,.performance-mini-metrics b{display:block}.performance-mini-metrics small{font-size:7px;color:var(--muted)}.performance-mini-metrics b{font-size:10px;margin-top:2px}.component-bars{display:flex;flex-direction:column;gap:6px;margin:10px 0 13px}.component-bars>div>span{display:flex;justify-content:space-between;font-size:7px}.component-bars em{font-style:normal;color:var(--muted)}.component-bars i{display:block;height:4px;background:#edf0f2;border-radius:999px;overflow:hidden;margin-top:3px}.component-bars u{display:block;height:100%;background:linear-gradient(90deg,var(--red),#e8707b);text-decoration:none}.performance-user-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(130deg,var(--char),#3a4550);color:#fff;border-radius:20px;padding:20px 23px;margin-bottom:12px}.performance-user-hero h2{color:#fff;margin:3px 0}.performance-user-hero p{color:#cdd5db;margin:0}.performance-main-score{border-top-color:#fff}.performance-kpis{margin-bottom:12px}.performance-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:14px;align-items:start}.performance-layout main,.performance-layout aside{min-width:0}.performance-components-large{display:grid;grid-template-columns:1fr 1fr;gap:10px}.performance-components-large>div{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:10px}.component-icon{width:32px;height:32px;border-radius:10px;background:#fff;color:#55636f;display:grid;place-items:center}.performance-components-large>div>div>span{display:flex;justify-content:space-between}.performance-components-large b{font-size:9px}.performance-components-large small{font-size:7px;color:var(--muted)}.performance-components-large strong{font-size:12px}.performance-components-large .progress{margin-top:5px}.performance-components-large .progress u{display:block;height:100%;background:var(--red);text-decoration:none}.competency-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.competency-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.competency-card>div:first-child b,.competency-card>div:first-child small{display:block}.competency-card>div:first-child small{font-size:8px;color:var(--muted);min-height:30px}.competency-control{display:flex;align-items:center;gap:8px;margin:9px 0}.competency-control input{padding:0}.competency-control strong{min-width:34px;font-size:10px}.competency-card>input{margin-bottom:6px}.development-plan>div{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.development-plan b,.development-plan small{display:block}.development-plan small{font-size:8px;color:var(--muted)}.review-timeline{display:flex;flex-direction:column;gap:11px}.review-timeline article{display:grid;grid-template-columns:48px 1fr;gap:10px}.review-score{width:44px;height:44px;border-radius:13px;background:#f0edff;color:#6d5abb;display:grid;place-items:center;font-weight:900}.review-timeline b,.review-timeline small{display:block}.review-timeline small{font-size:8px;color:var(--muted)}.review-timeline p{font-size:9px;margin:5px 0}.performance-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.performance-rule-fields{margin-top:12px}.performance-score-pill{display:inline-flex;align-items:baseline;gap:2px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.performance-score-pill b{font-size:11px}.performance-score-pill span{font-size:6px;opacity:.75}.performance-score-pill.is-high{background:#e6f7ef;color:#11794f}.performance-score-pill.is-mid{background:#edf3ff;color:#376abf}.performance-score-pill.is-low{background:#fff0e2;color:#9a5f0d}.target-head-score{display:flex;gap:16px;align-items:center}.target-head-score a{background:#f1f4f6;border-radius:10px;padding:6px 9px}.target-head-score small,.target-head-score strong{display:block}.target-head-score small{font-size:7px;color:var(--muted)}.target-head-score strong{font-size:10px}.manager-overview-strip{grid-template-columns:repeat(5,1fr)} @media(max-width:1250px){.training-summary-grid{grid-template-columns:1fr 1fr}.performance-team-grid{grid-template-columns:1fr 1fr}.performance-layout,.training-admin-grid{grid-template-columns:1fr}.performance-weight-strip{grid-template-columns:repeat(3,1fr)}.manager-overview-strip{grid-template-columns:repeat(3,1fr)}} @media(max-width:820px){.academy-hero-pro,.performance-hero,.compact-hero,.performance-user-hero{flex-direction:column;align-items:flex-start}.practical-list,.builder-columns,.performance-components-large,.competency-grid{grid-template-columns:1fr}.performance-team-grid{grid-template-columns:1fr}.quiz-options{grid-template-columns:1fr}.review-inline{grid-template-columns:1fr 1fr}.performance-settings-grid{grid-template-columns:1fr 1fr}.course-progress-ring,.performance-main-score{width:90px;height:90px}.manager-overview-strip{grid-template-columns:1fr 1fr}} @media(max-width:520px){.training-summary-grid,.performance-weight-strip,.performance-settings-grid,.manager-overview-strip{grid-template-columns:1fr}.assignment-row{grid-template-columns:34px 1fr}.assignment-meta{grid-column:2;text-align:right}.quiz-launch-card{grid-template-columns:46px 1fr}.quiz-launch-card>.btn{grid-column:1/-1}.training-lesson-row{grid-template-columns:34px 1fr}.training-lesson-row>.status{grid-column:2}.review-inline{grid-template-columns:1fr}.employee-performance-card header{grid-template-columns:auto 1fr}.employee-performance-card .score-ring{grid-column:2}.performance-kpis{grid-template-columns:1fr 1fr}.target-head-score{align-items:flex-end;flex-direction:column;gap:5px}} .performance-attention-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.performance-attention-strip article{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}.performance-attention-strip small,.performance-attention-strip b{display:block}.performance-attention-strip small{font-size:8px;color:var(--muted)}.performance-attention-strip b{font-size:11px}.development-recommendation{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;background:#fff8e5;border:1px solid #f1dcaa;border-radius:13px;padding:11px 13px;margin-bottom:12px}.development-recommendation>span{width:34px;height:34px;border-radius:10px;background:#ffedbd;color:#aa7607;display:grid;place-items:center}.development-recommendation b,.development-recommendation small{display:block}.development-recommendation small{font-size:8px;color:#74633d}.development-recommendation strong{font-size:18px;color:#9a6907}@media(max-width:700px){.performance-attention-strip{grid-template-columns:1fr}.development-recommendation{grid-template-columns:34px 1fr}.development-recommendation strong{grid-column:2}} .competency-card-readonly{cursor:default}.competency-card-readonly .progress{min-width:120px;flex:1}.readonly-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.readonly-target-grid span{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.readonly-target-grid small{display:block;color:var(--muted);margin-bottom:4px}.readonly-target-grid b{font-size:1.05rem} /* v0.9.0 — Executive Intelligence, reports and production readiness */ .executive-hero,.system-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:24px 26px;border-radius:22px;background:linear-gradient(135deg,var(--char),#3a4148);color:#fff;box-shadow:0 18px 45px rgba(27,33,39,.13)} .executive-hero h2,.system-hero h2{margin:4px 0 8px;font-size:1.55rem}.executive-hero p,.system-hero p{margin:0;color:rgba(255,255,255,.74);max-width:720px}.executive-actions{display:flex;gap:10px;flex-wrap:wrap}.executive-actions .btn-secondary{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);color:#fff}.executive-hero .eyebrow,.system-hero .eyebrow{color:#ffb5bc} .exec-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.exec-kpi{background:#fff;border:1px solid var(--border,#e8eaed);border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 28px rgba(27,33,39,.05)}.exec-kpi>div{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px}.exec-kpi small{grid-column:1/-1;color:#6d737a}.exec-kpi strong{font-size:1.35rem;color:#252b31;white-space:nowrap}.metric-change{font-size:.72rem;font-weight:800;border-radius:999px;padding:3px 7px;justify-self:end}.metric-change.up{color:#168653;background:#eaf8f1}.metric-change.down{color:#c23c46;background:#fff0f1}.metric-change.neutral{color:#69717a;background:#f1f3f5} .executive-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px}.pipeline-money{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pipeline-money>div{background:#f7f8fa;border:1px solid #edf0f2;border-radius:14px;padding:14px}.pipeline-money span{display:block;font-size:.78rem;color:#747b83;margin-bottom:6px}.pipeline-money b{font-size:1rem}.pipeline-money .primary{background:color-mix(in srgb,var(--red) 8%,white);border-color:color-mix(in srgb,var(--red) 18%,white)}.pipeline-money .primary b{color:var(--red)}.health-score{padding:6px 10px;border-radius:10px}.health-score.ok{color:#177f50;background:#e9f8f1}.health-score.warn{color:#b63b45;background:#fff0f1}.health-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border-radius:14px;background:#f8f9fa}.health-summary span{color:#555f69}.health-summary a{font-weight:800;color:var(--red)} .exec-main-row{margin-bottom:16px}.mini-trend-chart{height:220px;display:flex;align-items:stretch;gap:9px;padding:18px 8px 0;border-bottom:1px solid #e9ecef}.trend-month{flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.trend-bars{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.trend-bars i{display:block;width:min(13px,38%);min-height:3px;border-radius:6px 6px 2px 2px}.trend-bars .revenue,.chart-legend i.revenue{background:var(--red)}.trend-bars .collected,.chart-legend i.collected{background:#3278c7}.trend-month small{font-size:.66rem;color:#7a8188}.chart-legend{display:flex;gap:18px;justify-content:center;margin-top:12px;font-size:.76rem;color:#6a727a}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:3px;display:block} .funnel-list{display:grid;gap:9px}.funnel-row{display:grid;grid-template-columns:92px 1fr 42px 48px;align-items:center;gap:9px;font-size:.8rem}.funnel-row .bar{height:9px;border-radius:999px;background:#f0f2f4;overflow:hidden}.funnel-row .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#f05b68);border-radius:inherit}.funnel-row b{text-align:center}.funnel-row em{font-style:normal;color:#69717a;text-align:left} .risk-list{display:grid;gap:9px}.risk-item{display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;padding:12px 13px;border:1px solid #eceef0;border-radius:13px;text-decoration:none;color:inherit}.risk-item>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f4f5f6}.risk-item div{display:flex;flex-direction:column;gap:2px}.risk-item small{color:#6f7780}.risk-item.severity-danger{border-color:#f3cdd1;background:#fffafb}.risk-item.severity-warning{border-color:#f4dfbd;background:#fffdf7}.winner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.winner-grid>div{padding:14px;border-radius:14px;background:#f8f9fa;display:flex;flex-direction:column;gap:4px}.winner-grid>div>span{color:var(--red);font-size:1.1rem}.winner-grid small{color:#747c84}.winner-grid b{font-size:.9rem}.winner-grid em{font-style:normal;font-size:.77rem;color:#66707a} .report-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px}.report-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.report-filters label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:#636b73}.report-filters input,.report-filters select{min-width:132px}.report-export-actions{display:flex;gap:8px;flex-wrap:wrap}.report-period{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:0 4px;color:#66707a}.report-period small{color:#8a9096} .system-hero{background:linear-gradient(135deg,#20272d,#39444c)}.readiness-gauge{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;border:8px solid rgba(255,255,255,.15);flex:0 0 auto}.readiness-gauge strong{font-size:1.55rem}.readiness-gauge span{font-size:.68rem;color:rgba(255,255,255,.72)}.readiness-gauge.ready{border-color:#4cc58b}.readiness-gauge.not-ready{border-color:#e46a73}.system-grid{margin-bottom:16px}.production-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.production-check{display:flex;gap:10px;align-items:center;padding:11px;border-radius:12px;border:1px solid #e9ecef}.production-check>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.production-check div{display:flex;flex-direction:column}.production-check small{color:#737b83}.production-check.ok{background:#f7fcf9;border-color:#d9eee3}.production-check.ok>span{color:#168653;background:#e7f7ef}.production-check.warn{background:#fffdf8;border-color:#f1dfbf}.production-check.warn>span{color:#b4781a;background:#fff3dc}.production-check.critical{background:#fff9fa;border-color:#f3cdd1}.production-check.critical>span{color:#c23c46;background:#feecee}.backup-summary{display:grid;gap:9px;margin:14px 0}.backup-summary>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f2}.backup-summary span{color:#747c84}.checksum{font-size:.7rem}.cron-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cron-grid>div{padding:14px;border:1px solid #e9ecef;border-radius:13px;display:grid;gap:8px}.cron-grid code{display:block;direction:ltr;text-align:left;white-space:normal;word-break:break-all;background:#21272d;color:#ecf0f3;border-radius:9px;padding:10px;font-size:.72rem} @media(max-width:1100px){.exec-kpi-grid{grid-template-columns:repeat(2,1fr)}.executive-grid{grid-template-columns:1fr}.pipeline-money{grid-template-columns:repeat(2,1fr)}.report-toolbar{align-items:stretch;flex-direction:column}.report-export-actions{justify-content:flex-start}} @media(max-width:720px){.executive-hero,.system-hero{align-items:flex-start;flex-direction:column;padding:20px}.exec-kpi-grid{grid-template-columns:1fr}.pipeline-money,.winner-grid,.production-checks,.cron-grid{grid-template-columns:1fr}.mini-trend-chart{height:180px;gap:4px}.trend-bars{height:140px}.funnel-row{grid-template-columns:76px 1fr 34px 40px}.report-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.report-filters label,.report-filters input,.report-filters select{min-width:0;width:100%}.report-period{align-items:flex-start;flex-direction:column}.readiness-gauge{width:92px;height:92px}} /* ======================================================================== UI Refresh v0.9.2.4 - responsive shell, sidebar, topbar and login ======================================================================== */ :root{ --ui-sidebar-w:272px; --ui-sidebar-collapsed-w:82px; --ui-topbar-h:74px; --ui-content-max:1680px; --ui-surface:#ffffff; --ui-surface-soft:#f8fafb; --ui-bg:#f3f5f7; --ui-line:#e5e9ee; --ui-ink:#17212b; --ui-muted:#71808f; --ui-shadow-sm:0 1px 2px rgba(22,34,45,.03),0 7px 22px rgba(22,34,45,.045); --ui-shadow-md:0 18px 55px rgba(22,34,45,.09); } html{background:var(--ui-bg);scroll-behavior:smooth} body{background:var(--ui-bg);color:var(--ui-ink);min-width:0;overflow-x:hidden} button,a,input,select,textarea{-webkit-tap-highlight-color:transparent} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--red) 18%,transparent);outline-offset:2px} input,select,textarea{min-height:44px;border-color:#d9e0e6;border-radius:11px;transition:border-color .16s,box-shadow .16s,background .16s} textarea{min-height:110px;resize:vertical} .btn{min-height:42px;border-radius:11px;box-shadow:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s} .btn:active{transform:translateY(0) scale(.985)} .card,.stat-card{border-color:var(--ui-line);box-shadow:var(--ui-shadow-sm)} .card{border-radius:15px} .table-wrap{max-width:100%;border-radius:13px;scrollbar-width:thin;overscroll-behavior-x:contain} table{min-width:max-content} th{position:relative;background:#f8fafb;color:#687786;letter-spacing:.01em} /* App shell */ .sidebar{ width:var(--ui-sidebar-w); padding:14px 12px 12px; background:linear-gradient(180deg,color-mix(in srgb,var(--char) 96%,#0e1419) 0%,#1b2127 100%); border-left:1px solid rgba(255,255,255,.055); box-shadow:-10px 0 35px rgba(15,22,28,.06); transition:width .22s ease,transform .22s ease; overflow:hidden; } .brand{ min-height:68px; gap:11px; padding:7px 8px 14px; margin-bottom:7px; border-bottom-color:rgba(255,255,255,.075); white-space:nowrap; } .brand img{width:46px;height:46px;min-width:46px;border-radius:13px;padding:5px;box-shadow:0 8px 24px rgba(0,0,0,.12)} .brand>div{min-width:0;overflow:hidden;transition:opacity .15s,width .2s} .brand strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .brand small{font-size:9px;color:#9ea8b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sidebar nav{gap:2px;padding:3px 0 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent} .sidebar nav a{ position:relative; min-height:44px; gap:11px; padding:9px 11px; border-radius:11px; color:#cfd6dd; font-size:12px; font-weight:650; white-space:nowrap; overflow:hidden; box-shadow:none!important; } .sidebar nav a::after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:transparent;transition:.15s} .sidebar nav a:hover{background:rgba(255,255,255,.065);color:#fff} .sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff} .sidebar nav a.active::after{background:var(--red)} .sidebar nav a .nav-icon{width:28px;min-width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.04);font-size:14px} .sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{background:color-mix(in srgb,var(--red) 23%,transparent);color:#fff} .nav-label{padding:15px 11px 6px;color:#7f8a95;font-size:9px;font-weight:800;letter-spacing:.06em} .sidebar-foot{padding:12px 9px 2px;font-size:10px;line-height:1.55;white-space:nowrap;overflow:hidden} .sidebar-foot b,.sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis} .sidebar-foot small{font-size:8px;color:#747f89} .main-area{margin-right:var(--ui-sidebar-w);transition:margin-right .22s ease;min-width:0} /* Desktop collapsible sidebar */ .sidebar-collapse-btn{ width:38px;height:38px;min-width:38px;border:1px solid var(--ui-line);border-radius:11px;background:#fff;color:#667480; display:grid;place-items:center;cursor:pointer;font-size:16px;transition:.15s; } .sidebar-collapse-btn:hover{background:#f7f9fa;color:var(--char);border-color:#d5dce2} body.sidebar-collapsed .sidebar{width:var(--ui-sidebar-collapsed-w);padding-inline:10px} body.sidebar-collapsed .main-area{margin-right:var(--ui-sidebar-collapsed-w)} body.sidebar-collapsed .brand{justify-content:center;padding-inline:0} body.sidebar-collapsed .brand>div,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .sidebar-foot{display:none} body.sidebar-collapsed .sidebar nav a{font-size:0;justify-content:center;padding-inline:7px;overflow:visible} body.sidebar-collapsed .sidebar nav a .nav-icon{font-size:14px;width:34px;min-width:34px;height:34px;margin:0} body.sidebar-collapsed .sidebar nav a::after{right:-10px} /* Top bar */ .topbar{ height:var(--ui-topbar-h); gap:12px; padding:0 clamp(14px,2vw,28px); background:rgba(255,255,255,.93); border-bottom:1px solid var(--ui-line); backdrop-filter:saturate(140%) blur(14px); box-shadow:0 1px 0 rgba(255,255,255,.8); } .menu-btn{width:40px;height:40px;border-radius:11px;place-items:center;background:#fff;border:1px solid var(--ui-line);font-size:17px} .page-head{min-width:120px;overflow:hidden} .page-head h1{font-size:18px;font-weight:780;color:#1c2731;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .topbar-context{font-size:8px;color:#9aa5af;letter-spacing:.05em} .global-search-trigger{height:40px;min-width:clamp(210px,23vw,330px);border-radius:12px;background:#f7f9fb;border-color:#e0e5ea;padding:0 11px} .global-search-trigger:hover{border-color:#ced6dd;box-shadow:0 4px 16px rgba(31,41,51,.04)} .global-search-trigger b{font-size:10px;color:#667581} .top-actions{gap:6px;min-width:0} .notification-trigger,.top-settings,.icon-btn{width:40px;height:40px;min-width:40px;border:1px solid transparent;border-radius:11px;display:grid;place-items:center;background:transparent;color:#53616e;transition:.15s} .notification-trigger:hover,.top-settings:hover,.icon-btn:hover{background:#f5f7f9;border-color:#e7ebef;color:#222f39} .user-chip{min-width:0;max-width:210px;height:46px;padding:4px 7px;border:1px solid transparent;border-radius:12px} .user-chip:hover{background:#f7f9fa;border-color:#e8ecef} .user-chip .avatar{width:36px;height:36px;min-width:36px;overflow:hidden} .user-chip .avatar img{width:100%;height:100%;object-fit:cover} .user-chip>span:last-child{min-width:0} .user-chip b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .user-chip small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .content-area{width:100%;max-width:var(--ui-content-max);padding:clamp(16px,2vw,28px);min-width:0} .sidebar-backdrop{background:rgba(15,22,28,.5)!important;backdrop-filter:blur(3px)} /* Common responsive polish */ .toolbar,.section-title,.detail-head{min-width:0} .filters>*{max-width:100%} .actions{align-items:center} .status,.badge{min-height:24px;padding:4px 9px;font-size:9px} .alert{border-radius:12px;box-shadow:0 8px 26px rgba(30,40,50,.04)} /* Guest / authentication shell — shared Design System primitives */ .guest-body{ display:block;min-height:100svh;padding:0;background:var(--ui-canvas,#f4f6f8);overflow-x:hidden } .guest-shell{width:100%;max-width:none;min-height:100svh;position:relative} .guest-body .guest-shell>.alert{ position:fixed;z-index:400;top:16px;left:72%;width:min(430px,calc(56vw - 32px));transform:translateX(-50%); margin:0;padding:10px 14px;border-radius:var(--ui-radius-md,12px);box-shadow:var(--ui-shadow-2,0 12px 30px rgba(16,24,40,.07)); font-size:var(--ui-font-sm,.8125rem);line-height:1.55;text-align:center } .ui-auth-shell{ min-height:100svh;display:grid;grid-template-columns:minmax(360px,44%) minmax(480px,56%); direction:ltr;background:var(--ui-canvas,#f4f6f8) } .ui-auth-aside,.ui-auth-main{direction:rtl;min-width:0} .ui-auth-aside{ position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between; padding:clamp(28px,3vw,44px);color:#fff; background:linear-gradient(150deg,#202831 0%,#252f38 58%,#1b2229 100%);isolation:isolate } .ui-auth-aside::before{ content:"";position:absolute;inset:0;z-index:-2;opacity:.26; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:52px 52px } .ui-auth-aside::after{ content:"";position:absolute;z-index:-1;width:300px;height:300px;left:-170px;bottom:-170px; border:52px solid color-mix(in srgb,var(--ui-brand,#d7192d) 16%,transparent);border-radius:50% } .ui-auth-brand{display:flex;align-items:center;gap:var(--ui-space-3,12px);position:relative;z-index:1} .ui-auth-brand__logo{ width:48px;height:48px;min-width:48px;display:grid;place-items:center;padding:5px;border-radius:var(--ui-radius-md,12px); background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.14) } .ui-auth-brand__logo img{width:100%;height:100%;object-fit:contain} .ui-auth-brand__copy{display:flex;flex-direction:column;min-width:0} .ui-auth-brand__copy strong{font-size:var(--ui-font-base,.9375rem);line-height:1.45;color:#fff} .ui-auth-brand__copy small{font-size:var(--ui-font-xs,.75rem);color:#aeb9c2} .ui-auth-context{max-width:500px;margin-block:auto;position:relative;z-index:1;padding-block:clamp(28px,5vh,64px)} .ui-auth-context__eyebrow{ display:inline-flex;align-items:center;gap:var(--ui-space-2,8px);margin-bottom:var(--ui-space-3,12px); color:#f3c0c6;font-size:var(--ui-font-xs,.75rem);font-weight:850 } .ui-auth-context h2{ margin:0 0 var(--ui-space-3,12px);font-size:clamp(var(--ui-font-xl,1.25rem),2.1vw,var(--ui-font-3xl,2rem)); line-height:1.45;font-weight:850;letter-spacing:-.018em;color:#fff } .ui-auth-context p{ margin:0;max-width:470px;color:#c7d0d7;font-size:var(--ui-font-sm,.8125rem);line-height:1.85 } .ui-auth-aside__foot{ display:flex;align-items:center;gap:var(--ui-space-2,8px);flex-wrap:wrap;position:relative;z-index:1; color:#9facb6;font-size:var(--ui-font-xs,.75rem) } .ui-auth-status-dot{width:7px;height:7px;border-radius:50%;background:#31c48d;box-shadow:0 0 0 4px rgba(49,196,141,.1)} .ui-auth-main{ display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px); background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--ui-brand,#d7192d) 4%,transparent),transparent 28%),var(--ui-canvas,#f4f6f8) } .ui-auth-main__inner{width:min(430px,100%)} .ui-auth-mobile-brand{display:none} .ui-auth-card{ padding:clamp(26px,3vw,36px);background:var(--ui-surface,#fff); border:1px solid var(--ui-border,#e3e8ed);border-radius:var(--ui-radius-xl,20px);box-shadow:var(--ui-shadow-2,0 12px 30px rgba(16,24,40,.07)) } .ui-auth-card__head{margin-bottom:var(--ui-space-6,24px)} .ui-auth-card__badge{ display:inline-flex;align-items:center;gap:var(--ui-space-2,8px);margin-bottom:var(--ui-space-3,12px); color:var(--ui-brand,#d7192d);font-size:var(--ui-font-xs,.75rem);font-weight:850 } .ui-auth-card h1{ margin:0 0 var(--ui-space-2,8px);font-size:var(--ui-font-2xl,1.625rem);line-height:1.4; color:var(--ui-text-strong,#121c26);font-weight:850;letter-spacing:-.015em } .ui-auth-card__head p{margin:0;color:var(--ui-text-muted,#687786);font-size:var(--ui-font-sm,.8125rem);line-height:1.75} .ui-auth-form{display:grid;gap:var(--ui-space-4,16px)} .ui-auth-field{display:grid;gap:var(--ui-space-2,8px);margin:0} .ui-auth-field>span:first-child{font-size:var(--ui-font-sm,.8125rem);font-weight:800;color:var(--ui-text,#202b36)} .ui-auth-control{position:relative;display:flex;align-items:center;width:100%} .ui-auth-control>i,.ui-auth-control>.ui-auth-control__icon{ position:absolute;right:14px;z-index:1;color:var(--ui-text-soft,#8d99a5);pointer-events:none } .ui-auth-control input{ width:100%;min-height:46px;margin:0;padding-inline:42px 14px;background:var(--ui-surface-subtle,#f8fafb); border:1px solid var(--ui-border-strong,#d5dce3);border-radius:var(--ui-radius-md,12px);font-size:var(--ui-font-sm,.8125rem) } .ui-auth-control input[dir="ltr"]{text-align:left;padding-left:14px;padding-right:42px} .ui-auth-control--password input{padding-left:84px} .ui-auth-password-toggle{ position:absolute;left:7px;z-index:2;min-height:32px;padding:0 9px;border:0;border-radius:9px;background:transparent; color:var(--ui-text-muted,#687786);font-size:var(--ui-font-xs,.75rem);font-weight:750;cursor:pointer } .ui-auth-password-toggle:hover{background:var(--ui-surface-subtle,#f8fafb);color:var(--ui-text,#202b36)} .ui-auth-submit{width:100%;min-height:46px;justify-content:center;gap:var(--ui-space-2,8px);margin-top:2px} .ui-auth-note{ display:flex;align-items:flex-start;gap:var(--ui-space-2,8px);margin-top:var(--ui-space-4,16px);padding-top:var(--ui-space-4,16px); border-top:1px solid var(--ui-border,#e3e8ed);color:var(--ui-text-muted,#687786);font-size:var(--ui-font-xs,.75rem);line-height:1.65 } .ui-auth-meta{ display:flex;justify-content:center;gap:var(--ui-space-2,8px);flex-wrap:wrap;margin-top:var(--ui-space-3,12px); color:var(--ui-text-soft,#8d99a5);font-size:var(--ui-font-xs,.75rem);text-align:center } @media(max-width:1180px){ .ui-auth-shell{grid-template-columns:minmax(320px,40%) minmax(460px,60%)} .guest-body .guest-shell>.alert{left:70%;width:min(420px,calc(60vw - 32px))} .ui-auth-aside{padding:28px} .ui-auth-context{max-width:430px} .ui-auth-main{padding:28px} } @media(max-width:960px){ .ui-auth-shell{grid-template-columns:1fr} .ui-auth-aside{display:none} .ui-auth-main{min-height:100svh;padding:clamp(20px,4vw,32px)} .ui-auth-main__inner{width:min(440px,100%)} .ui-auth-mobile-brand{display:flex;align-items:center;gap:var(--ui-space-3,12px);margin-bottom:var(--ui-space-4,16px)} .ui-auth-mobile-brand img{width:44px;height:44px;object-fit:contain;padding:4px;background:#fff;border:1px solid var(--ui-border,#e3e8ed);border-radius:var(--ui-radius-md,12px)} .ui-auth-mobile-brand>span{display:flex;flex-direction:column} .ui-auth-mobile-brand b{font-size:var(--ui-font-sm,.8125rem)} .ui-auth-mobile-brand small{font-size:var(--ui-font-xs,.75rem);color:var(--ui-text-muted,#687786)} .guest-body .guest-shell>.alert{left:50%;width:min(440px,calc(100vw - 40px));top:12px} .guest-body .guest-shell>.alert + .ui-auth-shell .ui-auth-main{padding-top:76px} } @media(max-width:520px){ .ui-auth-main{align-items:flex-start;padding:16px} .ui-auth-main__inner{width:100%} .ui-auth-mobile-brand{margin-bottom:14px} .ui-auth-card{padding:22px 18px;border-radius:var(--ui-radius-lg,16px)} .ui-auth-card__head{margin-bottom:20px} .ui-auth-card h1{font-size:var(--ui-font-xl,1.25rem)} .ui-auth-form{gap:14px} .ui-auth-control input,.ui-auth-submit{min-height:44px} .guest-body .guest-shell>.alert{width:calc(100vw - 24px);font-size:var(--ui-font-xs,.75rem)} .ui-auth-meta{margin-top:10px} } @media(min-width:961px) and (max-height:760px){ .ui-auth-aside{padding-top:24px;padding-bottom:24px} .ui-auth-brand__logo{width:44px;height:44px;min-width:44px} .ui-auth-context{padding-block:20px} .ui-auth-context h2{font-size:var(--ui-font-2xl,1.625rem)} .ui-auth-context p{line-height:1.7} .ui-auth-main{padding-top:48px;padding-bottom:20px} .ui-auth-card{padding:26px 30px} .ui-auth-card__head{margin-bottom:18px} .ui-auth-form{gap:14px} .ui-auth-note{margin-top:14px;padding-top:14px} .ui-auth-meta{margin-top:8px} .guest-body .guest-shell>.alert{top:10px} } @media(min-width:961px) and (max-height:650px){ .ui-auth-context p{display:none} .ui-auth-context{padding-block:12px} .ui-auth-card__badge{margin-bottom:8px} .ui-auth-card__head p{display:none} .ui-auth-note{display:none} .ui-auth-card{padding-top:22px;padding-bottom:22px} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } /* ===== Employee workspace & onboarding v0.9.2.5 ===== */ .team-directory-full{width:100%;padding:0;overflow:hidden}.team-directory-full .section-title{padding:20px 20px 0}.team-directory-full .user-filterbar{margin:0 20px 16px}.team-directory-full .table-wrap{border-top:1px solid var(--line)}.team-directory-full table{min-width:1120px}.team-directory-full th{padding-top:13px;padding-bottom:13px}.team-directory-full td{padding-top:14px;padding-bottom:14px}.work-scope-cell b,.work-scope-cell small{display:block}.work-scope-cell b{font-size:11px;color:var(--char)}.work-scope-cell small{font-size:9px;color:var(--muted);margin-top:2px;direction:ltr;text-align:right}.team-page-head .btn{min-height:42px}.team-page-head p{max-width:680px} .employee-create-shell{max-width:1280px;margin:0 auto}.employee-create-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--muted);font-size:10px;font-weight:800}.employee-create-nav a{display:inline-flex;align-items:center;gap:7px;color:#586572}.employee-create-nav a:hover{color:var(--red)}.employee-create-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:24px;align-items:center;background:linear-gradient(135deg,var(--char),#3a434d);border-radius:22px;padding:28px 30px;margin-bottom:18px;color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 38px rgba(31,41,51,.1)}.employee-create-hero:after{content:"";position:absolute;left:-80px;bottom:-125px;width:280px;height:280px;border:48px solid rgba(215,25,45,.13);border-radius:50%}.employee-create-hero>div{position:relative;z-index:1}.employee-create-hero h2{margin:3px 0 7px;font-size:26px;color:#fff}.employee-create-hero p{margin:0;color:#dbe1e6;font-size:11px;max-width:720px}.employee-create-hero-note{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:14px}.employee-create-hero-note>span{width:34px;height:34px;border-radius:10px;background:rgba(215,25,45,.2);display:grid;place-items:center;color:#fff}.employee-create-hero-note p{font-size:9px;line-height:1.75}.employee-create-hero-note b{color:#fff} .employee-create-form{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.employee-create-main{min-width:0}.employee-create-section{padding:0;overflow:hidden}.employee-create-section-head{display:flex;align-items:center;gap:12px;padding:19px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)}.employee-create-section-head .section-step{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#fff0f2;color:var(--red);display:grid;place-items:center;font-size:9px;font-weight:900;border:1px solid #f7d9de}.employee-create-section-head>div{flex:1}.employee-create-section-head h3{margin:0;font-size:15px}.employee-create-section-head p{margin:2px 0 0;font-size:9px;color:var(--muted)}.employee-create-section-head h3 em{font-style:normal;font-size:8px;color:#8d98a2;background:#f0f3f6;border-radius:999px;padding:3px 7px;margin-inline-start:5px;vertical-align:middle}.employee-create-grid{padding:20px;gap:15px}.employee-create-grid label{font-size:10px}.employee-create-grid input,.employee-create-grid select{min-height:43px}.employee-create-upload{display:grid;grid-template-columns:38px 1fr minmax(180px,.8fr);align-items:center;gap:11px;border:1px dashed #cdd5dc;background:#fafbfc;border-radius:13px;padding:10px 11px;margin-top:5px}.employee-create-upload>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef2f5;color:#697784}.employee-create-upload b,.employee-create-upload small{display:block}.employee-create-upload b{font-size:10px}.employee-create-upload small{font-size:8px;color:var(--muted);font-weight:500}.employee-create-upload input{margin:0;min-height:38px;padding:6px;font-size:9px;background:#fff}.employee-currency-rule{display:flex;align-items:center;gap:8px;margin:0 20px 20px;background:#f4f8ff;border:1px solid #dbe7fb;color:#53709b;border-radius:11px;padding:9px 11px;font-size:9px;line-height:1.7}.employee-currency-rule i{color:var(--blue)} .target-head{align-items:center}.switch-control{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;margin-inline-start:auto}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control>span{width:38px;height:22px;border-radius:999px;background:#dce2e7;position:relative;transition:.18s}.switch-control>span:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.18s}.switch-control input:checked+span{background:var(--green)}.switch-control input:checked+span:after{transform:translateX(-16px)}.switch-control b{font-size:9px;color:#596672}.initial-target-fields{padding:20px;opacity:.48;pointer-events:none;transition:.18s}.initial-target-fields.is-enabled{opacity:1;pointer-events:auto}.target-period-row{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr;gap:14px;align-items:stretch;margin-bottom:14px}.target-currency-preview{border:1px solid #e2e8ed;background:#f8fafb;border-radius:12px;padding:11px 13px}.target-currency-preview small,.target-currency-preview strong,.target-currency-preview span{display:block}.target-currency-preview small{font-size:8px;color:var(--muted)}.target-currency-preview strong{font-size:15px;color:var(--char);margin:2px 0}.target-currency-preview span{font-size:8px;color:#87939d}.target-input-grid{display:grid;grid-template-columns:1.25fr repeat(2,1fr);gap:12px}.target-input-grid .target-primary{grid-row:span 2}.target-input-grid input{min-height:42px}.input-with-suffix{display:flex;align-items:stretch;margin-top:5px}.input-with-suffix input{margin:0;border-radius:10px 0 0 10px;direction:ltr}.input-with-suffix span{min-width:58px;display:grid;place-items:center;background:#f0f3f6;border:1px solid #dce1e6;border-right:0;border-radius:0 10px 10px 0;color:#5d6873;font-size:9px;font-weight:900;direction:ltr} .employee-create-side{position:sticky;top:94px}.employee-create-summary{padding:20px}.summary-icon{width:42px;height:42px;border-radius:12px;background:#e9f8f1;color:var(--green);display:grid;place-items:center;margin-bottom:11px}.employee-create-summary h3{font-size:14px;margin-bottom:12px}.create-summary-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.create-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid var(--line);background:#fff}.create-summary-list>div:last-child{border-bottom:0}.create-summary-list span{font-size:8px;color:var(--muted)}.create-summary-list b{font-size:9px;text-align:left;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-summary-note{margin-top:12px;padding:10px 11px;border-radius:11px;background:#fff9e9;border:1px solid #f1e0ae}.create-summary-note b{display:block;font-size:8px;color:#7b6426}.create-summary-note p{font-size:8px;color:#826d34;line-height:1.7;margin:3px 0 0}.employee-create-security{padding:18px}.employee-create-security label{font-size:9px}.employee-create-security>small{display:block;margin-top:8px;font-size:8px;color:var(--muted);line-height:1.7}.employee-create-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.employee-create-actions .btn{min-height:44px}.metric-warning{display:block;margin-top:5px;font-style:normal;font-size:8px;color:#b36a16;font-weight:800} @media(max-width:1120px){.employee-create-form{grid-template-columns:1fr}.employee-create-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.employee-create-side .employee-create-summary{grid-row:span 2;margin-bottom:0}.employee-create-side .employee-create-security{margin-bottom:0}.employee-create-actions{align-self:end}.team-directory-full table{min-width:1050px}} @media(max-width:820px){.employee-create-hero{grid-template-columns:1fr;padding:23px}.employee-create-hero-note{max-width:560px}.employee-create-side{grid-template-columns:1fr}.employee-create-side .employee-create-summary{grid-row:auto}.target-period-row{grid-template-columns:1fr}.target-input-grid{grid-template-columns:1fr 1fr}.target-input-grid .target-primary{grid-row:auto;grid-column:1/-1}.employee-create-upload{grid-template-columns:38px 1fr}.employee-create-upload input{grid-column:1/-1}.team-directory-full .user-filterbar{margin-inline:14px}.team-directory-full .section-title{padding-inline:14px}} @media(max-width:560px){.employee-create-nav{align-items:flex-start;flex-direction:column;gap:5px}.employee-create-nav>span{display:none}.employee-create-hero{padding:20px 18px;border-radius:17px}.employee-create-hero h2{font-size:20px;line-height:1.5}.employee-create-hero p{font-size:10px}.employee-create-form{gap:14px}.employee-create-section-head{padding:15px;align-items:flex-start}.employee-create-section-head.target-head{flex-wrap:wrap}.employee-create-section-head .switch-control{width:100%;margin:4px 46px 0 0}.employee-create-grid{grid-template-columns:1fr;padding:15px}.employee-create-grid .span-2{grid-column:span 1}.employee-currency-rule{margin:0 15px 15px}.initial-target-fields{padding:15px}.target-input-grid{grid-template-columns:1fr}.target-input-grid .target-primary{grid-column:auto}.employee-create-actions{position:sticky;bottom:8px;background:rgba(245,247,250,.94);backdrop-filter:blur(8px);padding:8px;border-radius:13px;box-shadow:0 8px 25px rgba(31,41,51,.12);z-index:4}.team-page-head{padding:20px 18px}.team-directory-full{border-radius:14px}.work-scope-cell{min-width:110px}} /* ===== Settings redesign + global master data v0.9.2.6 ===== */ .settings-page-v2{padding-bottom:88px;scroll-behavior:smooth}.settings-hero-v2{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:14px;border-radius:22px;background:linear-gradient(135deg,var(--char),color-mix(in srgb,var(--char) 82%,#fff));color:#fff;box-shadow:var(--shadow-lift)}.settings-hero-v2:after{content:"";position:absolute;inset:auto -60px -110px auto;width:260px;height:260px;border:42px solid color-mix(in srgb,var(--red) 24%,transparent);border-radius:50%}.settings-hero-v2>div,.settings-hero-v2>.btn{position:relative;z-index:1}.settings-hero-v2 h2{margin:3px 0 5px;font-size:25px;color:#fff}.settings-hero-v2 p{margin:0;max-width:780px;color:#d7dee4;font-size:11px;line-height:1.8}.settings-hero-v2 .eyebrow{color:#ffbcc5}.settings-nav-v2{position:sticky;top:70px;z-index:18;display:flex;gap:5px;align-items:center;padding:7px;margin-bottom:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(31,41,51,.07);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}.settings-nav-v2::-webkit-scrollbar{display:none}.settings-nav-v2 a{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:8px 10px;border-radius:9px;color:#697580;font-size:9px;font-weight:900}.settings-nav-v2 a:hover{background:#f5f7f8;color:var(--char)}.settings-nav-v2 a.is-current{background:#fdebed;color:var(--red)}.settings-layout-v2{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:17px;align-items:start}.settings-main-v2{min-width:0}.settings-panel-v2{padding:0;overflow:hidden;margin-bottom:15px;scroll-margin-top:135px}.settings-panel-head-v2{display:flex;gap:12px;align-items:flex-start;padding:19px 21px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)}.settings-panel-head-v2>span:first-child{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#fdebed;color:var(--red);font-size:15px}.settings-panel-head-v2 h3{margin:0 0 3px;font-size:15px}.settings-panel-head-v2 p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.settings-panel-head-actions{align-items:center}.settings-subsection{padding:20px 21px;border-bottom:1px solid #edf0f2}.settings-subsection:last-child{border-bottom:0}.settings-subsection-title{display:flex;align-items:baseline;gap:9px;margin-bottom:13px}.settings-subsection-title b{font-size:11px;color:var(--char)}.settings-subsection-title small{font-size:8px;color:var(--muted)}.settings-page-v2 label{font-size:9px;font-weight:900;color:#59646e}.settings-page-v2 label input,.settings-page-v2 label select,.settings-page-v2 label textarea{margin-top:6px;font-weight:600}.field-help{display:block;margin-top:5px;color:#8b97a1;font-size:8px;font-weight:600;line-height:1.6}.organization-settings-block{background:#fcfdfd}.masterdata-callout{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin-top:15px;padding:13px 14px;border:1px solid #dce4e9;border-radius:14px;background:linear-gradient(135deg,#f7fafb,#fff)}.masterdata-callout-icon{width:40px;height:40px;border-radius:12px;background:#eaf3ff;color:#356ca8;display:grid;place-items:center;font-size:15px}.masterdata-callout b{display:block;font-size:10px}.masterdata-callout p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.65}.settings-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 21px}.settings-rule-grid label{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd}.settings-rule-grid label>span,.settings-rule-grid label>small{display:block}.settings-rule-grid label>span{font-size:9px;color:#505c66}.settings-rule-grid label>div{display:flex;align-items:center;gap:7px;margin:7px 0}.settings-rule-grid input{margin:0!important;min-width:0}.settings-rule-grid em{font-style:normal;color:#8c97a1;font-size:8px}.settings-rule-grid small{font-size:7px;color:#98a2aa;font-weight:600;line-height:1.5}.settings-weight-grid,.settings-panel-v2 .performance-rule-fields,.settings-panel-v2>.switch-row,.settings-panel-v2>label:not(.switch-row),.settings-panel-v2#operations>.form-grid,.settings-panel-v2#operations>.btn{margin-left:21px;margin-right:21px}.settings-weight-grid{margin-top:20px}.settings-panel-v2 .performance-rule-fields{margin-bottom:20px}.settings-panel-v2#performance>.settings-note{margin:0 21px 20px}.appearance-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 21px 0}.settings-panel-v2 .font-library-toolbar{margin:18px 21px 12px}.font-options-compact{margin:0 21px;grid-template-columns:repeat(2,minmax(0,1fr))}.font-options-compact .font-option{min-height:154px}.font-options-compact .font-option-sample{font-size:16px}.settings-icon-library{margin:18px 21px 21px}.settings-panel-v2#announcement>.switch-row{margin-top:20px}.settings-panel-v2#announcement>label:not(.switch-row){display:block;margin-top:14px;margin-bottom:21px}.settings-panel-v2#operations>.switch-row{margin-top:20px}.settings-panel-v2#operations>.form-grid{margin-top:16px;margin-bottom:14px}.settings-panel-v2#operations>.btn{margin-bottom:21px}.settings-side-v2{position:sticky;top:134px;display:flex;flex-direction:column;gap:13px}.settings-summary-card{padding:18px}.settings-brand-row{display:flex;align-items:center;gap:11px;margin:7px 0 14px}.settings-brand-row .brand-preview-logo{margin:0;width:58px;height:58px;border-radius:15px;flex:0 0 auto}.settings-brand-row .brand-preview-logo img{max-width:50px;max-height:50px}.settings-brand-row h3{font-size:13px;margin:0 0 3px}.settings-brand-row p{margin:0;color:var(--muted);font-size:8px}.settings-summary-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}.settings-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.settings-summary-list span{font-size:8px;color:var(--muted)}.settings-summary-list b{font-size:8px;text-align:left}.settings-summary-link{display:flex;align-items:center;gap:7px;margin-top:11px;padding:8px 10px;border-radius:9px;background:#f4f7f9;color:#586775;font-size:8px;font-weight:900}.settings-summary-link:hover{background:#fdebed;color:var(--red)}.settings-health-v2{padding:17px}.settings-health-v2 .section-title{margin-bottom:7px}.settings-savebar-v2{border-radius:16px;padding:9px 10px 9px 16px}.settings-savebar-v2 span{display:flex;align-items:center;gap:6px}.settings-kicker{font-size:8px}.w-full{width:100%;justify-content:center} .masterdata-page{min-width:0}.masterdata-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px;border-radius:22px;background:linear-gradient(135deg,var(--char),color-mix(in srgb,var(--char) 80%,#fff));color:#fff;box-shadow:var(--shadow-lift);margin-bottom:12px}.masterdata-hero:after{content:"";position:absolute;left:-70px;bottom:-110px;width:260px;height:260px;border-radius:50%;border:40px solid color-mix(in srgb,var(--red) 20%,transparent)}.masterdata-hero-copy,.masterdata-settings-link{position:relative;z-index:1}.masterdata-hero h2{margin:3px 0 4px;color:#fff;font-size:24px}.masterdata-hero p{margin:0;max-width:760px;color:#d6dde3;font-size:10px;line-height:1.8}.masterdata-hero .eyebrow{color:#ffbcc5}.masterdata-hero .btn-secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.17);color:#fff}.masterdata-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.masterdata-summary article{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-soft)}.masterdata-summary article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f3f6f8;color:#677580}.masterdata-summary small,.masterdata-summary strong{display:block}.masterdata-summary small{font-size:7px;color:var(--muted)}.masterdata-summary strong{font-size:17px;margin-top:1px}.masterdata-tabs{display:flex;gap:5px;align-items:center;padding:6px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow-x:auto;scrollbar-width:none}.masterdata-tabs::-webkit-scrollbar{display:none}.masterdata-tabs a{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 11px;border-radius:9px;color:#6b7781;font-size:8px;font-weight:900}.masterdata-tabs a:hover{background:#f5f7f8;color:var(--char)}.masterdata-tabs a.active{background:#fdebed;color:var(--red)}.masterdata-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px;align-items:start}.masterdata-list-card,.masterdata-create-card{padding:0;overflow:visible}.masterdata-create-card{position:sticky;top:88px}.masterdata-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.masterdata-section-head.compact{display:block}.masterdata-section-head h3{margin:0 0 3px;font-size:14px}.masterdata-section-head p{margin:0;color:var(--muted);font-size:8px;line-height:1.65}.count-chip{background:#f2f5f7;color:#64717c;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:900;white-space:nowrap}.masterdata-table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin}.masterdata-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.masterdata-table th{position:sticky;top:0;z-index:1;background:#f8fafb;color:#8b96a0;font-size:7px;text-align:right;padding:9px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.masterdata-table td{padding:10px 11px;border-bottom:1px solid #edf0f2;font-size:8px;vertical-align:middle}.masterdata-table tbody tr:last-child td{border-bottom:0}.masterdata-table tbody tr:not(.masterdata-edit-row):hover td{background:#fbfcfd}.masterdata-primary b,.masterdata-primary small,.usage-stack small{display:block}.masterdata-primary b{font-size:9px}.masterdata-primary small,.usage-stack small,.muted-text{font-size:7px;color:var(--muted);margin-top:2px}.masterdata-table code{background:#f3f6f8;border-radius:6px;padding:3px 5px;font-size:7px;color:#4f5f6c}.row-actions{position:relative}.row-actions>summary{list-style:none;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f5f7f8;color:#65727d}.row-actions>summary::-webkit-details-marker{display:none}.row-actions[open]>summary{background:#fdebed;color:var(--red)}.row-actions>div{position:absolute;left:0;top:34px;z-index:15;min-width:130px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 35px rgba(31,41,51,.13)}.row-actions button{width:100%;display:flex;gap:6px;align-items:center;border:0;background:transparent;padding:7px 8px;border-radius:7px;color:#596570;font:inherit;font-size:8px;font-weight:800;text-align:right;cursor:pointer}.row-actions button:hover{background:#f5f7f8;color:var(--char)}.masterdata-edit-row td{background:#f9fbfc!important}.masterdata-inline-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:8px;align-items:end;padding:5px 0}.masterdata-inline-form label{font-size:7px;color:#7c8791;font-weight:900}.masterdata-inline-form input,.masterdata-inline-form select{margin-top:4px;padding:7px 8px;font-size:8px}.inline-actions{display:flex;gap:5px;align-items:center}.masterdata-create-form{padding:17px 18px}.masterdata-create-form>label,.masterdata-create-form>.form-grid{display:block;margin-bottom:10px}.masterdata-create-form label{font-size:8px;color:#68747e;font-weight:900}.masterdata-create-form input,.masterdata-create-form select{margin-top:5px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.currency-name{display:flex;align-items:center;gap:9px}.currency-name>span{min-width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f2f5f7;color:#586773;font-weight:900}.currency-name b,.currency-name small{display:block}.currency-name small{font-size:7px;color:var(--muted)}.reporting-badge{display:inline-flex;margin-right:5px;background:#e7f3ff;color:#3e74a8;border-radius:999px;padding:3px 6px;font-size:6px;font-weight:900}.is-reporting-currency td{background:#fbfdff}.masterdata-empty{text-align:center;padding:45px 20px;color:#87939d}.masterdata-empty>i,.masterdata-empty>.ui-icon-fallback{display:block;font-size:28px;color:#b9c3cb;margin-bottom:10px}.masterdata-empty b{display:block;color:#57636d}.masterdata-empty p{max-width:420px;margin:5px auto 0;font-size:8px;line-height:1.7}.status-inactive{background:#eef1f3;color:#6d7881} @media(max-width:1180px){.settings-layout-v2{grid-template-columns:1fr}.settings-side-v2{position:static;display:grid;grid-template-columns:1fr 1fr}.masterdata-layout{grid-template-columns:1fr}.masterdata-create-card{position:static;order:-1}.masterdata-create-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.masterdata-create-form>label,.masterdata-create-form>.form-grid{margin:0}.masterdata-create-form>.btn,.masterdata-create-form>.settings-note{grid-column:1/-1}.masterdata-create-form .form-grid.two{display:grid}} @media(max-width:960px){.settings-nav-v2{top:63px}.settings-rule-grid{grid-template-columns:1fr 1fr}.font-options-compact{grid-template-columns:1fr}.masterdata-summary{grid-template-columns:1fr 1fr}.masterdata-hero{align-items:flex-start}.masterdata-inline-form{grid-template-columns:1fr 1fr 1fr}.masterdata-inline-form .inline-actions{grid-column:1/-1}} @media(max-width:720px){.settings-hero-v2,.masterdata-hero{flex-direction:column;align-items:stretch;padding:21px}.settings-hero-v2 .btn,.masterdata-hero .btn{width:100%;justify-content:center}.settings-hero-v2 h2,.masterdata-hero h2{font-size:20px}.settings-nav-v2{margin-left:-2px;margin-right:-2px}.settings-panel-head-v2{padding:16px}.settings-subsection{padding:16px}.settings-subsection-title{display:block}.settings-subsection-title small{display:block;margin-top:3px}.masterdata-callout{grid-template-columns:38px 1fr}.masterdata-callout .btn{grid-column:1/-1;width:100%;justify-content:center}.settings-rule-grid{padding:16px}.settings-weight-grid,.settings-panel-v2 .performance-rule-fields,.settings-panel-v2>.switch-row,.settings-panel-v2>label:not(.switch-row),.settings-panel-v2#operations>.form-grid,.settings-panel-v2#operations>.btn{margin-left:16px;margin-right:16px}.settings-panel-v2#performance>.settings-note{margin-left:16px;margin-right:16px}.appearance-color-grid{padding-left:16px;padding-right:16px}.settings-panel-v2 .font-library-toolbar,.font-options-compact,.settings-icon-library{margin-left:16px;margin-right:16px}.settings-side-v2{grid-template-columns:1fr}.settings-savebar-v2{left:10px;right:10px;bottom:10px}.settings-savebar-v2 span{display:none}.settings-savebar-v2 .btn{width:100%;justify-content:center}.masterdata-section-head{padding:15px}.masterdata-create-form{padding:15px}.masterdata-table{min-width:680px}} @media(max-width:520px){.settings-rule-grid,.appearance-color-grid,.masterdata-summary,.masterdata-create-form{grid-template-columns:1fr}.masterdata-create-form>.btn,.masterdata-create-form>.settings-note{grid-column:auto}.form-grid.two{grid-template-columns:1fr}.settings-panel-head-v2{gap:9px}.settings-panel-head-v2>span:first-child{width:34px;height:34px}.settings-panel-head-actions{align-items:flex-start}.font-library-status{min-width:70px}.settings-nav-v2 a{padding:8px 9px}.masterdata-tabs a{padding:8px 9px}.masterdata-summary article{padding:10px 12px}.masterdata-inline-form{grid-template-columns:1fr}.masterdata-inline-form .inline-actions{grid-column:auto}.masterdata-hero p{font-size:9px}.masterdata-table{min-width:620px}} .status-active{background:#e5f7ef;color:#128153} .masterdata-page.is-readonly .masterdata-layout{grid-template-columns:1fr}.masterdata-page.is-readonly .masterdata-create-card,.masterdata-page.is-readonly .row-actions,.masterdata-page.is-readonly .masterdata-edit-row{display:none!important}.masterdata-readonly-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:8px;font-weight:900} /* Currency policy & multi-currency reporting v0.9.2.7 */ .currency-warning-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(217,119,6,.24);background:rgba(245,158,11,.08);border-radius:12px;color:#8a4b08;font-size:13px;font-weight:700;line-height:1.7} .currency-policy-note{margin-top:14px} .deal-finance small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:600} @media(max-width:720px){.currency-warning-banner{font-size:12px}.deal-finance small{font-size:10px}} /* ===== Global currency policy v0.9.2.7 ===== */ .operations-badge{background:rgba(14,116,144,.1);color:#0e7490;border:1px solid rgba(14,116,144,.18)} .table-submoney,.reporting-equivalent{display:block;margin-top:3px;font-size:.76rem;font-weight:600;color:var(--muted,#6b7280);white-space:nowrap} .currency-policy-note{line-height:1.65} /* ===== Work day & team operational presence v0.9.2.11 ===== */ .top-work-status{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line,#e6e9ee);border-radius:999px;background:#fff;color:var(--text,#20262d);font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none}.top-work-status i,.work-status-chip i,.work-status-dot{width:8px;height:8px;border-radius:50%;background:#a1a9b3;display:inline-block;box-shadow:0 0 0 4px rgba(161,169,179,.12)}.top-work-status.status-available i,.work-status-chip.status-available i,.work-status-dot.status-available{background:#20a464;box-shadow:0 0 0 4px rgba(32,164,100,.12)}.top-work-status.status-busy i,.work-status-chip.status-busy i,.work-status-dot.status-busy{background:#e18a16;box-shadow:0 0 0 4px rgba(225,138,22,.12)}.top-work-status.status-meeting i,.work-status-chip.status-meeting i,.work-status-dot.status-meeting{background:#6f5dd7;box-shadow:0 0 0 4px rgba(111,93,215,.12)}.top-work-status.status-break i,.work-status-chip.status-break i,.work-status-dot.status-break{background:#e6a23c;box-shadow:0 0 0 4px rgba(230,162,60,.12)}.top-work-status.status-ended i,.top-work-status.status-offline i,.work-status-chip.status-ended i,.work-status-dot.status-ended{background:#78828f;box-shadow:0 0 0 4px rgba(120,130,143,.12)}.top-work-status.status-not_started i,.work-status-chip.status-not_started i,.work-status-dot.status-not_started{background:#b1b7c0;box-shadow:0 0 0 4px rgba(177,183,192,.12)} .work-day-card{overflow:hidden;padding:0}.work-day-start-layout,.work-day-active-layout,.work-day-ended-layout,.work-day-unavailable{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.work-day-start-layout{background:linear-gradient(135deg,rgba(215,25,45,.035),rgba(52,111,223,.035))}.work-day-main{display:flex;align-items:center;gap:16px;min-width:0}.work-day-main h3,.work-day-ended-layout h3{margin:2px 0 5px;font-size:20px}.work-day-main p,.work-day-ended-layout p,.work-day-unavailable p{margin:0;color:var(--muted,#69727d);font-size:13px}.work-day-main small{display:block;margin-top:7px;color:var(--muted,#7a838d);font-size:11px;direction:ltr;text-align:right}.work-day-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(215,25,45,.09);color:var(--red);font-size:21px;flex:0 0 auto}.work-day-live{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(32,164,100,.09);flex:0 0 auto}.work-day-live i{width:13px;height:13px;border-radius:50%;background:#20a464;box-shadow:0 0 0 8px rgba(32,164,100,.12)}.work-day-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.work-status-form label{display:grid;gap:5px}.work-status-form label span{font-size:10px;color:var(--muted,#737c87);font-weight:800}.work-status-form select{min-width:150px;height:42px;border-radius:10px;border:1px solid var(--line,#dfe3e8);background:#fff;padding:0 11px;font:inherit}.work-day-ended-layout{justify-content:flex-start}.work-day-unavailable{justify-content:flex-start;background:#fff8e8}.work-day-unavailable b{display:block;margin-bottom:4px}.btn-lg{min-height:46px;padding-inline:20px} .manager-work-today{margin-top:18px}.manager-work-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.manager-work-summary>div{border:1px solid var(--line,#e7eaee);background:var(--soft,#f7f8fa);border-radius:12px;padding:13px 14px}.manager-work-summary span{display:block;color:var(--muted,#6e7782);font-size:11px}.manager-work-summary b{display:block;margin-top:4px;font-size:19px}.manager-work-mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.manager-work-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#e7eaee);border-radius:12px;padding:10px 11px;min-width:0}.manager-work-mini .avatar{width:34px;height:34px;flex:0 0 34px}.manager-work-mini>div{min-width:0;flex:1}.manager-work-mini b,.manager-work-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-work-mini small{font-size:10px;color:var(--muted,#78818b);margin-top:2px}.work-status-dot{flex:0 0 8px} .team-presence-hero{margin-bottom:16px}.work-team-stats{margin-bottom:16px}.team-work-card{overflow:hidden}.team-work-list{display:grid;gap:9px}.team-work-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(150px,1fr) 130px 130px;align-items:center;gap:14px;border:1px solid var(--line,#e4e8ed);border-radius:14px;padding:12px 14px;background:#fff}.team-work-row:hover{border-color:#d2d8df;box-shadow:0 5px 18px rgba(29,39,51,.04)}.team-work-person{display:flex;align-items:center;gap:11px;min-width:0}.team-work-person .avatar{width:42px;height:42px;flex:0 0 42px}.team-work-person>div{min-width:0}.team-work-person b,.team-work-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-work-person small,.team-work-state small,.team-work-time small,.team-work-time span{font-size:10px;color:var(--muted,#737d88)}.team-work-state{display:grid;gap:5px;justify-items:start}.work-status-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line,#e2e6eb);border-radius:999px;padding:6px 9px;background:#fafbfc;font-size:11px;font-weight:800}.presence-inline.online{color:#168754;font-weight:800}.team-work-time{display:grid;gap:2px}.team-work-time b{font-size:15px}.team-work-time span{direction:ltr;text-align:right}.team-work-row.status-not_started{background:#fcfcfd}.team-work-row.status-break{background:#fffdfa}.team-work-row.status-meeting{background:#fbfaff} @media(max-width:1100px){.manager-work-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}.team-work-row{grid-template-columns:minmax(210px,1.5fr) minmax(145px,1fr) 115px}.team-work-row .team-work-time:last-child{display:none}} @media(max-width:820px){.top-work-status span{display:none}.top-work-status{width:38px;justify-content:center;padding:0}.work-day-start-layout,.work-day-active-layout{align-items:stretch;flex-direction:column}.work-day-controls{width:100%}.work-day-controls form,.work-day-controls label,.work-day-controls select{flex:1}.manager-work-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.team-work-row{grid-template-columns:1fr 120px}.team-work-state{justify-self:end}.team-work-time{display:none}} @media(max-width:560px){.work-day-start-layout,.work-day-active-layout,.work-day-ended-layout,.work-day-unavailable{padding:17px}.work-day-main{align-items:flex-start}.work-day-main h3,.work-day-ended-layout h3{font-size:17px}.work-day-controls{display:grid;grid-template-columns:1fr}.work-status-form select,.work-day-controls .btn{width:100%}.manager-work-summary{grid-template-columns:1fr 1fr}.manager-work-mini-list{grid-template-columns:1fr}.team-work-row{grid-template-columns:1fr;gap:9px}.team-work-state{justify-self:start;padding-right:52px}.work-team-stats{grid-template-columns:1fr 1fr}.top-work-status{display:none}} @media(max-width:390px){.manager-work-summary,.work-team-stats{grid-template-columns:1fr}} /* Academy v3 — internal sales & marketing curriculum */ .academy-hero-v3{background:linear-gradient(135deg,#212a31 0%,#34414b 58%,#4b5963 100%);position:relative;overflow:hidden}.academy-hero-v3:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:58px solid rgba(255,255,255,.035);left:-80px;bottom:-180px;pointer-events:none}.academy-hero-v3>div,.academy-hero-v3>a{position:relative;z-index:1}.academy-principles{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.academy-principles span{font-size:8px;font-weight:800;padding:6px 9px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:999px;color:#e8edf0}.academy-readiness{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:center;margin-bottom:13px;padding:18px}.academy-readiness-main{display:flex;gap:16px;align-items:center}.academy-readiness-ring{width:104px;height:104px;flex:0 0 104px;border-radius:50%;border:8px solid #e9eef1;border-top-color:var(--red);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff}.academy-readiness-ring strong{font-size:22px;line-height:1}.academy-readiness-ring span{font-size:7px;color:var(--muted);margin-top:4px}.academy-readiness-main h3{margin:3px 0 5px}.academy-readiness-main p{margin:0;color:var(--muted);font-size:9px;max-width:680px}.academy-readiness-side{border-right:1px solid var(--line);padding-right:16px;display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.academy-readiness-side>div,.academy-readiness-side>a{background:#f7f9fa;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px;min-width:0}.academy-readiness-side a{color:inherit}.academy-readiness-side small{font-size:7px;color:var(--muted)}.academy-readiness-side strong{font-size:15px}.academy-readiness-side b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.academy-readiness-side span{font-size:7px;color:var(--red);font-weight:800}.training-summary-v3{margin-bottom:13px}.academy-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.academy-course-v3{display:flex;flex-direction:column}.academy-course-v3.is-complete{border-color:#bfe4d3}.academy-step-number{width:40px;height:40px;border-radius:12px;background:#f0f3f5;color:#36434d;display:grid;place-items:center;font-weight:900;font-size:11px}.academy-course-v3.is-complete .academy-step-number{background:#e9f8f1;color:#16744e}.course-card-badges{display:flex;gap:5px;align-items:center}.course-level{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900;background:#f0f3f5;color:#57636d}.level-foundation{background:#eaf2ff;color:#3567b4}.level-core{background:#f2edff;color:#6553a8}.level-advanced{background:#fff0df;color:#98600f}.academy-course-progress{margin-top:auto;padding-top:12px}.academy-course-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:8px}.academy-course-progress>div:first-child span{color:var(--muted)}.academy-course-progress small{font-size:7px;color:var(--muted);display:block;margin:5px 0 10px}.course-hero-v3{align-items:center}.course-hero-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.course-outcomes-card{margin-bottom:12px}.learning-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learning-outcomes>div{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;background:#f8fafb;border:1px solid var(--line);border-radius:11px;padding:9px}.learning-outcomes>div>span{width:27px;height:27px;border-radius:9px;background:#e8f7ef;color:#18805a;display:grid;place-items:center}.learning-outcomes p{margin:2px 0 0;font-size:9px}.lesson-objective{color:#53616b!important;margin-bottom:2px}.practical-gate-card{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;margin-top:12px}.practical-gate-icon{width:50px;height:50px;border-radius:14px;background:#fff4df;color:#a46b11;display:grid;place-items:center;font-size:18px}.practical-gate-card h3{margin:2px 0 4px}.practical-gate-card p{margin:0;color:var(--muted);font-size:9px}.academy-complete-banner{display:flex;gap:12px;align-items:center;background:#eaf8f2;border:1px solid #bfe4d3;color:#146948;border-radius:14px;padding:13px 15px;margin-top:12px}.academy-complete-banner>svg,.academy-complete-banner>i{font-size:20px}.academy-complete-banner b,.academy-complete-banner span{display:block}.academy-complete-banner span{font-size:8px;color:#3d765f;margin-top:2px}.lesson-card-v3{max-width:980px;margin-inline:auto}.lesson-goal{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;background:#f4f7f9;border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin:12px 0}.lesson-goal>span{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--red);display:grid;place-items:center}.lesson-goal small,.lesson-goal b{display:block}.lesson-goal small{font-size:7px;color:var(--muted)}.lesson-goal b{font-size:9px;margin-top:2px}.lesson-content-v3{font-size:var(--ui-font-xs)!important;line-height:2!important;color:#29343c}.lesson-content-v3 br+br{display:block;content:"";margin-top:10px}.quiz-hero-v3{align-items:center}.quiz-hero-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.quiz-hero-facts span{font-size:7px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.quiz-submit-bar{position:sticky;bottom:10px;z-index:5;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(18,29,37,.12);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.quiz-submit-bar span{font-size:8px;color:var(--muted)} @media(max-width:1100px){.academy-path-grid{grid-template-columns:1fr 1fr}.academy-readiness{grid-template-columns:1fr}.academy-readiness-side{border-right:0;border-top:1px solid var(--line);padding-right:0;padding-top:12px}} @media(max-width:720px){.academy-path-grid,.learning-outcomes{grid-template-columns:1fr}.academy-readiness-main{align-items:flex-start}.academy-readiness-ring{width:86px;height:86px;flex-basis:86px}.academy-readiness-ring strong{font-size:18px}.academy-readiness-side{grid-template-columns:1fr}.practical-gate-card{grid-template-columns:46px 1fr}.practical-gate-card>.status{grid-column:2}.quiz-submit-bar{position:static;flex-direction:column;align-items:stretch}.quiz-submit-bar .btn{width:100%}} @media(max-width:460px){.academy-readiness-main{flex-direction:column}.academy-readiness-ring{align-self:flex-start}.academy-principles span{font-size:7px}.course-card-badges{align-items:flex-start;flex-direction:column}} /* Academy 0.9.2.13 — learning experience + curriculum editor */ .academy-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:28px;align-items:stretch;background:linear-gradient(135deg,#20272d 0%,#303a42 55%,#3d4851 100%);border-radius:24px;padding:34px;color:#fff;margin-bottom:18px;box-shadow:0 18px 45px rgba(20,28,34,.14);position:relative;overflow:hidden}.academy-dashboard-hero:after{content:"";position:absolute;inset:auto -100px -170px auto;width:330px;height:330px;border:65px solid rgba(255,255,255,.035);border-radius:50%}.academy-dashboard-copy,.academy-readiness-panel{position:relative;z-index:1}.academy-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#ffd7dc}.academy-dashboard-copy h2{font-size:30px;line-height:1.45;margin:8px 0 10px;max-width:820px}.academy-dashboard-copy>p{font-size:14px;line-height:1.9;color:#d7dde1;max-width:850px;margin:0}.academy-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.academy-outline-btn{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff}.academy-outline-btn:hover{background:rgba(255,255,255,.12)}.academy-readiness-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:center}.academy-readiness-score{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.academy-readiness-score strong{font-size:42px;line-height:1;font-weight:900}.academy-readiness-score span{font-size:11px;color:#cbd4da}.academy-readiness-progress{margin:18px 0 12px}.academy-readiness-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px}.academy-readiness-panel .progress{background:rgba(255,255,255,.13);height:8px}.academy-readiness-panel small{font-size:10px;line-height:1.8;color:#cbd4da}.academy-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.academy-dashboard-stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 7px 24px rgba(31,41,51,.045)}.academy-dashboard-stats article>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f4f7f9;font-size:16px}.academy-dashboard-stats small,.academy-dashboard-stats strong,.academy-dashboard-stats p{display:block}.academy-dashboard-stats small{font-size:10px;color:var(--muted)}.academy-dashboard-stats strong{font-size:23px;line-height:1.2;margin:2px 0}.academy-dashboard-stats p{font-size:9px;color:var(--muted);margin:0}.academy-focus-section,.academy-catalog-section,.academy-practical-section,.academy-manage-section,.academy-editor-section,.academy-course-section{margin:28px 0}.academy-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.academy-section-head .eyebrow{color:var(--red);font-size:10px}.academy-section-head h3{font-size:20px;margin:2px 0}.academy-section-head p{font-size:11px;color:var(--muted);margin:0}.academy-count-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800;color:#58646d}.academy-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.academy-focus-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 7px 22px rgba(31,41,51,.04);transition:.18s}.academy-focus-card:hover{transform:translateY(-2px);border-color:#d5dce2;box-shadow:0 12px 28px rgba(31,41,51,.075)}.academy-focus-card.is-late{border-color:#f0c8cd}.academy-focus-icon{width:42px;height:42px;border-radius:12px;background:#f4f7f9;display:grid;place-items:center;color:var(--red)}.academy-focus-copy>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.academy-focus-copy b{font-size:13px}.academy-focus-copy p{font-size:10px;color:var(--muted);margin:3px 0 8px}.academy-focus-copy small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.academy-focus-card>strong{font-size:16px}.academy-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.academy-program-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;min-height:365px;box-shadow:0 8px 26px rgba(31,41,51,.045);transition:.18s}.academy-program-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(31,41,51,.08)}.academy-program-card.is-complete{border-color:#bfe4d3}.academy-program-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.academy-program-head>div{display:flex;flex-wrap:wrap;gap:5px}.academy-program-number{width:42px;height:42px;border-radius:13px;background:#f1f4f6;display:grid;place-items:center;font-size:12px;font-weight:900;color:#3d4952}.academy-program-card.is-complete .academy-program-number{background:#eaf8f1;color:#14754f}.academy-plan-badge{padding:4px 7px;border-radius:999px;background:#fff5df;color:#96600e;font-size:8px;font-weight:800}.academy-program-card .course-category{margin-top:15px;font-size:9px;color:var(--red);font-weight:800}.academy-program-card h3{font-size:16px;margin:4px 0 7px;line-height:1.6}.academy-program-card>p{font-size:10px;line-height:1.8;color:var(--muted);margin:0;min-height:56px}.academy-program-facts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.academy-program-facts span{font-size:8px;background:#f7f9fa;border:1px solid var(--line);border-radius:8px;padding:5px 7px;color:#5e6972}.academy-program-progress{margin-top:auto}.academy-program-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.academy-program-progress small{display:block;color:var(--muted);font-size:8px;margin-top:6px}.academy-program-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;font-weight:800;color:#36434d}.academy-program-action:hover{color:var(--red)}.academy-practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.academy-practical-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.academy-practical-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.academy-practical-head>div{display:flex;gap:10px}.academy-practical-icon{width:38px;height:38px;border-radius:11px;background:#fff4df;color:#a16810;display:grid;place-items:center;flex:0 0 38px}.academy-practical-head b,.academy-practical-head small{display:block}.academy-practical-head b{font-size:12px}.academy-practical-head small{font-size:9px;color:var(--muted);margin-top:2px}.academy-practical-card>p{font-size:10px;color:#53606a;line-height:1.9}.academy-practical-submit{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.academy-practical-submit textarea{min-height:105px}.academy-practical-submit .btn{margin-top:8px}.academy-waiting-note{background:#f6f8fa;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:9px;color:#65717a;margin-top:12px} .academy-course-breadcrumb,.academy-admin-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-bottom:12px}.academy-course-breadcrumb a,.academy-admin-breadcrumb a{font-weight:800;color:#46525c}.academy-course-header{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 30px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;box-shadow:0 8px 28px rgba(31,41,51,.045);margin-bottom:18px}.academy-course-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.academy-course-tags>span:not(.course-level){font-size:9px;color:#63707a;background:#f5f7f9;border-radius:999px;padding:4px 8px}.academy-course-header h2{font-size:27px;margin:10px 0 7px}.academy-course-header-copy>p{font-size:12px;color:var(--muted);line-height:1.9;max-width:850px;margin:0}.academy-course-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.academy-course-meta span{font-size:9px;color:#58656e;border:1px solid var(--line);background:#f8fafb;border-radius:9px;padding:6px 8px}.academy-course-edit-btn{background:#f1f4f6;color:#35414a;white-space:nowrap}.academy-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.academy-course-assignment{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;background:#fff7e8;border:1px solid #f4deb5;border-radius:15px;padding:13px 15px}.academy-course-assignment>span{width:40px;height:40px;border-radius:12px;background:#fff;color:#a86c0c;display:grid;place-items:center}.academy-course-assignment b{font-size:11px}.academy-course-assignment p{font-size:9px;color:#816735;margin:2px 0 0}.academy-outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.academy-outcomes-grid>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px}.academy-outcomes-grid>div>span{width:29px;height:29px;border-radius:9px;background:#eaf8f1;color:#137a51;display:grid;place-items:center}.academy-outcomes-grid p{font-size:10px;line-height:1.75;margin:4px 0 0}.academy-course-lessons{display:flex;flex-direction:column;gap:8px}.academy-course-lesson{display:grid;grid-template-columns:46px 1fr 28px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.16s}.academy-course-lesson:not(.is-locked):hover{border-color:#cbd4db;transform:translateX(-2px)}.academy-course-lesson.is-done{border-color:#c8e6d7;background:#fbfefc}.academy-course-lesson.is-locked{opacity:.58;background:#f6f7f8}.academy-course-lesson-num{width:42px;height:42px;border-radius:12px;background:#f2f5f7;color:#48545d;display:grid;place-items:center;font-weight:900}.academy-course-lesson.is-done .academy-course-lesson-num{background:#e8f7ef;color:#13784f}.academy-course-lesson-copy>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.academy-course-lesson-copy b{font-size:12px}.academy-course-lesson-copy p{font-size:9px;color:#4e5b65;margin:2px 0}.academy-course-lesson-copy small{font-size:8px;color:var(--muted)}.academy-lesson-state{font-size:8px;color:var(--muted);white-space:nowrap}.academy-course-lesson-arrow{color:#919ba3;text-align:left}.academy-course-assessment{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:16px 0}.academy-assessment-icon{width:50px;height:50px;border-radius:14px;background:#f0edff;color:#6655a7;display:grid;place-items:center;font-size:18px}.academy-practical-gate .academy-assessment-icon{background:#fff4df;color:#a16810}.academy-course-assessment .eyebrow{color:var(--red);font-size:9px}.academy-course-assessment h3{font-size:14px;margin:2px 0 3px}.academy-course-assessment p{font-size:9px;color:var(--muted);margin:0}.academy-assessment-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.academy-assessment-meta span{font-size:8px;background:#f6f8fa;border-radius:7px;padding:4px 6px}.academy-course-sidebar{position:sticky;top:96px}.academy-course-progress-card,.academy-course-rule-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;margin-bottom:12px}.academy-course-progress-card .eyebrow{color:var(--red);font-size:9px}.academy-course-progress-circle{width:96px;height:96px;margin:12px auto;border:8px solid #edf1f3;border-top-color:var(--red);border-radius:50%;display:grid;place-items:center}.academy-course-progress-circle strong{font-size:21px}.academy-course-progress-card ul{padding:0;margin:13px 0 0;list-style:none}.academy-course-progress-card li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:9px}.academy-course-progress-card li span{color:var(--muted)}.academy-course-complete{margin-top:12px;padding:9px;border-radius:10px;background:#eaf8f1;color:#14754f;font-size:9px;font-weight:800;text-align:center}.academy-course-rule-card b{font-size:10px}.academy-course-rule-card p{font-size:9px;color:var(--muted);line-height:1.8;margin:6px 0 0} .academy-manage-hero,.academy-editor-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#263039;border-radius:22px;padding:27px 30px;color:#fff;margin-bottom:15px}.academy-manage-hero .eyebrow,.academy-editor-hero .eyebrow{color:#ffcbd2;font-size:10px}.academy-manage-hero h2,.academy-editor-hero h2{font-size:25px;margin:4px 0}.academy-manage-hero p,.academy-editor-hero p{font-size:11px;color:#d4dce1;margin:0;max-width:780px}.academy-manage-actions,.academy-editor-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.academy-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:25px}.academy-admin-stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:10px}.academy-admin-stats article>span{width:39px;height:39px;border-radius:11px;background:#f3f6f8;display:grid;place-items:center;color:var(--red)}.academy-admin-stats small,.academy-admin-stats strong{display:block}.academy-admin-stats small{font-size:9px;color:var(--muted)}.academy-admin-stats strong{font-size:20px}.academy-manage-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.academy-manage-course{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;flex-direction:column;min-height:285px}.academy-manage-course.is-inactive{opacity:.7}.academy-manage-course-top{display:flex;justify-content:space-between;gap:8px}.academy-manage-course .course-category{font-size:8px;color:var(--red);font-weight:800;margin-top:12px}.academy-manage-course h3{font-size:14px;margin:4px 0 6px}.academy-manage-course>p{font-size:9px;color:var(--muted);line-height:1.75;margin:0;min-height:48px}.academy-manage-course-metrics{display:flex;gap:7px;margin-top:13px}.academy-manage-course-metrics span{flex:1;text-align:center;border:1px solid var(--line);background:#f8fafb;border-radius:9px;padding:6px;font-size:8px;color:var(--muted)}.academy-manage-course-metrics b{display:block;color:#36424b;font-size:12px}.academy-manage-course-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:11px;margin-top:auto}.academy-manage-course-footer small{font-size:8px;color:var(--muted)}.academy-manage-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.academy-admin-list,.academy-review-list{display:flex;flex-direction:column}.academy-admin-list article{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.academy-admin-list b,.academy-admin-list small{display:block}.academy-admin-list b{font-size:10px}.academy-admin-list small{font-size:8px;color:var(--muted)}.academy-review-list article{padding:12px 0;border-bottom:1px solid var(--line)}.academy-review-list article.needs-review{background:#fffbf3;margin:0 -10px;padding:12px 10px;border-radius:10px}.academy-review-copy b,.academy-review-copy small{display:block}.academy-review-copy b{font-size:10px}.academy-review-copy small{font-size:8px;color:var(--muted)}.academy-review-copy p{font-size:9px;color:#53606a;margin:6px 0}.academy-review-form{display:grid;grid-template-columns:90px 1fr auto;gap:7px;margin-top:9px}.academy-review-form>div{display:flex;gap:5px}.academy-new-course>summary{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;cursor:pointer;list-style:none}.academy-new-course>summary::-webkit-details-marker{display:none}.academy-new-course>summary>span{width:40px;height:40px;border-radius:11px;background:#fdebed;color:var(--red);display:grid;place-items:center}.academy-new-course>summary b,.academy-new-course>summary small{display:block}.academy-new-course>summary b{font-size:11px}.academy-new-course>summary small{font-size:8px;color:var(--muted)}.academy-new-course-form{border-top:1px solid var(--line);padding-top:18px;margin-top:15px} .academy-editor-nav{display:flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:6px;margin-bottom:16px;position:sticky;top:84px;z-index:8;box-shadow:0 6px 18px rgba(31,41,51,.035)}.academy-editor-nav a{padding:8px 11px;border-radius:8px;font-size:9px;font-weight:800;color:#55616b}.academy-editor-nav a:hover{background:#f3f6f8;color:#28343d}.academy-editor-nav b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#edf1f3;border-radius:999px;font-size:8px}.academy-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:16px;align-items:start}.academy-editor-layout main{min-width:0}.academy-editor-section.card{padding:20px}.academy-editor-form textarea[name=learning_outcomes]{min-height:140px}.academy-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.academy-toggle{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);background:#f9fafb;border-radius:11px;padding:10px;cursor:pointer}.academy-toggle input[type=checkbox]{width:auto;margin-top:2px}.academy-toggle b,.academy-toggle small{display:block}.academy-toggle b{font-size:9px}.academy-toggle small{font-size:7px;color:var(--muted);font-weight:400;margin-top:2px}.academy-toggle-inline{margin-top:10px}.academy-practical-config{padding-top:14px;border-top:1px dashed var(--line)}.academy-editor-lessons,.academy-question-list{display:flex;flex-direction:column;gap:9px}.academy-edit-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.academy-edit-item[open]{border-color:#cfd7de;box-shadow:0 8px 22px rgba(31,41,51,.045)}.academy-edit-item>summary{display:grid;grid-template-columns:42px 1fr 24px;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}.academy-edit-item>summary::-webkit-details-marker{display:none}.academy-edit-index{width:39px;height:39px;border-radius:11px;background:#f1f4f6;display:grid;place-items:center;font-size:9px;font-weight:900}.academy-edit-item>summary b,.academy-edit-item>summary small{display:block}.academy-edit-item>summary b{font-size:10px}.academy-edit-item>summary small{font-size:8px;color:var(--muted);margin-top:2px}.academy-edit-body{border-top:1px solid var(--line);padding:16px;background:#fbfcfd}.academy-edit-body textarea[name=content]{font-family:inherit;line-height:1.9;min-height:330px}.academy-version-note{display:flex;align-items:flex-start;gap:7px;background:#f0f5fb;border:1px solid #d9e4ef;color:#4a6278;border-radius:10px;padding:9px 10px;font-size:8px;line-height:1.7;margin-top:10px}.academy-warning-note{background:#fff8e9;border-color:#f0dfb8;color:#7d651d}.academy-add-panel{margin-top:10px;background:#fff;border:1px dashed #cbd4da;border-radius:13px}.academy-add-panel>summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:9px;font-weight:800;color:#46525b}.academy-add-panel>summary::-webkit-details-marker{display:none}.academy-empty-editor{text-align:center;padding:28px}.academy-empty-editor>div{font-size:26px;color:#7c6bb7}.academy-empty-editor h4{font-size:14px;margin:8px 0 3px}.academy-empty-editor>p{font-size:9px;color:var(--muted)}.academy-quiz-settings{padding:17px}.academy-question-item>summary b{white-space:normal}.academy-editor-aside{position:sticky;top:140px}.academy-editor-summary>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.academy-editor-summary strong{font-size:16px}.academy-editor-summary span{font-size:8px;color:var(--muted)}.academy-editor-summary hr{border:0;border-top:1px solid var(--line);margin:12px 0}.academy-editor-summary small,.academy-editor-summary b{display:block}.academy-editor-summary small{font-size:8px;color:var(--muted)}.academy-editor-summary b{font-size:10px}.academy-editor-help h4{font-size:10px;margin:0 0 5px}.academy-editor-help p{font-size:8px;color:var(--muted);line-height:1.8;margin:0} @media(max-width:1200px){.academy-catalog-grid,.academy-manage-course-grid{grid-template-columns:1fr 1fr}.academy-dashboard-hero{grid-template-columns:1fr minmax(260px,.5fr)}.academy-editor-layout{grid-template-columns:1fr}.academy-editor-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.academy-editor-summary,.academy-editor-help{margin-bottom:0}} @media(max-width:980px){.academy-dashboard-hero{grid-template-columns:1fr}.academy-dashboard-stats{grid-template-columns:1fr 1fr}.academy-course-layout{grid-template-columns:1fr}.academy-course-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.academy-focus-grid,.academy-practical-grid,.academy-manage-two-col{grid-template-columns:1fr}.academy-course-header{flex-direction:column}.academy-course-edit-btn{align-self:flex-start}} @media(max-width:720px){.academy-dashboard-hero{padding:24px 20px}.academy-dashboard-copy h2{font-size:24px}.academy-dashboard-stats,.academy-catalog-grid,.academy-manage-course-grid,.academy-outcomes-grid,.academy-course-sidebar,.academy-editor-aside{grid-template-columns:1fr}.academy-course-header{padding:20px}.academy-course-header h2{font-size:22px}.academy-course-assessment{grid-template-columns:46px 1fr}.academy-course-assessment>.btn,.academy-course-assessment>.status{grid-column:2}.academy-manage-hero,.academy-editor-hero{flex-direction:column;align-items:flex-start;padding:22px}.academy-admin-stats{grid-template-columns:1fr 1fr}.academy-toggle-grid{grid-template-columns:1fr}.academy-editor-nav{overflow:auto;white-space:nowrap;top:74px}.academy-editor-nav a{flex:0 0 auto}.academy-review-form{grid-template-columns:1fr}.academy-review-form>div{justify-content:flex-start}.academy-edit-item>summary{grid-template-columns:38px 1fr 20px}.academy-course-lesson{grid-template-columns:40px 1fr 22px}.academy-course-lesson-copy>div{align-items:flex-start;flex-direction:column;gap:2px}} @media(max-width:480px){.academy-dashboard-stats,.academy-admin-stats{grid-template-columns:1fr}.academy-dashboard-copy h2{font-size:21px}.academy-readiness-score strong{font-size:34px}.academy-focus-card{grid-template-columns:38px 1fr}.academy-focus-card>strong{grid-column:2}.academy-program-card{min-height:0}.academy-course-tags,.academy-course-meta{gap:5px}.academy-editor-section.card{padding:14px}.academy-manage-course-footer{align-items:flex-start;flex-direction:column}.academy-manage-course-footer .btn{width:100%}} /* Leads workspace v0.9.2.16 */ .leads-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,#fbfcfd 70%,#fff5f6 100%);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.leads-workspace-head:after{content:"";position:absolute;left:-55px;top:-70px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--red) 8%,transparent);pointer-events:none}.leads-head-copy{position:relative;z-index:1}.leads-head-copy h2{margin:4px 0 6px;color:var(--char);font-size:26px;line-height:1.35}.leads-head-copy p{margin:0;color:var(--muted);font-size:11px;max-width:650px;line-height:1.8}.leads-head-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.leads-primary-action{min-height:42px;padding-inline:18px;white-space:nowrap} .leads-focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.leads-focus-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow-sm);transition:.18s;min-width:0}.leads-focus-card:hover,.leads-focus-card.is-active{transform:translateY(-1px);border-color:#cfd8df;box-shadow:0 8px 22px rgba(31,41,51,.07)}.leads-focus-card.is-active{box-shadow:inset 0 -2px 0 var(--red),0 8px 22px rgba(31,41,51,.06)}.leads-focus-icon{width:38px;height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;background:#f3f6f8;color:#65737f;font-size:14px}.leads-focus-card>span:last-child{display:grid;min-width:0}.leads-focus-card small{font-size:8px;color:#6f7c87;font-weight:900}.leads-focus-card strong{font-size:20px;line-height:1.2;color:var(--char);margin:2px 0}.leads-focus-card em{font-size:7px;color:#9aa4ad;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leads-focus-card.is-danger .leads-focus-icon{background:#fff0f2;color:#c72536}.leads-focus-card.is-danger strong{color:#b91f30}.leads-focus-card.is-warning .leads-focus-icon{background:#fff7e8;color:#ae6f0b} .leads-filter-notice{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f1f8f4;border:1px solid #d7ecdf;border-radius:13px;padding:10px 13px;margin-bottom:14px;font-size:9px;color:#47715a}.leads-filter-notice>div{display:flex;align-items:center;gap:7px}.leads-filter-notice .notice-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#fff}.leads-filter-notice a{font-weight:900;color:inherit}.leads-filter-notice.is-danger{background:#fff2f3;border-color:#f0cfd4;color:#a82938}.leads-filter-notice.is-warning{background:#fff9ed;border-color:#f0dfbd;color:#91600e} .leads-pipeline-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.leads-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.leads-section-head h3{margin:1px 0 0;font-size:13px;color:var(--char)}.leads-section-note{font-size:8px;color:#929da7}.leads-pipeline-summary{margin-bottom:0;gap:6px}.leads-pipeline-summary .pipeline-summary-item{box-shadow:none;background:#fafcfd;border-color:#e8edf1;padding:9px 10px}.leads-pipeline-summary .pipeline-summary-item:hover{background:#fff}.leads-pipeline-summary .pipeline-summary-item.is-active{background:#fff} .leads-control-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 13px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.leads-filter-form{display:flex;align-items:flex-end;gap:8px;flex:1;min-width:0}.leads-search-field{position:relative;flex:1;min-width:240px}.leads-search-field>span{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#8d99a3;font-size:11px}.leads-search-field input{width:100%;padding-right:34px;min-height:39px}.leads-select-field{display:grid;gap:4px;min-width:145px}.leads-select-field>span{font-size:7px;color:#7c8994;font-weight:900;padding-inline:2px}.leads-select-field select{min-height:39px}.leads-filter-submit{min-height:39px;white-space:nowrap}.leads-clear-filters{display:inline-flex;align-items:center;gap:4px;min-height:39px;padding:0 7px;color:#7d8993;font-size:8px;font-weight:900;white-space:nowrap}.leads-view-switcher{flex:0 0 auto} .leads-directory-card{border-radius:18px}.leads-directory-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #edf1f3;background:#fff}.leads-directory-head h3{margin:0;color:var(--char);font-size:13px}.leads-directory-head p{margin:2px 0 0;color:#929da7;font-size:8px}.leads-directory-head>span{font-size:8px;color:#929da7}.leads-directory-table{min-width:980px}.leads-directory-table th{font-size:8px;letter-spacing:.01em;color:#7d8993;background:#f8fafb;padding-top:10px;padding-bottom:10px}.leads-directory-table td{vertical-align:middle;padding-top:12px;padding-bottom:12px}.leads-directory-table tbody tr{transition:.14s}.leads-directory-table tbody tr:hover{background:#fbfcfd}.lead-table-identity{display:flex;align-items:flex-start;gap:9px}.lead-company-mark{width:34px;height:34px;min-width:34px;border-radius:10px;background:#f2f5f7;color:#798690;display:grid;place-items:center}.lead-table-identity>div{min-width:0}.lead-table-identity .table-link{font-size:10px;font-weight:900;color:var(--char)}.lead-table-identity small{display:block;margin-top:2px;font-size:8px;color:#89959f;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-service-name{font-size:9px;color:#46535e;font-weight:800}.lead-value-cell{font-size:9px;color:#27323b;white-space:nowrap}.lead-row-action{width:44px;text-align:center}.lead-row-action a{width:29px;height:29px;border-radius:9px;display:inline-grid;place-items:center;color:#6d7a85;background:#f4f7f9;border:1px solid #e5eaee;transition:.15s}.lead-row-action a:hover{background:var(--char);border-color:var(--char);color:#fff}.leads-empty-row td{padding:35px!important}.leads-empty-row .empty-state strong{display:block;font-size:12px;color:var(--char);margin-top:4px}.leads-empty-row .empty-state .btn{margin-top:10px} .leads-kanban .kanban-column{background:#f5f7f9;border-color:#e5eaee}.leads-kanban .lead-kanban-card{padding:13px}.lead-card-contact{margin-bottom:5px!important}.lead-card-location{font-size:7px;color:#87939d;margin-bottom:8px;display:flex;align-items:center;gap:4px}.lead-card-open{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #edf1f3;font-size:8px;font-weight:900;color:#5c6974}.lead-card-open:hover{color:var(--red)} @media(max-width:1280px){.leads-focus-grid{grid-template-columns:repeat(3,1fr)}.leads-filter-form{flex-wrap:wrap}.leads-search-field{flex:1 1 360px}.leads-control-panel{align-items:flex-end}} @media(max-width:900px){.leads-workspace-head{padding:20px}.leads-focus-grid{grid-template-columns:repeat(2,1fr)}.leads-control-panel{align-items:stretch;flex-direction:column}.leads-filter-form{width:100%}.leads-view-switcher{align-self:flex-start}.leads-pipeline-summary{grid-template-columns:repeat(4,1fr)}.leads-directory-card .table-wrap{overflow:visible}.leads-directory-table{min-width:0;display:block}.leads-directory-table thead{display:none}.leads-directory-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;background:#f5f7f9}.leads-directory-table tr{display:block;background:#fff;border:1px solid #e3e9ed;border-radius:15px;padding:13px;box-shadow:0 3px 10px rgba(31,41,51,.035)}.leads-directory-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0!important;border-bottom:1px solid #eef2f4!important;font-size:9px}.leads-directory-table td:before{content:attr(data-label);font-size:7px;color:#929da7;font-weight:900;flex:0 0 auto}.leads-directory-table td:first-child{display:block;padding-top:0!important}.leads-directory-table td:first-child:before,.leads-directory-table .lead-row-action:before{display:none}.leads-directory-table td:last-child{border-bottom:0!important;padding-bottom:0!important}.lead-row-action{width:auto!important}.lead-row-action a{width:100%;height:34px}.leads-empty-row{grid-column:1/-1}.leads-empty-row td{display:block!important;border:0!important}.row-overdue td:first-child{box-shadow:none}.leads-directory-table tr.row-overdue{border-right:3px solid var(--red)}} @media(max-width:620px){.leads-workspace-head{align-items:stretch;flex-direction:column;padding:17px}.leads-head-copy h2{font-size:21px}.leads-head-actions,.leads-primary-action{width:100%}.leads-primary-action{justify-content:center}.leads-focus-grid{grid-template-columns:1fr 1fr;gap:8px}.leads-focus-card{padding:11px}.leads-focus-card:last-child{grid-column:1/-1}.leads-focus-icon{width:34px;height:34px;min-width:34px}.leads-focus-card strong{font-size:17px}.leads-filter-notice{align-items:flex-start;flex-direction:column}.leads-section-head{align-items:flex-start;flex-direction:column}.leads-section-note{display:none}.leads-pipeline-summary{grid-template-columns:repeat(2,1fr)}.leads-filter-form{display:grid;grid-template-columns:1fr}.leads-search-field,.leads-select-field{min-width:0;width:100%}.leads-filter-submit{width:100%}.leads-clear-filters{justify-content:center}.leads-directory-head{align-items:flex-start;flex-direction:column}.leads-directory-head>span{display:none}.leads-directory-table tbody{grid-template-columns:1fr}.lead-table-identity small{max-width:240px}} /* Lead 360 v2 */ .lead360-topbar-v2{margin-bottom:14px;padding:0 2px}.lead360-back{display:inline-flex;align-items:center;gap:6px;font-size:12px!important;font-weight:800!important;color:#53616d!important}.lead360-topbar-v2 .lead360-top-actions{gap:8px}.lead360-topbar-v2 .btn{min-height:36px;padding-inline:13px} .lead360-hero-v2{padding:26px 28px;border-radius:24px;min-height:132px;margin-bottom:16px}.lead360-hero-v2:after{opacity:.7}.lead360-identity-copy{min-width:0}.lead360-identity-copy h1{margin:0;color:#fff;font-size:28px;line-height:1.25;letter-spacing:-.02em}.lead360-subline{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;margin-top:8px;color:#dbe2e8}.lead360-subline span{display:inline-flex;align-items:center;gap:6px;font-size:11px}.lead360-subline i{font-size:10px;opacity:.9}.lead360-owner-v2{min-width:250px;padding:15px 16px}.lead-owner-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lead-owner-head>span:first-child{font-size:10px}.lead-record-id{display:inline-flex!important;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.1);font-size:9px!important;color:#dbe3ea!important}.lead360-owner-v2 strong{font-size:16px;margin-top:6px}.lead360-owner-v2>small{font-size:9px!important;margin-top:2px}.lead-owner-meta{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.11)}.lead-owner-meta span{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#d4dce3} .lead360-metrics-v2{gap:12px;margin-bottom:16px}.lead360-metrics-v2 .metric-card{min-height:104px;padding:16px}.lead360-metrics-v2 .metric-card>div>span{font-size:10px}.lead360-metrics-v2 .metric-card strong{font-size:18px;line-height:1.3;margin-top:3px}.lead360-metrics-v2 .metric-card small{font-size:9px;margin-top:4px}.lead360-rate-warning{display:flex;align-items:flex-start;gap:8px;margin:-3px 0 16px;padding:11px 13px;border:1px solid #f0d7a7;background:#fff8e9;border-radius:12px;color:#825b15;font-size:10px;line-height:1.6} .lead360-layout-v2{grid-template-columns:minmax(0,1.75fr) minmax(320px,.62fr);gap:18px}.lead360-layout-v2 .lead360-card,.lead360-layout-v2 .lead360-side-card{border-radius:18px;padding:19px}.section-title-v2{margin-bottom:15px}.section-title-v2 h3{font-size:15px!important;margin-top:1px}.section-title-v2 p{font-size:9px!important;line-height:1.6;margin-top:3px}.section-title-v2 .section-kicker{font-size:8px}.section-title-v2 .text-action{font-size:9px} .lead-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lead-profile-group{border:1px solid #e4e9ed;background:#fbfcfd;border-radius:15px;padding:14px 15px;min-width:0}.lead-profile-group-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lead-profile-group-head>span{width:34px;height:34px;min-width:34px;border-radius:10px;display:grid;place-items:center;background:#eef3f6;color:#536675}.lead-profile-group-head b,.lead-profile-group-head small{display:block}.lead-profile-group-head b{font-size:11px}.lead-profile-group-head small{font-size:8px;color:#8a96a1;margin-top:1px}.lead-profile-list{margin:0}.lead-profile-list>div{display:grid;grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr);align-items:start;gap:12px;padding:8px 0;border-bottom:1px solid #e9edf0}.lead-profile-list>div:last-child{border-bottom:0;padding-bottom:0}.lead-profile-list dt{font-size:9px;color:#788591}.lead-profile-list dd{margin:0;font-size:10px;font-weight:800;text-align:left;overflow-wrap:anywhere}.lead-profile-list dd[dir="ltr"]{text-align:left}.detail-code{display:inline-flex;margin-inline-start:6px;padding:2px 6px;border-radius:999px;background:#eef2f5;color:#687783;font-size:8px;font-weight:900}.lead-profile-notes{margin-top:12px;padding:13px 15px;border-radius:13px;background:#f6f8fa;border:1px solid #e6ebee}.lead-profile-notes>div{display:flex;align-items:center;gap:7px}.lead-profile-notes b{font-size:10px}.lead-profile-notes p{margin:6px 0 0;font-size:10px;line-height:1.8;color:#5e6c78}.text-danger{color:#b42334!important;font-weight:900!important} .lead360-layout-v2 .crm-timeline-item{grid-template-columns:34px 1fr;gap:12px;padding-bottom:19px}.lead360-layout-v2 .timeline-symbol{width:33px;height:33px;border-radius:10px}.lead360-layout-v2 .crm-timeline-item:not(:last-child):after{right:16px;top:34px}.lead360-layout-v2 .timeline-title b{font-size:11px}.lead360-layout-v2 .timeline-title time{font-size:8px}.lead360-layout-v2 .timeline-body p{font-size:10px;line-height:1.7}.lead360-layout-v2 .timeline-body small{font-size:8px}.lead360-layout-v2 .timeline-count{font-size:9px;padding:5px 9px} .lead360-layout-v2 .crm-deal-row{padding:13px 0}.lead360-layout-v2 .crm-deal-row b{font-size:11px}.lead360-layout-v2 .crm-deal-row small{font-size:9px}.lead360-layout-v2 .crm-deal-row strong{font-size:12px}.lead360-layout-v2 .inline-create-panel summary{font-size:10px;padding:11px 0}.lead360-layout-v2 .compact-form label,.lead360-layout-v2 .stack-form label{font-size:9px}.lead360-layout-v2 .task-row b{font-size:10px}.lead360-layout-v2 .task-row small,.lead360-layout-v2 .task-row p{font-size:9px}.lead-action-card{position:static;top:auto;z-index:auto}.lead-info-list-v2>div{padding:9px 0}.lead-info-list-v2 dt,.lead-info-list-v2 dd{font-size:9px}.lead-info-list-v2 dd{max-width:64%}.quality-score-big{font-size:18px}.quality-checklist b{font-size:9px}.quality-checklist small{font-size:8px}.quality-checklist>div{padding:7px 0}.ownership-card .settings-note{font-size:9px;line-height:1.7}.ownership-history>div span{font-size:9px}.ownership-history>div small{font-size:8px} @media(max-width:1180px){.lead360-layout-v2{grid-template-columns:minmax(0,1fr) 300px}.lead-profile-grid{grid-template-columns:1fr}.lead-action-card{position:static}} @media(max-width:900px){.lead360-layout-v2{grid-template-columns:1fr}.lead360-layout-v2 .lead360-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead360-layout-v2 .lead360-side>.card{margin:0}.lead360-hero-v2{align-items:flex-start}.lead360-owner-v2{min-width:220px}.lead-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.lead360-topbar-v2{align-items:stretch}.lead360-topbar-v2 .lead360-top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.lead360-topbar-v2 .btn{width:100%;justify-content:center}.lead360-hero-v2{padding:20px;gap:16px}.lead360-identity-copy h1{font-size:23px}.lead360-subline{gap:7px 12px}.lead360-owner-v2{width:100%;min-width:0}.lead360-metrics-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-profile-grid,.lead360-layout-v2 .lead360-side{grid-template-columns:1fr}.lead360-layout-v2 .lead360-card,.lead360-layout-v2 .lead360-side-card{padding:15px}.lead-profile-list>div{grid-template-columns:1fr}.lead-profile-list dd{text-align:right}.lead-profile-list dd[dir="ltr"]{text-align:right}.crm-deal-row{gap:10px}} @media(max-width:480px){.lead360-metrics-v2{grid-template-columns:1fr}.lead360-topbar-v2 .lead360-top-actions{grid-template-columns:1fr}.lead360-identity{width:100%}.lead360-identity-copy h1{font-size:21px}.lead360-subline{align-items:flex-start;flex-direction:column}.lead-profile-group{padding:12px}.lead360-layout-v2 .timeline-title{flex-direction:column;gap:2px}.lead360-layout-v2 .crm-deal-row{flex-direction:column}.lead360-layout-v2 .crm-deal-row>div:last-child{text-align:right}.lead360-layout-v2 .crm-deal-row>div:first-child{grid-template-columns:auto 1fr;width:100%}} /* ===== Pre-launch CRM hardening 0.9.2.18 ===== */ .pipeline-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pipeline-group-label{display:block;font-size:9px;font-weight:900;color:#7a8792;margin-bottom:7px}.pipeline-attention{border-color:#efc56c!important;background:#fff9e9!important}.pipeline-attention b{color:#a66a08} .finance-readiness-card{border-color:#dbe6ee;background:linear-gradient(180deg,#fff,#fbfdfe)}.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.readiness-item{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e2e8ed;border-radius:13px;background:#fff}.readiness-item>span{width:32px;height:32px;min-width:32px;border-radius:10px;display:grid;place-items:center}.readiness-item b,.readiness-item small{display:block}.readiness-item b{font-size:10px}.readiness-item small{font-size:8px;color:var(--muted);line-height:1.7;margin-top:2px}.readiness-item.is-ready>span{background:#e8f7ef;color:var(--green)}.readiness-item.needs-action{border-color:#efd79e;background:#fffaf0}.readiness-item.needs-action>span{background:#fff0c9;color:#a66b0b} .deal-control-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border-radius:22px;margin-bottom:15px;color:#fff;position:relative;overflow:hidden;box-shadow:0 14px 36px rgba(31,41,51,.12)}.deal-control-hero:after{content:"";position:absolute;left:-70px;bottom:-120px;width:270px;height:270px;border:45px solid rgba(255,255,255,.06);border-radius:50%}.deal-control-hero.is-open{background:linear-gradient(135deg,#27313a,#3a4651)}.deal-control-hero.is-won{background:linear-gradient(135deg,#153c31,#247050)}.deal-control-hero.is-lost{background:linear-gradient(135deg,#4a3034,#6f3a42)}.deal-control-main,.deal-control-value{position:relative;z-index:1}.deal-control-main h2{font-size:27px;margin:4px 0;color:#fff}.deal-control-main p{margin:0;color:#d9e1e7;font-size:10px}.deal-control-main p a{font-weight:900;color:#fff}.deal-control-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}.deal-control-value{text-align:left;min-width:260px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07)}.deal-control-value span,.deal-control-value strong,.deal-control-value small{display:block}.deal-control-value span{font-size:9px;color:#d8e1e7}.deal-control-value strong{font-size:23px;line-height:1.35;margin:3px 0}.deal-control-value small{font-size:8px;color:#d4dde4;margin-top:3px}.deal-stage-card{padding:17px 20px}.deal-stage-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:8px}.deal-stage-track:before{content:"";position:absolute;top:17px;right:10%;left:10%;height:2px;background:#e3e8ec}.deal-stage-track>div{position:relative;z-index:1;text-align:center}.deal-stage-track i{width:34px;height:34px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;background:#edf1f4;color:#89949e;border:3px solid #fff;box-shadow:0 0 0 1px #dde3e8;font-style:normal}.deal-stage-track span{font-size:8px;font-weight:900;color:#7f8b95}.deal-stage-track .is-done i{background:#e6f6ee;color:var(--green)}.deal-stage-track .is-done span{color:#47675b}.deal-stage-track .is-active i{background:var(--red);color:#fff;box-shadow:0 0 0 3px #fde7ea}.deal-stage-track .is-active span{color:var(--red)}.deal-lost-banner{margin-top:12px;padding:10px 12px;border-radius:11px;background:#fff0f1;border:1px solid #f0cbd0;color:#9f2634;font-size:9px}.deal-control-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.58fr);gap:18px;align-items:start}.deal-control-layout>main,.deal-control-layout>aside{min-width:0}.deal-control-layout>aside{position:static}.deal-preclose-kpis{margin-bottom:16px}.proposal-workspace{overflow:hidden}.proposal-version-list{display:flex;flex-direction:column;gap:10px}.proposal-version{border:1px solid #e2e7eb;border-radius:14px;padding:14px;background:#fbfcfd}.proposal-version.status-accepted{border-color:#bfe5d2;background:#f7fcf9}.proposal-version.status-sent{border-color:#d8dcf5;background:#fbfbff}.proposal-version.status-rejected,.proposal-version.status-expired{opacity:.78}.proposal-version-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.proposal-version-head>div{display:flex;align-items:center;gap:9px}.proposal-version-head>div:last-child{flex-direction:column;align-items:flex-end;gap:4px}.proposal-version-no{display:grid;place-items:center;min-width:37px;height:31px;border-radius:9px;background:#eef1f4;font-weight:900;font-size:9px}.proposal-version-head b{font-size:11px}.proposal-version-head small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.proposal-version-head strong{font-size:12px}.proposal-scope{margin:11px 0 0;padding:10px 11px;border-radius:10px;background:#fff;border:1px solid #e7ebee;font-size:9px;line-height:1.8}.proposal-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;color:#788590;font-size:8px}.proposal-response{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:8px 10px;border-radius:9px;background:#eef6ff;font-size:8px}.proposal-response b{white-space:nowrap}.proposal-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #e5eaed}.proposal-response-form{display:flex;gap:6px;align-items:center}.proposal-response-form input{min-width:190px;padding:7px 9px;font-size:8px}.proposal-create-form{padding-top:12px}.won-gate-card{border:1px solid #dbe7df}.won-gate-card.is-pending{border-color:#ecd69b;background:#fffdf7}.won-gate-card.is-rejected{border-color:#efcbd0}.approval-summary{padding:13px;border-radius:12px;background:#fff;border:1px solid #e4e9ed}.approval-summary b,.approval-summary span,.approval-summary small{display:block}.approval-summary b{font-size:11px}.approval-summary span,.approval-summary small,.approval-summary p{font-size:9px;color:#65727d}.approval-summary p{margin:6px 0}.approval-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:10px}.reject-inline{display:flex;gap:6px;flex:1;min-width:280px}.reject-inline input{min-width:180px}.win-request-form{margin-top:8px}.finance-locked-card{display:flex;align-items:center;gap:14px;border-style:dashed;background:#f8fafb}.finance-lock-icon{width:43px;height:43px;min-width:43px;border-radius:13px;display:grid;place-items:center;background:#e9eef2;color:#5f6e7b}.finance-locked-card h3{margin:0;font-size:13px}.finance-locked-card p{margin:3px 0 0;font-size:9px;color:var(--muted)}.deal-stage-history{display:flex;flex-direction:column}.deal-stage-history>div{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}.deal-stage-history>div:last-child{border-bottom:0}.deal-stage-history i{width:28px;height:28px;border-radius:9px;background:#eef3f7;color:#657786;display:grid;place-items:center;font-style:normal}.deal-stage-history p{margin:0}.deal-stage-history b,.deal-stage-history small{display:block}.deal-stage-history b{font-size:9px}.deal-stage-history small,.deal-stage-history time{font-size:8px;color:var(--muted)}.stage-action-stack{display:flex;flex-direction:column;gap:7px}.lost-stage-form{padding-top:9px;margin-top:3px;border-top:1px solid var(--line)}.lost-stage-form input{margin-bottom:6px}.deal-task-mini{display:flex;flex-direction:column}.deal-task-mini>div{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}.deal-task-mini p{margin:0}.deal-task-mini b,.deal-task-mini small{display:block}.deal-task-mini b{font-size:9px}.deal-task-mini small{font-size:8px;color:var(--muted)} @media(max-width:1160px){.readiness-grid{grid-template-columns:repeat(2,1fr)}.deal-control-layout{grid-template-columns:minmax(0,1fr) 300px}.proposal-response-form{width:100%}.proposal-response-form input{flex:1}} @media(max-width:900px){.pipeline-split,.deal-control-layout{grid-template-columns:1fr}.deal-control-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.deal-control-layout>aside>.card{margin:0}.deal-control-hero{align-items:flex-start}.deal-control-value{min-width:220px}} @media(max-width:680px){.readiness-grid{grid-template-columns:1fr}.deal-control-hero{flex-direction:column;padding:20px}.deal-control-main h2{font-size:21px}.deal-control-value{width:100%;text-align:right}.deal-stage-track{grid-template-columns:repeat(2,1fr);gap:13px}.deal-stage-track:before{display:none}.deal-preclose-kpis{grid-template-columns:repeat(2,1fr)}.proposal-version-head{flex-direction:column}.proposal-version-head>div:last-child{align-items:flex-start}.proposal-actions,.approval-actions{align-items:stretch;flex-direction:column}.proposal-actions form,.proposal-actions .btn,.reject-inline,.approval-actions form,.approval-actions .btn{width:100%}.proposal-response-form{display:grid;grid-template-columns:1fr}.proposal-response-form input{min-width:0}.deal-control-layout>aside{grid-template-columns:1fr}.deal-stage-history>div{grid-template-columns:28px 1fr}.deal-stage-history time{grid-column:2}.pipeline-split{gap:12px}} @media(max-width:430px){.deal-preclose-kpis{grid-template-columns:1fr}.deal-control-badges{gap:4px}.deal-stage-track{grid-template-columns:1fr 1fr}.proposal-meta{flex-direction:column;gap:3px}} /* 0.9.2.18 pre-launch interaction polish */ .stat-card-link{display:block;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.stat-card-link:hover{transform:translateY(-2px);border-color:#d8dee5;box-shadow:0 14px 34px rgba(31,41,51,.09)} .pipeline-mini>a{display:block;background:#f7f8fa;padding:13px;border-radius:12px;border:1px solid #edf0f3;transition:transform .16s ease,border-color .16s ease}.pipeline-mini>a:hover{transform:translateY(-1px);border-color:#d9e0e6}.pipeline-mini>a span{display:block;font-size:10px;color:var(--muted)}.pipeline-mini>a b{font-size:20px} .status-discovery{background:#eef4f8;color:#49697f}.status-nurture{background:#fff6df;color:#9a6a12}.status-converted{background:#eaf3ff;color:#2f68b9}.status-disqualified{background:#f1f2f4;color:#727b84}.status-draft{background:#f1f3f5;color:#66717c}.status-superseded{background:#eef0f2;color:#7c858e;text-decoration:line-through} /* 0.9.2.19 — governed sales workflow / lead intake / proposal editor */ .lead-intake-form{display:flex;flex-direction:column;gap:22px}.lead-intake-principle{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#27313a,#36434e);color:#fff;position:relative;overflow:hidden}.lead-intake-principle:after{content:"";position:absolute;left:-60px;bottom:-95px;width:210px;height:210px;border:34px solid rgba(255,255,255,.05);border-radius:50%}.lead-intake-principle-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:20px}.lead-intake-principle>div{flex:1;position:relative;z-index:1}.lead-intake-principle h3{margin:2px 0 5px;color:#fff;font-size:19px}.lead-intake-principle p{margin:0;color:#d7e0e6;font-size:12px;max-width:850px}.intake-stage-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;white-space:nowrap}.lead-intake-grid label{font-size:12px}.lead-intake-grid input,.lead-intake-grid select,.lead-intake-grid textarea{min-height:43px}.lead-intake-grid textarea{min-height:108px;resize:vertical}.lead-intake-next-step{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border:1px solid #dce7f1;background:#f7fbff;border-radius:14px}.lead-intake-next-step>span{width:32px;height:32px;min-width:32px;border-radius:10px;background:#e8f1fb;color:#3974d4;display:grid;place-items:center}.lead-intake-next-step b,.lead-intake-next-step p{display:block}.lead-intake-next-step b{font-size:12px}.lead-intake-next-step p{margin:2px 0 0;color:var(--muted);font-size:11px} .qualification-workspace{border-top:3px solid #7661cf}.qualification-workspace.is-ready{border-top-color:var(--green)}.qualification-workspace.is-locked{border-top-color:#a8b2bc}.qualification-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap}.qualification-state.is-complete{background:#e7f7ef;color:#137b50}.qualification-state.is-progress{background:#fff4db;color:#9c6b12}.qualification-state.is-locked{background:#eef1f4;color:#66737e}.qualification-lock-note{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px dashed #cfd8df;border-radius:14px;background:#f8fafb}.qualification-lock-note>span{width:38px;height:38px;min-width:38px;border-radius:11px;display:grid;place-items:center;background:#e9eef2;color:#65737f}.qualification-lock-note b{display:block;font-size:12px}.qualification-lock-note p{margin:3px 0 0;color:var(--muted);font-size:11px}.qualification-form{display:flex;flex-direction:column;gap:16px}.qualification-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qualification-primary-grid label{font-size:11px}.qualification-primary-grid textarea{resize:vertical}.qualification-problem{grid-column:span 1}.qualification-primary-grid .span-2{grid-column:span 2}.qualification-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid var(--line)}.qualification-form-footer b,.qualification-form-footer span{display:block}.qualification-form-footer b{font-size:11px}.qualification-form-footer span{font-size:10px;color:var(--muted);margin-top:2px}.qualification-readonly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qualification-readonly-grid>div{padding:13px;border:1px solid #e3e8ec;background:#fbfcfd;border-radius:12px}.qualification-readonly-grid span,.qualification-readonly-grid b{display:block}.qualification-readonly-grid span{font-size:9px;color:var(--muted);margin-bottom:4px}.qualification-readonly-grid b{font-size:10px;line-height:1.7}.governance-callout{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid #e2dff5;background:#faf9ff;border-radius:13px;margin-top:13px}.governance-callout>span{width:36px;height:36px;min-width:36px;border-radius:10px;display:grid;place-items:center;background:#eeeafd;color:#6855bf}.governance-callout b{display:block;font-size:11px}.governance-callout p{margin:2px 0 0;color:var(--muted);font-size:10px}.sales-request-form{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:10px;align-items:end;margin-top:12px;padding:14px;border:1px solid #e1e7ec;border-radius:13px;background:#fbfcfd}.sales-request-form label{font-size:10px}.sales-request-form textarea{min-height:80px}.sales-request-state{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:13px;border:1px solid #ead69c;background:#fffaf0;margin-top:12px}.sales-request-state>span{width:34px;height:34px;min-width:34px;border-radius:10px;display:grid;place-items:center;background:#fff0c8;color:#96670e}.sales-request-state>div{flex:1}.sales-request-state b,.sales-request-state small{display:block}.sales-request-state b{font-size:11px}.sales-request-state p{margin:3px 0;font-size:10px;color:#59636d}.sales-request-state small{font-size:9px;color:var(--muted)}.sales-request-context{padding:12px 14px;background:#fff9eb;border:1px solid #ead8a8;border-radius:12px;margin:10px 0}.sales-request-context b{font-size:10px}.sales-request-context p{margin:4px 0;font-size:10px}.sales-request-context small{font-size:9px;color:var(--muted)}.sales-request-history{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.sales-request-history>b{font-size:10px}.sales-request-history>div{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:8px 0;border-bottom:1px solid #eef1f3}.sales-request-history p{margin:0;font-size:10px}.sales-request-history small{display:block;color:var(--muted);font-size:8px}.request-dot{margin-inline-start:7px;padding:3px 7px;border-radius:999px;background:#fff1c9;color:#8c630f;font-size:8px}.governed-deal-list .crm-deal-row{transition:.16s ease}.governed-deal-list .crm-deal-row:hover{transform:translateY(-1px);border-color:#d6dfe6;background:#fff}.lead-deals-workspace .inline-create-panel{margin-top:14px} .governed-proposal-workspace{border-top:3px solid #7560cf}.proposal-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.proposal-governance-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f1edff;color:#6650bc;font-size:9px;font-weight:800}.proposal-request-panel{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:16px;padding:16px;border:1px solid #dde5eb;border-radius:14px;background:linear-gradient(135deg,#fbfcfd,#f7f9fb);margin-bottom:14px}.proposal-request-panel>div{display:flex;align-items:flex-start;gap:10px}.proposal-request-icon{width:38px;height:38px;min-width:38px;border-radius:11px;display:grid;place-items:center;background:#eaf1fb;color:#3974d4}.proposal-request-panel b{display:block;font-size:11px}.proposal-request-panel p{margin:3px 0 0;color:var(--muted);font-size:10px}.proposal-request-form{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:8px;align-items:end}.proposal-request-form label{font-size:9px}.proposal-request-form textarea{min-height:76px;resize:vertical}.proposal-request-state{margin:0 0 14px}.proposal-request-state.manager-request{align-items:center}.proposal-policy-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;border-radius:11px;background:#f7f8fa;border:1px solid #e5e9ed}.proposal-policy-note>span{color:#64727e}.proposal-policy-note p{margin:0;font-size:9px;color:#63707b;line-height:1.8}.governed-proposal-workspace .proposal-version{padding:16px}.governed-proposal-workspace .proposal-version-head b{font-size:12px}.governed-proposal-workspace .proposal-version-head small,.governed-proposal-workspace .proposal-meta,.governed-proposal-workspace .proposal-response{font-size:9px}.governed-proposal-workspace .proposal-scope{font-size:10px;line-height:1.9}.governed-proposal-workspace .proposal-version-head strong{font-size:14px} .proposal-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.proposal-editor-security{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef7f2;color:#177650;font-size:10px;font-weight:800}.proposal-editor-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:16px;border-radius:22px;background:linear-gradient(135deg,#27313a,#3c4853);color:#fff;box-shadow:0 14px 36px rgba(31,41,51,.12);position:relative;overflow:hidden}.proposal-editor-hero:after{content:"";position:absolute;left:-80px;bottom:-120px;width:270px;height:270px;border:42px solid rgba(255,255,255,.05);border-radius:50%}.proposal-editor-hero>div{position:relative;z-index:1}.proposal-editor-hero h1{margin:3px 0;font-size:27px;color:#fff}.proposal-editor-hero p{margin:0;color:#d7e0e6;font-size:11px}.proposal-editor-value{min-width:270px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07)}.proposal-editor-value span,.proposal-editor-value strong,.proposal-editor-value small{display:block}.proposal-editor-value span{font-size:9px;color:#d8e0e6}.proposal-editor-value strong{font-size:22px;margin:3px 0}.proposal-editor-value small{font-size:8px;color:#d4dce2}.proposal-editor-request{margin-bottom:16px}.proposal-editor-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:18px;align-items:start}.proposal-editor-card{border-top:3px solid #745fc9}.proposal-editor-form{display:flex;flex-direction:column;gap:18px}.proposal-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.proposal-editor-grid .span-2{grid-column:span 2}.proposal-editor-grid textarea{resize:vertical}.proposal-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid var(--line)}.proposal-editor-actions b,.proposal-editor-actions p{display:block}.proposal-editor-actions b{font-size:11px}.proposal-editor-actions p{margin:2px 0 0;color:var(--muted);font-size:9px;max-width:620px}.proposal-submit-buttons{display:flex;align-items:center;gap:8px;white-space:nowrap}.proposal-editor-side{min-width:0}.proposal-discovery-list{display:flex;flex-direction:column;margin:0}.proposal-discovery-list>div{padding:10px 0;border-bottom:1px solid var(--line)}.proposal-discovery-list>div:last-child{border-bottom:0}.proposal-discovery-list dt{font-size:9px;color:var(--muted)}.proposal-discovery-list dd{margin:3px 0 0;font-size:10px;font-weight:700;line-height:1.8}.proposal-policy-card{text-align:center}.proposal-policy-icon{width:48px;height:48px;margin:0 auto 8px;border-radius:14px;display:grid;place-items:center;background:#e9f6ef;color:var(--green);font-size:18px}.proposal-policy-card h3{margin:4px 0}.proposal-policy-card p{font-size:10px;color:var(--muted)}.proposal-policy-card ul{text-align:right;margin:10px 0 0;padding-right:18px;color:#55616c;font-size:9px;line-height:2}.proposal-history-list{display:flex;flex-direction:column}.proposal-history-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.proposal-history-list p{margin:0}.proposal-history-list b,.proposal-history-list small{display:block}.proposal-history-list b{font-size:10px}.proposal-history-list small{font-size:8px;color:var(--muted)}.proposal-history-list strong{font-size:11px} @media(max-width:1100px){.qualification-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-request-form{grid-template-columns:1fr 180px}.sales-request-form button{grid-column:1/-1;justify-self:end}.proposal-request-panel{grid-template-columns:1fr}.proposal-request-form{grid-template-columns:1fr 180px auto}.proposal-editor-layout{grid-template-columns:minmax(0,1fr) 300px}} @media(max-width:850px){.lead-intake-principle{flex-wrap:wrap}.intake-stage-pill{margin-inline-start:64px}.qualification-primary-grid{grid-template-columns:1fr}.qualification-primary-grid .span-2,.qualification-problem{grid-column:span 1}.qualification-form-footer{align-items:flex-start;flex-direction:column}.qualification-form-footer .btn{width:100%}.sales-request-form{grid-template-columns:1fr}.sales-request-form button{width:100%}.proposal-request-form{grid-template-columns:1fr}.proposal-request-form .btn{width:100%}.proposal-editor-hero{align-items:flex-start}.proposal-editor-value{min-width:220px}.proposal-editor-layout{grid-template-columns:1fr}.proposal-editor-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proposal-editor-side>.card{margin:0}} @media(max-width:650px){.lead-intake-principle{padding:18px}.lead-intake-principle-icon{width:42px;height:42px;min-width:42px}.intake-stage-pill{margin-inline-start:0}.qualification-readonly-grid{grid-template-columns:1fr}.proposal-header-actions{width:100%;justify-content:space-between}.proposal-request-panel{padding:13px}.proposal-editor-topbar{align-items:flex-start;flex-direction:column}.proposal-editor-hero{flex-direction:column;padding:20px}.proposal-editor-hero h1{font-size:21px}.proposal-editor-value{width:100%;min-width:0}.proposal-editor-grid{grid-template-columns:1fr}.proposal-editor-grid .span-2{grid-column:span 1}.proposal-editor-actions{align-items:stretch;flex-direction:column}.proposal-submit-buttons{display:grid;grid-template-columns:1fr}.proposal-editor-side{grid-template-columns:1fr}.sales-request-state.manager-request{align-items:flex-start;flex-wrap:wrap}.sales-request-state.manager-request .btn{width:100%}} @media(max-width:430px){.lead-intake-principle{display:grid;grid-template-columns:auto 1fr}.lead-intake-principle .intake-stage-pill{grid-column:1/-1}.proposal-header-actions{align-items:stretch;flex-direction:column}.proposal-header-actions .btn{width:100%}.proposal-governance-badge{justify-content:center}.governed-proposal-workspace .proposal-version{padding:12px}.proposal-editor-security{font-size:9px}} .sales-request-reject{display:flex;align-items:center;gap:6px;margin-top:8px}.sales-request-reject input{min-width:190px;padding:7px 9px;font-size:9px}.manager-request-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.manager-request-actions .sales-request-reject{margin:0}.status-fulfilled{background:#e7f7ef;color:#137b50}.status-rejected{background:#fdebed;color:#ad3140}.status-cancelled{background:#eef1f4;color:#6e7881}@media(max-width:650px){.sales-request-reject,.manager-request-actions{width:100%;align-items:stretch;flex-direction:column}.sales-request-reject input,.sales-request-reject .btn,.manager-request-actions>.btn{width:100%;min-width:0}} /* 0.9.2.20 — FX readiness and historical-rate clarity */ .fx-readiness-card{padding:0;overflow:hidden;margin-bottom:13px;border-color:#dce5eb}.fx-readiness-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 21px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fbfcfd,#f6f9fb)}.fx-readiness-head h3{margin:3px 0 4px;font-size:16px}.fx-readiness-head p{margin:0;max-width:760px;color:var(--muted);font-size:9px;line-height:1.75}.fx-readiness-head .eyebrow{color:var(--red)}.fx-readiness-picker{display:flex;align-items:flex-end;gap:8px;min-width:340px}.fx-readiness-picker label{flex:1;font-size:8px;font-weight:900;color:#67737d}.fx-readiness-picker select{margin-top:5px}.fx-readiness-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}.fx-readiness-summary article{padding:14px 17px;border-left:1px solid var(--line)}.fx-readiness-summary article:last-child{border-left:0}.fx-readiness-summary small,.fx-readiness-summary strong{display:block}.fx-readiness-summary small{font-size:7px;color:var(--muted);margin-bottom:3px}.fx-readiness-summary strong{font-size:17px}.fx-readiness-summary .is-ready strong{color:#18794e}.fx-readiness-summary .needs-action strong{color:#b42318}.fx-readiness-ok,.fx-missing-intro{display:flex;align-items:flex-start;gap:10px;padding:14px 17px}.fx-readiness-ok{background:#f0faf5;color:#18794e}.fx-readiness-ok>span,.fx-missing-intro>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;flex:0 0 auto;background:rgba(255,255,255,.8)}.fx-readiness-ok b,.fx-missing-intro b{display:block;font-size:9px}.fx-readiness-ok p,.fx-missing-intro p{margin:3px 0 0;font-size:8px;line-height:1.65;color:#5d7569}.fx-missing-list{background:#fff9f2}.fx-missing-intro{color:#9a5a00;border-bottom:1px solid #f3dfc2}.fx-missing-intro p{color:#8d724d}.fx-missing-row{display:grid;grid-template-columns:minmax(170px,1.05fr) minmax(120px,.65fr) minmax(220px,1.4fr) auto;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #f3e6d3;background:#fff}.fx-missing-row:last-child{border-bottom:0}.fx-missing-row small,.fx-missing-row b{display:block}.fx-missing-row small{font-size:7px;color:#9a8470;margin-bottom:3px}.fx-missing-row b{font-size:8px;color:#4e5962}.fx-equation strong{font-size:10px;color:#25313a}.fx-rates-layout{align-items:start}.fx-rate-equation{display:flex;align-items:center;gap:8px;white-space:nowrap}.fx-rate-equation b{color:#43515d}.fx-rate-equation span{color:#9aa5ad}.fx-rate-equation strong{color:#1e6a49}.fx-rates-table{min-width:680px}.fx-entry-note{line-height:1.75}.fx-rate-form input[type=number]{font-variant-numeric:tabular-nums} @media(max-width:1000px){.fx-readiness-head{align-items:stretch;flex-direction:column}.fx-readiness-picker{min-width:0;width:100%}.fx-readiness-summary{grid-template-columns:1fr 1fr}.fx-readiness-summary article:nth-child(2){border-left:0}.fx-readiness-summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}.fx-missing-row{grid-template-columns:1fr 1fr}.fx-missing-row>.btn{width:100%;justify-content:center}} @media(max-width:620px){.fx-readiness-head{padding:16px}.fx-readiness-picker{display:grid;grid-template-columns:1fr}.fx-readiness-picker .btn{width:100%;justify-content:center}.fx-readiness-summary{grid-template-columns:1fr}.fx-readiness-summary article{border-left:0;border-bottom:1px solid var(--line)}.fx-readiness-summary article:last-child{border-bottom:0}.fx-missing-row{grid-template-columns:1fr;padding:12px 15px}.fx-readiness-ok,.fx-missing-intro{padding:13px 15px}.fx-rates-table{min-width:560px}} /* 0.9.2.21 — Lead 360: Activity vs Next Action vs Qualification Status */ .next-action-card,.activity-log-card,.qualification-status-card{overflow:visible} .next-action-card{border-top:3px solid #c88a1d;background:linear-gradient(180deg,#fffdfa 0,#fff 150px)} .next-action-card.is-overdue{border-top-color:#c44949;background:linear-gradient(180deg,#fff8f8 0,#fff 150px)} .next-action-card.is-today{border-top-color:#2f79c5;background:linear-gradient(180deg,#f8fbff 0,#fff 150px)} .next-action-state{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap} .next-action-state.is-planned{background:#edf4fb;color:#2f6595}.next-action-state.is-today{background:#e8f2ff;color:#25639d}.next-action-state.is-overdue{background:#fdeaea;color:#a93434} .next-action-summary{display:grid;gap:10px}.next-action-date{display:flex;gap:11px;align-items:center;padding:13px 14px;border:1px solid #e5eaee;border-radius:13px;background:#fff}.next-action-date>span{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:11px;background:#fff2d9;color:#a66c0a}.next-action-card.is-overdue .next-action-date>span{background:#fdeaea;color:#a93434}.next-action-date small,.next-action-date strong{display:block}.next-action-date small{font-size:9px;color:var(--muted);margin-bottom:2px}.next-action-date strong{font-size:12px} .next-action-detail{padding:11px 13px;border-radius:11px;background:#f8fafb;border:1px solid #e8ecef}.next-action-detail span,.next-action-detail b,.next-action-detail small{display:block}.next-action-detail span{font-size:8px;color:var(--muted);font-weight:700}.next-action-detail b{font-size:10px;margin-top:3px}.next-action-detail small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.6} .next-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.next-action-buttons>.btn{width:100%;justify-content:center}.next-action-editor{position:relative}.next-action-editor>summary{list-style:none;cursor:pointer}.next-action-editor>summary::-webkit-details-marker{display:none}.next-action-editor[open]>summary{margin-bottom:9px}.next-action-editor form{position:absolute;z-index:12;inset-inline-end:0;top:calc(100% + 4px);width:min(340px,82vw);padding:14px;border:1px solid #dbe2e7;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(27,39,51,.16)}.next-action-editor.is-openable form{position:static;width:100%;box-shadow:none;margin-top:10px}.next-action-editor.is-openable>summary{list-style:none;cursor:pointer} .next-action-empty,.next-action-converted{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px dashed #d9e0e5;border-radius:13px;background:#fbfcfd;margin-bottom:11px}.next-action-empty>span,.next-action-converted>span{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:11px;background:#eef3f7;color:#52697b}.next-action-empty b,.next-action-converted b{display:block;font-size:10px}.next-action-empty p,.next-action-converted p{font-size:9px;color:var(--muted);line-height:1.7;margin:3px 0}.next-action-converted{border-style:solid;border-color:#d9e8df;background:#f8fcfa}.next-action-converted>span{background:#e6f4ec;color:#23845d}.next-action-converted .text-action{font-size:9px;margin-top:5px;display:inline-flex} .activity-log-card{border-top:3px solid #367bb8}.activity-next-step{padding:12px;border:1px solid #dce8f2;border-radius:12px;background:#f7fbff;display:grid;gap:9px}.activity-next-step>b{font-size:10px}.activity-next-step>p{font-size:9px;color:var(--muted);line-height:1.6;margin:-4px 0 2px}.activity-next-step label{margin:0} .qualification-status-card{border-top:3px solid #7561c7}.qualification-status-current{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:13px;border:1px solid #e2e5e9;background:#fbfcfd;margin-bottom:12px}.qualification-status-dot{width:10px;height:10px;min-width:10px;border-radius:50%;margin-top:4px;background:#87939d;box-shadow:0 0 0 4px #eef1f3}.qualification-status-current small,.qualification-status-current strong{display:block}.qualification-status-current small{font-size:8px;color:var(--muted)}.qualification-status-current strong{font-size:11px;margin-top:1px}.qualification-status-current p{font-size:9px;line-height:1.65;color:#5f6871;margin:3px 0 0}.qualification-status-current.tone-blue .qualification-status-dot{background:#3279b7;box-shadow:0 0 0 4px #e7f1fb}.qualification-status-current.tone-amber .qualification-status-dot{background:#b77d13;box-shadow:0 0 0 4px #fff3dc}.qualification-status-current.tone-green .qualification-status-dot{background:#25845e;box-shadow:0 0 0 4px #e6f5ed}.qualification-status-current.tone-violet .qualification-status-dot{background:#715bc4;box-shadow:0 0 0 4px #eeeafd}.qualification-status-current.tone-muted .qualification-status-dot{background:#737d86;box-shadow:0 0 0 4px #eef0f2} .crm-concept-separation{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.crm-concept-separation>div{padding:9px 6px;text-align:center;border:1px solid #e7ebee;border-radius:10px;background:#fff}.crm-concept-separation span,.crm-concept-separation b,.crm-concept-separation small{display:block}.crm-concept-separation span{font-size:11px;color:#66727d;margin-bottom:3px}.crm-concept-separation b{font-size:8px}.crm-concept-separation small{font-size:7px;color:var(--muted);line-height:1.4;margin-top:2px}.qualification-status-help{margin:-2px 0 2px;padding:9px 10px;border-radius:9px;background:#f8f6ff;color:#655c84;font-size:8px;line-height:1.6}.qualification-status-form{padding-top:2px} @media(max-width:900px){.next-action-editor form{inset-inline:auto;left:0;right:0;width:100%}} @media(max-width:480px){.next-action-buttons{grid-template-columns:1fr}.crm-concept-separation{grid-template-columns:1fr}.crm-concept-separation>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;text-align:right;align-items:center}.crm-concept-separation span{grid-row:1/3;margin:0}.crm-concept-separation b,.crm-concept-separation small{margin:0}.next-action-date{align-items:flex-start}} .activity-next-step-deal{border-color:#dfe3f3;background:#fafaff}.activity-next-step-deal>b{color:#564b98} /* ============================================================ 0.9.2.22 - Simplified sales workflow Lead -> Activity -> Qualified -> Quote -> Invoice -> Payment ============================================================ */ .simple-crm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px}.simple-crm-head>div:first-child{min-width:0}.simple-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;margin-bottom:8px}.simple-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.simple-title-line h1{margin:0;font-size:30px;line-height:1.2}.simple-crm-head p{margin:7px 0 0;color:var(--muted);font-size:14px}.simple-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.simple-sale-state{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#f1f4f8;color:#354052;font-size:12px;font-weight:800}.simple-sale-state.state-paid,.simple-sale-state.state-invoiced,.simple-sale-state.state-accepted{background:#edf8f1;color:#17663b}.simple-sale-state.state-quote_ready{background:#edf5ff;color:#185a96}.simple-sale-state.state-quote_requested,.simple-sale-state.state-quote_draft{background:#fff7e7;color:#8b5b00} .simple-sales-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:20px}.simple-flow-step{position:relative;display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card);min-height:70px}.simple-flow-step>span{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#f1f3f5;color:#667085;font-weight:800}.simple-flow-step b,.simple-flow-step small{display:block}.simple-flow-step b{font-size:13px}.simple-flow-step small{font-size:11px;color:var(--muted);margin-top:2px}.simple-flow-step.is-current{border-color:rgba(215,25,45,.3);box-shadow:0 8px 22px rgba(32,39,48,.07)}.simple-flow-step.is-current>span{background:var(--red);color:#fff}.simple-flow-step.is-done>span{background:#198754;color:#fff}.simple-flow-step.is-done{background:#fbfffc} .simple-crm-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.simple-crm-main,.simple-crm-side{display:grid;gap:18px}.simple-card{border-radius:18px}.simple-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.simple-section-head>div:first-child{display:flex;align-items:flex-start;gap:11px}.simple-section-head h2,.simple-section-head h3{margin:0 0 4px}.simple-section-head h2{font-size:18px}.simple-section-head h3{font-size:16px}.simple-section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.simple-count{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:11px;font-weight:800}.simple-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:0}.simple-detail-grid>div{background:var(--card);padding:14px}.simple-detail-grid dt{font-size:11px;color:var(--muted);margin-bottom:5px}.simple-detail-grid dd{margin:0;font-size:13px;font-weight:750;overflow-wrap:anywhere}.simple-note{margin-top:14px;padding:13px 14px;background:#f8fafc;border:1px solid var(--border);border-radius:12px}.simple-note b{font-size:12px}.simple-note p{margin:5px 0 0;font-size:13px;color:#475467;line-height:1.7} .simple-activity-composer{padding:15px;background:#f8fafc;border:1px solid var(--border);border-radius:14px;margin-bottom:16px}.simple-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simple-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:750}.simple-form-grid label small{font-weight:500;color:var(--muted)}.simple-form-grid .span-2{grid-column:1/-1}.simple-activity-list{display:grid}.simple-activity-list article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:13px 0;border-top:1px solid var(--border)}.simple-activity-list article:first-child{border-top:0}.activity-dot{width:34px;height:34px;border-radius:10px;background:#eef4fb;color:#326ca3;display:grid;place-items:center}.simple-activity-list article>div>div{display:flex;justify-content:space-between;gap:10px}.simple-activity-list b{font-size:13px}.simple-activity-list time,.simple-activity-list small{font-size:11px;color:var(--muted)}.simple-activity-list p{margin:5px 0;font-size:13px;line-height:1.65;color:#344054} .simple-gate{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f8fafc;border:1px dashed #cfd7e2;border-radius:14px}.simple-gate>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef2f6}.simple-gate b{display:block;margin-bottom:4px}.simple-gate p{margin:0;color:var(--muted);font-size:13px}.qualification-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.qualification-action b,.qualification-action span{display:block}.qualification-action b{font-size:13px}.qualification-action span{font-size:11px;color:var(--muted);margin-top:3px}.qualified-summary{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid #cce7d5;background:#f5fcf7;border-radius:14px}.qualified-summary>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#198754;color:#fff}.qualified-summary b{font-size:15px}.qualified-summary p{margin:4px 0 6px;line-height:1.65}.qualified-summary small{color:var(--muted)} .quote-request-simple{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr) auto;gap:14px;align-items:end;padding:16px;border:1px solid #d8e5f3;background:#f8fbff;border-radius:14px}.quote-request-simple b{font-size:15px}.quote-request-simple p{margin:4px 0 0;color:var(--muted);font-size:12px}.quote-request-simple label{display:grid;gap:6px;font-size:12px;font-weight:750}.simple-status-panel{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--border);background:#f8fafc}.simple-status-panel>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef2f6}.simple-status-panel b{display:block;margin-bottom:4px}.simple-status-panel p{margin:0;color:var(--muted)}.simple-status-panel.is-waiting{background:#fffaf0;border-color:#efdba8}.simple-status-panel.is-success{background:#f4fbf6;border-color:#cce7d5}.simple-status-panel.is-danger{background:#fff5f5;border-color:#f2c8c8}.simple-document-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:14px}.document-icon{width:48px;height:48px;border-radius:14px;background:#f2eefb;color:#6741a7;display:grid;place-items:center;font-size:18px}.document-main span,.document-main small{display:block;color:var(--muted);font-size:11px}.document-main h3{margin:3px 0;font-size:15px}.document-main strong{font-size:18px}.client-response-simple{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(240px,1fr) auto;gap:10px;align-items:end;margin-top:12px;padding:14px;background:#f8fafc;border-radius:12px}.client-response-simple b{display:block}.client-response-simple p{margin:3px 0 0;color:var(--muted);font-size:11px}.invoice-convert-simple{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:12px;align-items:end;margin-top:12px;padding:15px;border:1px solid #cce7d5;background:#f5fcf7;border-radius:14px}.invoice-convert-simple>div{display:flex;gap:10px}.invoice-convert-simple>div>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#198754;color:#fff}.invoice-convert-simple b{display:block}.invoice-convert-simple p{margin:3px 0 0;font-size:12px;color:var(--muted)}.invoice-convert-simple label{display:grid;gap:6px;font-size:12px;font-weight:750}.simple-invoice-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:18px;background:#202730;color:#fff;border-radius:16px}.simple-invoice-card small{display:block;opacity:.7}.simple-invoice-card h3{margin:3px 0}.simple-invoice-card strong{font-size:20px}.simple-invoice-card p{margin:5px 0 0;font-size:12px;opacity:.8}.invoice-status{margin-bottom:7px} .followup-summary{display:grid;gap:7px}.followup-summary strong{font-size:16px}.followup-summary small{color:var(--muted)}.followup-summary.is-overdue strong{color:#b42318}.simple-empty-mini{padding:13px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:12px}.simple-task-list{display:grid;gap:9px}.simple-task-list>div{padding:10px 11px;border:1px solid var(--border);border-radius:11px}.simple-task-list b,.simple-task-list small{display:block}.simple-task-list b{font-size:12px}.simple-task-list small{margin-top:3px;color:var(--muted);font-size:10px}.simple-current-state{display:flex;gap:11px;align-items:flex-start}.simple-current-state>span{width:38px;height:38px;border-radius:11px;background:#eef2f6;display:grid;place-items:center}.simple-current-state b{display:block}.simple-current-state p{margin:3px 0;color:var(--muted);font-size:12px}.simple-disqualify{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.simple-disqualify summary{font-size:12px;color:var(--muted);cursor:pointer} /* Manager quote + invoice workspace */ .manager-document-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.manager-document-flow>div{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.manager-document-flow>div>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef2f6}.manager-document-flow b,.manager-document-flow small{display:block}.manager-document-flow small{font-size:11px;color:var(--muted)}.manager-document-flow .is-current{border-color:#e7c56b;background:#fffaf0}.manager-document-flow .is-current>span{background:#f0ad20;color:#fff}.manager-document-flow .is-done>span{background:#198754;color:#fff}.manager-doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.manager-doc-layout>main,.manager-doc-layout>aside{display:grid;gap:18px}.request-context-card blockquote{margin:0 0 8px;padding:12px 14px;border-right:3px solid #e3b341;background:#fffaf0;border-radius:10px;font-size:13px}.manager-proposal-list{display:grid;gap:10px}.manager-proposal-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:start;border:1px solid var(--border);border-radius:14px;padding:14px}.proposal-version{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f2eefb;color:#6741a7;font-weight:900}.proposal-copy>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.proposal-copy strong{display:block;margin:5px 0;font-size:18px}.proposal-copy p{margin:4px 0;font-size:12px;color:#475467}.proposal-copy small,.proposal-copy em{display:block;font-size:10px;color:var(--muted)}.proposal-copy em{margin-top:6px;padding:6px 8px;background:#f8fafc;border-radius:8px;font-style:normal}.proposal-actions{display:flex;gap:6px;align-items:center}.accepted-to-invoice-card{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(290px,.8fr);gap:14px;align-items:center;border-color:#cce7d5;background:#f8fdf9}.accepted-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#198754;color:#fff;font-size:18px}.accepted-to-invoice-card h2{margin:3px 0}.accepted-to-invoice-card p{margin:0;color:var(--muted);font-size:12px}.invoice-issue-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.invoice-issue-form label{display:grid;gap:5px;font-size:11px;font-weight:750}.invoice-issue-form button{grid-column:1/-1}.issued-invoice-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#202730;color:#fff}.issued-invoice-summary small{display:block;opacity:.7}.issued-invoice-summary h2{margin:3px 0}.issued-invoice-summary strong{font-size:22px}.issued-invoice-summary p{margin:3px 0 0;opacity:.75;font-size:11px}.simple-detail-list{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:0}.simple-detail-list>div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:10px;background:var(--card)}.simple-detail-list dt{color:var(--muted);font-size:11px}.simple-detail-list dd{margin:0;font-size:12px;font-weight:700}.need-brief b{font-size:14px}.need-brief p{font-size:13px;line-height:1.7;color:#475467}.need-brief small{color:var(--muted)} /* Manager document queue */ .simplified-doc-kpis.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.document-queue{display:grid}.document-queue-row{display:grid;grid-template-columns:46px minmax(0,1.2fr) minmax(170px,.7fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.document-queue-row:first-child{border-top:0}.queue-state-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.queue-state-icon.tone-amber{background:#fff4d8;color:#946200}.queue-state-icon.tone-violet{background:#f2eefb;color:#6741a7}.queue-state-icon.tone-blue{background:#eaf4ff;color:#24679f}.queue-state-icon.tone-green{background:#eaf8ef;color:#187242}.queue-state-icon.tone-muted{background:#eef1f4;color:#667085}.queue-client span{font-size:10px;color:var(--muted);font-weight:800}.queue-client h3{margin:2px 0 3px;font-size:15px}.queue-client p{margin:0;color:var(--muted);font-size:11px}.queue-money small,.queue-money strong,.queue-money time{display:block}.queue-money small,.queue-money time{font-size:10px;color:var(--muted)}.queue-money strong{margin:3px 0;font-size:15px}.queue-actions{display:grid;gap:5px;justify-items:end} /* Invoice document */ .invoice-page-shell{max-width:1180px;margin:0 auto}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.invoice-toolbar>div{display:flex;gap:8px}.invoice-paper{background:#fff;border:1px solid var(--border);border-radius:18px;padding:38px;box-shadow:0 16px 42px rgba(31,39,50,.08)}.invoice-paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #202730;padding-bottom:22px;margin-bottom:26px}.invoice-paper-head>div:first-child{display:flex;align-items:center;gap:12px}.invoice-brand-mark{width:48px;height:48px;border-radius:14px;background:#202730;color:#fff;display:grid;place-items:center;font-weight:900}.invoice-paper-head b,.invoice-paper-head small{display:block}.invoice-paper-head b{font-size:20px}.invoice-paper-head small{color:var(--muted)}.invoice-number{text-align:left}.invoice-number span,.invoice-number small{display:block;color:var(--muted)}.invoice-number strong{font-size:20px;display:block;margin:2px 0}.invoice-party-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;margin-bottom:28px}.invoice-party-grid>div:first-child>span{font-size:11px;color:var(--muted)}.invoice-party-grid h2{margin:5px 0 8px}.invoice-party-grid p{margin:3px 0;color:#475467;font-size:12px}.invoice-meta-list{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.invoice-meta-list>div{background:#fff;padding:10px 12px}.invoice-meta-list span,.invoice-meta-list b{display:block}.invoice-meta-list span{font-size:10px;color:var(--muted)}.invoice-meta-list b{font-size:12px;margin-top:3px}.invoice-line-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.invoice-line-head,.invoice-line{display:grid;grid-template-columns:1fr 180px;gap:16px}.invoice-line-head{padding:10px 14px;background:#202730;color:#fff;font-size:11px;font-weight:800}.invoice-line{padding:16px 14px;align-items:start}.invoice-line b{font-size:13px}.invoice-line p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.invoice-line>strong{text-align:left;font-size:16px}.invoice-totals{width:min(430px,100%);margin:20px 0 0 auto;display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.invoice-totals>div{display:flex;justify-content:space-between;gap:16px;padding:10px 13px;background:#fff}.invoice-totals span{color:var(--muted);font-size:12px}.invoice-totals .is-balance{background:#202730;color:#fff}.invoice-totals .is-balance span{color:#d5d9df}.invoice-terms{margin-top:18px;padding:13px 14px;background:#f8fafc;border-radius:12px}.invoice-terms b{font-size:12px}.invoice-terms p{margin:5px 0 0;font-size:11px;color:#475467;line-height:1.7}.invoice-paper-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:28px;padding-top:15px;color:var(--muted);font-size:10px}.invoice-operations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.collection-overview{grid-column:1/-1}.collection-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.collection-kpis>div{padding:11px 12px;background:#f8fafc;border-radius:11px}.collection-kpis span,.collection-kpis strong{display:block}.collection-kpis span{font-size:10px;color:var(--muted)}.collection-kpis strong{margin-top:3px}.simple-installments{display:grid;gap:8px;margin-bottom:12px}.simple-installments>div{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border);border-radius:10px}.simple-installments b,.simple-installments small,.simple-installments strong{display:block}.simple-installments small{color:var(--muted);font-size:10px}.invoice-payment-list{display:grid}.invoice-payment-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.invoice-payment-list>div:first-child{border-top:0}.invoice-payment-list b,.invoice-payment-list small{display:block}.invoice-payment-list small{font-size:10px;color:var(--muted)} @media(max-width:1180px){.simple-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simplified-doc-kpis.stats-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.client-response-simple{grid-template-columns:1fr 1fr}.client-response-simple>div{grid-column:1/-1}.quote-request-simple{grid-template-columns:1fr 1fr}.quote-request-simple>div{grid-column:1/-1}.accepted-to-invoice-card{grid-template-columns:48px 1fr}.accepted-to-invoice-card form{grid-column:1/-1}.invoice-operations{grid-template-columns:1fr}} @media(max-width:960px){.simple-sales-flow{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:4px}.simple-crm-layout,.manager-doc-layout{grid-template-columns:1fr}.simple-crm-side{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-document-flow{grid-template-columns:repeat(2,1fr)}.document-queue-row{grid-template-columns:44px 1fr auto}.queue-money{grid-column:2}.queue-actions{grid-column:3;grid-row:1/3}.invoice-party-grid{grid-template-columns:1fr}.invoice-paper{padding:26px}} @media(max-width:720px){.simple-crm-head{align-items:stretch;flex-direction:column}.simple-title-line h1{font-size:24px}.simple-head-actions{display:grid;grid-template-columns:1fr 1fr}.simple-head-actions .btn:last-child:nth-child(odd){grid-column:1/-1}.simple-detail-grid{grid-template-columns:1fr}.simple-form-grid{grid-template-columns:1fr}.simple-form-grid .span-2{grid-column:auto}.qualification-action{flex-direction:column;align-items:stretch}.quote-request-simple,.client-response-simple,.invoice-convert-simple{grid-template-columns:1fr}.quote-request-simple>div,.client-response-simple>div{grid-column:auto}.simple-document-card{grid-template-columns:44px 1fr}.simple-document-card>.btn{grid-column:1/-1}.simple-invoice-card{align-items:stretch;flex-direction:column}.simple-crm-side{grid-template-columns:1fr}.manager-document-flow{grid-template-columns:1fr 1fr}.manager-proposal-row{grid-template-columns:44px 1fr}.proposal-actions{grid-column:1/-1;justify-content:flex-end}.invoice-issue-form{grid-template-columns:1fr}.invoice-issue-form button{grid-column:auto}.simplified-doc-kpis.stats-grid.five{grid-template-columns:1fr 1fr}.document-queue-row{grid-template-columns:42px 1fr}.queue-money,.queue-actions{grid-column:2}.queue-actions{grid-row:auto;display:flex;justify-content:flex-start}.invoice-paper{padding:18px;border-radius:12px}.invoice-paper-head{gap:16px}.invoice-line-head,.invoice-line{grid-template-columns:1fr 110px}.invoice-paper-foot{flex-direction:column}.collection-kpis{grid-template-columns:1fr}} @media(max-width:460px){.simple-head-actions{grid-template-columns:1fr}.simple-head-actions .btn{grid-column:auto!important}.simple-flow-step{min-width:145px}.manager-document-flow{grid-template-columns:1fr}.simplified-doc-kpis.stats-grid.five{grid-template-columns:1fr}.invoice-paper-head{flex-direction:column}.invoice-number{text-align:right}.invoice-line-head{display:none}.invoice-line{grid-template-columns:1fr}.invoice-line>strong{text-align:right}.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-toolbar>div{display:grid;grid-template-columns:1fr 1fr}} @media print{body{background:#fff!important}.sidebar,.topbar,.no-print,.invoice-operations,.alert,.team-announcement{display:none!important}.main-area,.content-area{display:block!important;margin:0!important;padding:0!important}.invoice-page-shell{max-width:none}.invoice-paper{border:0;box-shadow:none;border-radius:0;padding:0}.invoice-paper-foot{margin-top:40px}.invoice-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}} /* 0.9.2.22 printable quote document */ .document-card-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.document-toolbar{max-width:1080px;margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.document-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.business-document{max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:40px;box-shadow:0 16px 42px rgba(31,39,50,.08)}.business-document-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:22px;border-bottom:2px solid #202730}.document-brand span,.document-brand small{display:block;color:var(--muted)}.document-brand span{font-size:12px;font-weight:850;letter-spacing:.08em}.document-brand strong{display:block;font-size:28px;margin:3px 0}.document-brand small{font-size:11px}.document-status-block{text-align:left}.document-status-block small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.document-parties-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;margin:28px 0}.document-parties-grid>div:first-child>small{color:var(--muted);font-weight:800}.document-parties-grid h2{margin:5px 0 9px;font-size:22px}.document-parties-grid p{margin:3px 0;color:#475467;font-size:12px}.document-meta{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.document-meta>div{background:#fff;padding:10px 12px}.document-meta span,.document-meta b{display:block}.document-meta span{font-size:10px;color:var(--muted)}.document-meta b{font-size:12px;margin-top:3px}.document-title-block{padding:22px 0 8px}.document-title-block>span{font-size:10px;color:var(--muted);font-weight:850}.document-title-block h1{margin:4px 0 6px;font-size:24px}.document-title-block p{margin:0;color:var(--muted);font-size:12px}.quote-total-panel{display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:center;background:#202730;color:#fff;padding:18px 20px;border-radius:14px;margin:18px 0 24px}.quote-total-panel span{font-size:12px;color:#d5d9df}.quote-total-panel strong{grid-row:1/3;grid-column:2;font-size:26px}.quote-total-panel small{font-size:10px;color:#aeb6c2}.document-section{padding:20px 0;border-top:1px solid var(--border)}.document-section h3{margin:0 0 10px;font-size:15px}.document-rich-text{font-size:13px;line-height:1.9;color:#344054;white-space:normal}.business-document-foot{display:flex;justify-content:space-between;gap:20px;padding-top:18px;margin-top:18px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.business-document-foot b,.business-document-foot span{display:block}.business-document-foot b{color:#202730;font-size:12px;margin-bottom:2px} @media(max-width:760px){.document-toolbar{align-items:stretch;flex-direction:column}.document-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.business-document{padding:22px;border-radius:12px}.business-document-head{flex-direction:column}.document-status-block{text-align:right}.document-parties-grid{grid-template-columns:1fr;gap:18px}.quote-total-panel{grid-template-columns:1fr}.quote-total-panel strong{grid-row:auto;grid-column:auto}.business-document-foot{flex-direction:column}.document-card-actions{grid-column:1/-1;justify-content:stretch}.document-card-actions .btn{flex:1}} @media print{.business-document{max-width:none;border:0;box-shadow:none;border-radius:0;padding:0}.business-document *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.document-toolbar{display:none!important}} /* ===== UX/UI Foundation v0.10.0 ===== */ :root{ --surface:#fff; --surface-soft:#f8fafc; --surface-muted:#f2f5f8; --text:var(--ink); --text-soft:#52606d; --text-muted:var(--muted); --border:var(--line); --border-strong:#cfd6dd; --focus:rgba(215,25,45,.22); --danger:#c52b3a; --danger-soft:#fff1f2; --success:#15875a; --success-soft:#ecf9f2; --warning:#a96d0c; --warning-soft:#fff8e8; --info:#316ec8; --info-soft:#eef5ff; --violet:#6d55b8; --violet-soft:#f3efff; --radius-sm:9px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --shadow-sm:0 1px 2px rgba(31,41,51,.04),0 4px 12px rgba(31,41,51,.04); --shadow-md:0 10px 30px rgba(31,41,51,.07); --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px; } html{scroll-behavior:smooth} body{color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} ::selection{background:rgba(215,25,45,.16);color:var(--text)} img,svg{max-width:100%} button,a,input,select,textarea{touch-action:manipulation} button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62} :focus{outline:none} :focus-visible{outline:3px solid var(--focus);outline-offset:2px} .skip-link{position:fixed;z-index:9999;inset-inline-start:14px;top:10px;padding:10px 14px;border-radius:10px;background:#111827;color:#fff;font-weight:800;transform:translateY(-160%);transition:transform .15s ease} .skip-link:focus{transform:translateY(0)} /* App shell and navigation */ .sidebar{width:264px;padding:20px 14px;box-shadow:-8px 0 28px rgba(16,24,40,.08)} .main-area{margin-right:264px} .brand{min-height:70px;padding:0 8px 18px} .brand img{width:50px;height:50px;border-radius:14px} .sidebar nav{gap:4px;padding-inline:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent} .sidebar nav a{min-height:44px;padding:10px 12px;border-radius:12px;font-weight:650} .sidebar nav a:hover{background:rgba(255,255,255,.07)} .sidebar nav a.active{background:rgba(215,25,45,.18);box-shadow:inset -3px 0 0 var(--red)} .nav-label{padding:20px 12px 6px;font-size:10px;font-weight:800;letter-spacing:.02em} .topbar{min-height:76px;height:auto;padding:12px 28px;gap:16px;box-shadow:0 1px 0 rgba(16,24,40,.02)} .page-head{min-width:0} .page-head h1{font-size:clamp(18px,2vw,21px);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .topbar-context{display:block;color:var(--text-muted);font-size:10px;font-weight:700;margin-bottom:1px} .content-area{width:100%;padding:28px 30px 44px;max-width:1560px} .user-chip{min-height:44px;border:1px solid transparent} .user-chip:hover{border-color:var(--border);background:var(--surface-soft)} .icon-btn,.menu-btn,.notification-trigger,.top-settings{min-width:44px;min-height:44px;display:inline-grid;place-items:center;border-radius:11px} .icon-btn:hover,.menu-btn:hover,.notification-trigger:hover,.top-settings:hover{background:var(--surface-muted)} /* Surfaces and hierarchy */ .card,.stat-card,.course-card{border-color:var(--border);box-shadow:var(--shadow-sm)} .card{padding:clamp(16px,2vw,22px);border-radius:var(--radius-lg)} .card:hover{border-color:#d9dfe5} .stat-card{border-radius:var(--radius-lg);padding:18px 19px} .stat-card:before{width:3px} .stat-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.015em} .section-title{align-items:flex-start;margin-bottom:16px} .section-title h3{font-size:16px;line-height:1.4} .section-title p{font-size:11px;line-height:1.6} .crm-page-head,.detail-head{margin-bottom:20px} .eyebrow{letter-spacing:.01em} /* Buttons */ .btn{min-height:42px;border:1px solid transparent;border-radius:var(--radius-md);padding:9px 15px;line-height:1.25;font-weight:800;box-shadow:none;transform:none} .btn:hover{transform:none;filter:brightness(.98)} .btn:active{transform:translateY(1px)} .btn-primary{box-shadow:0 6px 14px rgba(215,25,45,.13)} .btn-secondary{background:#303841} .btn-ghost{background:var(--surface-muted);border-color:var(--border);color:var(--text)} .btn-success{background:var(--success)} .btn-danger{background:var(--danger);color:#fff} .btn-sm{min-height:34px;padding:6px 10px;border-radius:9px} .btn-lg{min-height:48px;padding:12px 18px} .text-action{min-height:36px;display:inline-flex;align-items:center;font-weight:800;color:var(--red)} /* Forms */ input,select,textarea{min-height:44px;border-color:var(--border-strong);border-radius:var(--radius-md);padding:10px 12px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease} textarea{min-height:112px;resize:vertical;line-height:1.75} input::placeholder,textarea::placeholder{color:#98a2ad;opacity:1} input:hover,select:hover,textarea:hover{border-color:#b9c2cc} input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--focus)} input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--danger);background:var(--danger-soft)} label{color:#45515d;font-size:12px;font-weight:800} .form-grid{gap:18px} .form-actions{gap:10px;position:relative} .filters{gap:10px;align-items:center} .filters input,.filters select{min-height:42px} .input-with-icon{position:relative} .input-with-icon input{padding-inline-start:38px} /* Tables */ .table-wrap{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:auto;scrollbar-width:thin;scrollbar-color:#c8d0d8 transparent} .table-wrap table{margin:0} th,td{padding:13px 12px;border-bottom-color:#e8ecf0} th{position:relative;background:#f8fafc;color:#596675;font-size:11px;font-weight:850} tbody tr{transition:background-color .12s ease} tbody tr:hover{background:#fafbfc} tbody tr:last-child td{border-bottom:0} .table-link{text-decoration-thickness:1px;text-underline-offset:3px} .table-link:hover{text-decoration:underline} /* Semantic states */ .status,.badge{min-height:24px;padding:3px 9px;gap:5px;font-size:10px;border:1px solid transparent} .status-won,.status-approved,.status-paid,.status-active,.status-completed{background:var(--success-soft);color:var(--success);border-color:#ccebdc} .status-lost,.status-rejected,.status-cancelled,.status-refunded,.status-inactive{background:var(--danger-soft);color:var(--danger);border-color:#f1d0d4} .status-pending,.status-waiting,.status-due{background:var(--warning-soft);color:var(--warning);border-color:#f0dfb7} .status-contacted,.status-sent,.status-issued{background:var(--info-soft);color:var(--info);border-color:#d4e3fa} .status-proposal,.status-negotiation{background:var(--violet-soft);color:var(--violet);border-color:#dfd8f7} /* Feedback and empty states */ .alert{border:1px solid transparent;border-radius:13px;padding:12px 14px;margin-bottom:16px;font-weight:650} .alert-success{background:var(--success-soft);border-color:#ccebdc;color:#116b49} .alert-danger{background:var(--danger-soft);border-color:#f1d0d4;color:#9f2431} .team-announcement{border-radius:14px} .empty-state,.empty-state-pro,.search-empty{color:var(--text-muted)} .empty-state{padding:28px 18px;text-align:center} .empty-state.compact{padding:18px 12px} /* Search and overlays */ .global-search-trigger{min-height:42px;border:1px solid var(--border);background:var(--surface-soft);border-radius:12px} .global-search-trigger:hover{border-color:#c9d1d9;background:#fff} .search-overlay{backdrop-filter:blur(4px)} .search-dialog{border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 70px rgba(16,24,40,.22)} .search-result-item{min-height:54px} .search-result-item.is-active,.search-result-item:focus-visible{background:var(--surface-muted)} /* Guest shell */ .guest-shell{min-width:0} /* Responsive foundation */ @media(max-width:1180px){ .sidebar{width:242px}.main-area{margin-right:242px}.content-area{padding-inline:22px} .stats-grid,.stats-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))} .topbar{padding-inline:20px} } @media(max-width:900px){ .sidebar{width:min(84vw,300px);transform:translateX(105%);transition:transform .2s ease;box-shadow:-18px 0 40px rgba(16,24,40,.18)} .sidebar-open .sidebar{transform:translateX(0)} .main-area{margin-right:0} .menu-btn{display:inline-grid} .content-area{padding:20px 18px 36px} .topbar{padding:10px 16px;gap:10px} .global-search-trigger b,.global-search-trigger kbd,.topbar-context{display:none} .global-search-trigger{min-width:44px;width:44px;padding:0} .two-col,.detail-grid{grid-template-columns:1fr} .sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(17,24,39,.42);z-index:29} .sidebar-open .sidebar-backdrop{display:block} } @media(max-width:640px){ body{font-size:13px} .content-area{padding:16px 12px 30px} .topbar{min-height:66px;padding-inline:10px} .page-head h1{font-size:17px} .top-actions{gap:4px} .user-chip>span:last-child,.top-settings{display:none} .user-chip{padding:2px} .stats-grid,.stats-grid.three,.stats-grid.four,.stats-grid.five,.dashboard-stats{grid-template-columns:1fr 1fr;gap:10px} .stat-card{padding:15px}.stat-card strong{font-size:20px} .card{margin-bottom:14px;border-radius:14px} .toolbar,.crm-page-head,.detail-head{align-items:stretch;flex-direction:column} .filters{display:grid;grid-template-columns:1fr;width:100%} .filters input,.filters select{min-width:0;width:100%} .form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto} .form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%} .actions{display:grid;grid-template-columns:1fr 1fr}.actions .btn{width:100%} .table-wrap{margin-inline:-4px;border-radius:12px} th,td{padding:11px 10px} .welcome-panel{padding:22px 18px;align-items:flex-start;flex-direction:column} .welcome-panel h2{font-size:22px} } @media(max-width:420px){ .stats-grid,.stats-grid.three,.stats-grid.four,.stats-grid.five,.dashboard-stats{grid-template-columns:1fr} .actions{grid-template-columns:1fr} .notification-popover{max-width:calc(100vw - 20px)} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } @media(prefers-contrast:more){ :root{--border:#c5cbd2;--border-strong:#9da7b2} .card,.stat-card,.table-wrap,input,select,textarea{border-width:2px} } /* ========================================================= Phase 05 - Dashboard & Navigation Redesign Role-aware command center, clearer navigation hierarchy. ========================================================= */ .sidebar nav a{align-items:center;min-height:48px} .sidebar nav a .nav-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px} .sidebar nav a .nav-copy b{font-size:11px;line-height:1.4;color:inherit;font-weight:800} .sidebar nav a .nav-copy small{font-size:8px;line-height:1.5;color:#98a3ae;font-weight:500;white-space:normal} .sidebar nav a.active .nav-copy small,.sidebar nav a:hover .nav-copy small{color:#cfd5db} body.sidebar-collapsed .sidebar nav a .nav-copy{display:none} @media(max-width:960px){body.sidebar-collapsed .sidebar nav a .nav-copy{display:flex}.sidebar nav a .nav-copy b{font-size:12px}.sidebar nav a .nav-copy small{font-size:9px}} .dashboard-command{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:center;padding:30px 32px;margin-bottom:16px;border-radius:24px;background:linear-gradient(135deg,#242c33 0%,#303a43 60%,#3a454e 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(31,41,51,.13)} .dashboard-command:after{content:"";position:absolute;left:-95px;bottom:-155px;width:330px;height:330px;border:58px solid rgba(255,255,255,.035);border-radius:50%} .dashboard-command:before{content:"";position:absolute;left:105px;top:-80px;width:190px;height:190px;background:radial-gradient(circle,rgba(215,25,45,.18),transparent 68%)} .dashboard-command-copy,.dashboard-command-signal{position:relative;z-index:1} .dashboard-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;color:#ffc5cc;letter-spacing:.02em} .dashboard-command h2{max-width:820px;margin:6px 0 7px;font-size:26px;line-height:1.45;color:#fff} .dashboard-command p{max-width:850px;margin:0;color:#d6dde3;font-size:11px;line-height:1.9} .dashboard-command-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} .dashboard-command-actions .btn{min-height:40px} .dashboard-hero-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16)} .dashboard-hero-secondary:hover{background:rgba(255,255,255,.14);color:#fff} .dashboard-command-signal{padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.065);backdrop-filter:blur(3px)} .dashboard-command-signal span,.dashboard-command-signal strong,.dashboard-command-signal small,.dashboard-command-signal a{display:block} .dashboard-command-signal span{font-size:9px;color:#cbd4da}.dashboard-command-signal strong{font-size:46px;line-height:1;margin:7px 0;color:#fff}.dashboard-command-signal small{font-size:8px;color:#bfc8cf;line-height:1.7}.dashboard-command-signal a{margin-top:13px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:800;color:#fff} .dashboard-workday{padding:14px 18px;margin-bottom:16px;box-shadow:none} .dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px} .dashboard-kpi{display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;min-width:0;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 22px rgba(31,41,51,.04);transition:.15s} .dashboard-kpi:hover{transform:translateY(-1px);border-color:#d6dce2;box-shadow:0 12px 28px rgba(31,41,51,.07)} .dashboard-kpi.is-risk{border-color:#efccd1;background:linear-gradient(180deg,#fff,#fffafb)} .dashboard-kpi-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:15px} .dashboard-kpi small,.dashboard-kpi strong,.dashboard-kpi em{display:block;min-width:0} .dashboard-kpi small{font-size:9px;color:var(--muted)}.dashboard-kpi strong{margin:2px 0;font-size:19px;line-height:1.35;color:var(--char);font-style:normal;overflow-wrap:anywhere}.dashboard-kpi em{font-size:8px;color:#929ba4;font-style:normal;line-height:1.6} .dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.55fr);gap:16px;align-items:start;margin-bottom:16px} .dashboard-primary-grid>.card{margin-bottom:0} .dashboard-action-panel{min-width:0} .dashboard-priority-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px} .priority-chip{padding:10px 12px;border:1px solid #e8ebee;border-radius:12px;background:#f8f9fa} .priority-chip b,.priority-chip span{display:block}.priority-chip b{font-size:19px;line-height:1.2;color:var(--char)}.priority-chip span{margin-top:2px;font-size:8px;color:var(--muted)} .priority-chip.danger{background:#fff5f6;border-color:#f0d3d7}.priority-chip.danger b{color:#b72b3b}.priority-chip.warning{background:#fffaf0;border-color:#f0e2bf}.priority-chip.warning b{color:#a16c15} .dashboard-action-list .action-item{grid-template-columns:34px minmax(0,1fr) auto 20px;padding:11px 7px} .dashboard-action-list .action-item p{max-width:720px} .dashboard-side-panel{min-width:0} .team-pulse-score{padding:13px;border-radius:14px;background:#f8fafb;border:1px solid #edf0f2;margin-bottom:10px}.team-pulse-score strong,.team-pulse-score span{display:block}.team-pulse-score strong{font-size:24px}.team-pulse-score span{font-size:9px;color:var(--muted);margin-bottom:8px}.team-pulse-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.team-pulse-stats>div{padding:9px;border-radius:11px;background:#f8f9fa;text-align:center}.team-pulse-stats b,.team-pulse-stats span{display:block}.team-pulse-stats b{font-size:16px}.team-pulse-stats span{font-size:7px;color:var(--muted)} .team-pulse-list{display:flex;flex-direction:column}.team-pulse-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.team-pulse-list>div:last-child{border-bottom:0}.team-pulse-list .avatar{width:32px;height:32px;font-size:10px}.team-pulse-list p{margin:0}.team-pulse-list b,.team-pulse-list small{display:block}.team-pulse-list b{font-size:9px}.team-pulse-list small{font-size:7px;color:var(--muted)} .dashboard-target-card .section-title{margin-bottom:12px}.target-hero-number{display:flex;align-items:flex-end;gap:8px;margin:10px 0}.target-hero-number strong{font-size:38px;line-height:1;color:var(--char)}.target-hero-number span{font-size:9px;color:var(--muted);padding-bottom:4px}.target-progress{height:10px}.target-money-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}.target-money-grid>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#f8f9fa}.target-money-grid span{font-size:8px;color:var(--muted)}.target-money-grid b{font-size:9px;text-align:left}.performance-mini-score{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.performance-mini-score span{font-size:8px;color:var(--muted)}.performance-mini-score b{font-size:11px} .dashboard-pipeline-card{margin-bottom:16px}.dashboard-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fbfcfd}.dashboard-pipeline>div{position:relative;padding:14px 15px;border-left:1px solid var(--line);min-width:0}.dashboard-pipeline>div:last-child{border-left:0}.dashboard-pipeline span,.dashboard-pipeline b,.dashboard-pipeline small{display:block}.dashboard-pipeline span{font-size:8px;color:var(--muted)}.dashboard-pipeline b{font-size:23px;margin:1px 0;color:var(--char)}.dashboard-pipeline small{font-size:7px;color:#9aa3ac;line-height:1.6}.dashboard-pipeline>div:not(:last-child):after{content:"←";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:7px;color:#9aa3ac;z-index:2} .dashboard-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-secondary-grid>.card{margin-bottom:0}.dashboard-task-list .task-row{padding:10px 0}.dashboard-lead-list{display:flex;flex-direction:column}.dashboard-lead-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.dashboard-lead-list>a:last-child{border-bottom:0}.dashboard-lead-list b,.dashboard-lead-list small{display:block}.dashboard-lead-list b{font-size:10px}.dashboard-lead-list small{font-size:8px;color:var(--muted);margin-top:1px}.dashboard-lead-list .row-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center} @media(max-width:1180px){.dashboard-command{grid-template-columns:minmax(0,1fr) 205px}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-primary-grid{grid-template-columns:1fr}.dashboard-side-panel{display:grid;grid-template-columns:minmax(0,1fr);}.dashboard-pipeline{grid-template-columns:repeat(5,minmax(150px,1fr));overflow:auto}.dashboard-pipeline-card{overflow:hidden}} @media(max-width:760px){.dashboard-command{grid-template-columns:1fr;padding:22px}.dashboard-command h2{font-size:22px}.dashboard-command-signal{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:end}.dashboard-command-signal span{grid-column:1/-1}.dashboard-command-signal strong{font-size:34px}.dashboard-command-signal small{align-self:center}.dashboard-command-signal a{grid-column:1/-1}.dashboard-command-actions{display:grid;grid-template-columns:1fr}.dashboard-command-actions .btn{width:100%}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-priority-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-secondary-grid{grid-template-columns:1fr}.dashboard-action-list .action-item{grid-template-columns:30px minmax(0,1fr) 18px}.dashboard-action-list .action-item time{display:none}.dashboard-pipeline{grid-template-columns:repeat(5,160px)}.team-pulse-stats{grid-template-columns:repeat(3,1fr)}} @media(max-width:460px){.dashboard-command{padding:19px}.dashboard-command h2{font-size:20px}.dashboard-priority-strip{grid-template-columns:1fr 1fr}.dashboard-kpi{grid-template-columns:40px 1fr;padding:13px}.dashboard-kpi-icon{width:40px;height:40px}.dashboard-kpi strong{font-size:17px}.team-pulse-stats{grid-template-columns:1fr}.dashboard-lead-list>a{grid-template-columns:auto minmax(0,1fr)}.dashboard-lead-list .status{grid-column:2}} /* ========================================================= Phase 06 - CRM 2.0 Explainable lead health, action-first directory, Lead 360 timeline. ========================================================= */ .crm-health-strip{margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff} .crm-health-strip-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}.crm-health-strip-head h3{margin:2px 0 0;font-size:16px}.crm-health-strip-head>span{max-width:430px;font-size:8px;line-height:1.8;color:var(--muted);text-align:left} .crm-health-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.crm-health-card{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;color:var(--char)}.crm-health-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef1f3}.crm-health-card small,.crm-health-card strong{display:block}.crm-health-card small{font-size:8px;color:var(--muted)}.crm-health-card strong{font-size:18px}.crm-health-card.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)} .crm-health-card.health-healthy>span,.crm-health-pill.health-healthy{background:#edf8f0;color:#257440}.crm-health-card.health-needs_action>span,.crm-health-pill.health-needs_action{background:#fff6df;color:#95630b}.crm-health-card.health-at_risk>span,.crm-health-pill.health-at_risk{background:#fff0f2;color:#b52e3f}.crm-health-card.health-dormant>span,.crm-health-pill.health-dormant{background:#eef0f2;color:#65717c}.crm-health-card.health-closed>span,.crm-health-pill.health-closed{background:#eef6ff;color:#326a9e} .crm-health-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.next-action-cell{display:block;font-size:9px;line-height:1.5}.leads-directory-table .table-sub{display:block;margin-top:3px;max-width:250px;line-height:1.5} .crm-intelligence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.crm-intelligence-card{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}.crm-intelligence-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f1f3f5;color:#58636d}.crm-intelligence-card small,.crm-intelligence-card strong,.crm-intelligence-card p{display:block;margin:0}.crm-intelligence-card small{font-size:8px;color:var(--muted)}.crm-intelligence-card strong{margin:2px 0 3px;font-size:13px}.crm-intelligence-card p{font-size:8px;line-height:1.65;color:#7c8791}.crm-intelligence-card.health-healthy .crm-intelligence-icon{background:#edf8f0;color:#257440}.crm-intelligence-card.health-at_risk .crm-intelligence-icon{background:#fff0f2;color:#b52e3f}.crm-intelligence-card.health-dormant .crm-intelligence-icon{background:#eef0f2;color:#65717c}.crm-intelligence-card.health-needs_action .crm-intelligence-icon,.crm-intelligence-card.is-action .crm-intelligence-icon{background:#fff6df;color:#95630b} .crm-duplicate-alert{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;margin:-2px 0 16px;padding:13px 15px;border:1px solid #efd59a;border-radius:14px;background:#fffaf0}.crm-duplicate-alert>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fff0c9;color:#94620c}.crm-duplicate-alert strong{font-size:10px}.crm-duplicate-alert p{margin:2px 0 7px;font-size:8px;color:#7b6a45}.crm-duplicate-links{display:flex;gap:6px;flex-wrap:wrap}.crm-duplicate-links a{padding:5px 8px;border-radius:8px;background:#fff;border:1px solid #ecd9af;font-size:8px;font-weight:800} .crm-timeline-card{overflow:hidden}.crm-timeline{position:relative;padding:2px 0 0}.crm-timeline:before{content:"";position:absolute;right:7px;top:7px;bottom:8px;width:1px;background:#e6e9ec}.crm-timeline-item{position:relative;display:grid;grid-template-columns:16px 1fr;gap:10px;padding:0 0 14px}.crm-timeline-dot{position:relative;z-index:1;width:10px;height:10px;margin:5px 2px 0;border-radius:50%;background:#9aa4ad;border:2px solid #fff;box-shadow:0 0 0 1px #dce1e5}.crm-timeline-item.kind-activity .crm-timeline-dot{background:#3379b7}.crm-timeline-item.kind-deal .crm-timeline-dot,.crm-timeline-item.kind-won .crm-timeline-dot{background:#2c8749}.crm-timeline-item.kind-owner .crm-timeline-dot{background:#8a5eb8}.crm-timeline-item.kind-stage .crm-timeline-dot{background:#b37a19}.crm-timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.crm-timeline-head strong{font-size:9px}.crm-timeline-head time{font-size:7px;color:var(--muted);white-space:nowrap}.crm-timeline-item p{margin:2px 0 3px;font-size:8px;line-height:1.65;color:#65717c}.crm-timeline-item small{font-size:7px;color:#929ca5} .ownership-history-mini{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.ownership-history-mini>b{display:block;margin-bottom:7px;font-size:8px}.ownership-history-mini>div{padding:7px 0;border-bottom:1px dashed #e7eaed}.ownership-history-mini>div:last-child{border-bottom:0}.ownership-history-mini span,.ownership-history-mini small{display:block}.ownership-history-mini span{font-size:8px;font-weight:800}.ownership-history-mini small{margin-top:2px;font-size:7px;color:var(--muted);line-height:1.5} @media(max-width:1180px){.crm-health-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.crm-health-strip-head{align-items:start;flex-direction:column}.crm-health-strip-head>span{text-align:right}.crm-health-cards{grid-template-columns:1fr 1fr}.crm-intelligence-grid{grid-template-columns:1fr}.leads-filter-form{grid-template-columns:1fr}.crm-timeline-head{flex-direction:column;gap:2px}} @media(max-width:420px){.crm-health-cards{grid-template-columns:1fr}.crm-duplicate-alert{grid-template-columns:1fr}.crm-duplicate-alert>span{width:36px;height:36px}} /* === Phase 07 · Sales & Deal Management 2.0 === */ .sales-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.sales-command-head h1{margin:4px 0 2px;font-size:27px;color:var(--char)}.sales-command-head p{margin:0;color:var(--muted);max-width:760px}.sales-command-actions{display:flex;gap:8px;flex-wrap:wrap}.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.sales-kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);border-top:3px solid var(--blue)}.sales-kpi.is-warning{border-top-color:var(--amber)}.sales-kpi.is-danger{border-top-color:var(--red)}.sales-kpi span,.sales-kpi strong,.sales-kpi small{display:block}.sales-kpi span{font-size:10px;color:var(--muted)}.sales-kpi strong{font-size:24px;margin:2px 0;color:var(--char)}.sales-kpi small{font-size:9px;color:#8d98a3}.pipeline-board{padding:18px}.pipeline-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pipeline-stage-card{padding:16px;border:1px solid var(--line);background:#fbfcfd;border-radius:13px;transition:.16s ease}.pipeline-stage-card:hover{border-color:#cfd8df;transform:translateY(-1px)}.pipeline-stage-card span,.pipeline-stage-card strong,.pipeline-stage-card small{display:block}.pipeline-stage-card span{font-size:10px;color:var(--muted)}.pipeline-stage-card strong{font-size:25px;margin:2px 0}.pipeline-stage-card small{font-size:9px;color:#8c97a1}.sales-pipeline-filters .filters{width:100%}.sales-pipeline-filters select{min-width:145px}.sales-deal-list{display:flex;flex-direction:column;gap:10px}.sales-deal-row{display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(380px,1.2fr) minmax(220px,.7fr);gap:18px;align-items:center;margin-bottom:0;border-right:4px solid #dfe5ea}.sales-deal-row.health-stalled,.sales-deal-row.health-at_risk{border-right-color:var(--red)}.sales-deal-row.health-attention,.sales-deal-row.health-needs_plan,.sales-deal-row.health-approval{border-right-color:var(--amber)}.sales-deal-row.health-healthy{border-right-color:var(--green)}.sales-deal-badges{display:flex;gap:6px;flex-wrap:wrap}.sales-deal-identity h2{font-size:16px;margin:6px 0 1px}.sales-deal-identity p{margin:0;color:#58636e;font-size:10px}.sales-deal-identity small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.deal-health{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800}.deal-health.tone-success{background:#e7f7ef;color:#11784d}.deal-health.tone-warning{background:#fff3d8;color:#98650a}.deal-health.tone-danger{background:#fdebed;color:#b72133}.deal-health.tone-muted{background:#eef1f4;color:#6c7782}.sales-deal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sales-deal-metrics>div{padding:9px;border:1px solid #edf0f3;border-radius:10px;background:#fbfcfd;min-width:0}.sales-deal-metrics span,.sales-deal-metrics b{display:block}.sales-deal-metrics span{font-size:8px;color:var(--muted)}.sales-deal-metrics b{font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-next-action{padding-inline-start:14px;border-inline-start:1px solid var(--line)}.sales-next-action span,.sales-next-action b,.sales-next-action small{display:block}.sales-next-action span{font-size:8px;color:var(--muted)}.sales-next-action b{font-size:11px}.sales-next-action small{font-size:8px;color:#77838e;margin:2px 0 7px}.deal360-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;padding:25px 28px;border-radius:19px;background:linear-gradient(135deg,#fff,#f7f9fb);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:14px;border-right:4px solid var(--green)}.deal360-hero.health-stalled,.deal360-hero.health-at_risk{border-right-color:var(--red)}.deal360-hero.health-attention,.deal360-hero.health-needs_plan,.deal360-hero.health-approval{border-right-color:var(--amber)}.deal360-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.deal360-title h1{font-size:27px;margin:4px 0 0}.deal360-main>p{margin:2px 0;color:var(--muted)}.deal360-insight{margin-top:12px;padding:10px 12px;background:#f8fafb;border:1px solid #e8edf1;border-radius:11px}.deal360-insight b,.deal360-insight span{display:block}.deal360-insight b{font-size:10px}.deal360-insight span{font-size:9px;color:var(--muted);margin-top:2px}.deal360-value{text-align:left}.deal360-value span,.deal360-value strong,.deal360-value small{display:block}.deal360-value span{font-size:9px;color:var(--muted)}.deal360-value strong{font-size:27px;color:var(--char)}.deal360-value small{font-size:9px;color:var(--muted);margin-bottom:9px}.deal360-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.deal360-kpis article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.deal360-kpis article.is-danger{border-color:#efc8cd;background:#fffafb}.deal360-kpis span,.deal360-kpis strong,.deal360-kpis small{display:block}.deal360-kpis span{font-size:8px;color:var(--muted)}.deal360-kpis strong{font-size:13px;margin:2px 0}.deal360-kpis small{font-size:8px;color:#8b96a0}.deal360-stage-card{padding:17px}.deal360-stage-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative}.deal360-stage-track>div{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fbfcfd;color:#7d8994}.deal360-stage-track span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#eef2f5;font-size:9px}.deal360-stage-track b{font-size:9px}.deal360-stage-track .is-done{color:#137d52;border-color:#d6ecdf;background:#f8fdfa}.deal360-stage-track .is-done span{background:#e2f5ea}.deal360-stage-track .is-current{color:#8b5e0a;border-color:#ecd69b;background:#fffaf0}.deal360-stage-track .is-current span{background:#fff0c8}.deal360-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.deal360-layout>aside{position:sticky;top:96px}.deal360-control .stack-form{margin-bottom:12px}.deal360-stage-actions{padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.deal360-stage-actions>b{font-size:9px;color:var(--muted)}.deal360-close-panel{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.deal360-close-panel summary{cursor:pointer;font-weight:800;font-size:10px;color:#8a2633}.deal360-close-panel form{margin-top:10px;padding:10px;background:#fbfcfd;border:1px solid #edf0f3;border-radius:11px}.deal360-close-panel .deal360-win-form{border-color:#d8ecdf;background:#f9fdfb}.status-discovery{background:#edf4ff;color:#3974d4} @media(max-width:1180px){.sales-deal-row{grid-template-columns:minmax(240px,1fr) minmax(330px,1.1fr)}.sales-next-action{grid-column:1/-1;padding-inline-start:0;padding-top:10px;border-inline-start:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3px 12px}.sales-next-action .btn{grid-column:2;grid-row:1/4}.deal360-layout{grid-template-columns:minmax(0,1fr) 290px}} @media(max-width:900px){.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-deal-row{grid-template-columns:1fr}.sales-deal-metrics{grid-template-columns:repeat(4,1fr)}.sales-next-action{grid-column:auto}.deal360-hero{grid-template-columns:1fr}.deal360-value{text-align:right}.deal360-kpis{grid-template-columns:repeat(2,1fr)}.deal360-layout{grid-template-columns:1fr}.deal360-layout>aside{position:static}.pipeline-board-grid{grid-template-columns:1fr 1fr 1fr}} @media(max-width:620px){.sales-command-head{align-items:stretch;flex-direction:column}.sales-command-actions{display:grid;grid-template-columns:1fr}.sales-kpi-grid{grid-template-columns:1fr 1fr}.pipeline-board-grid{grid-template-columns:1fr}.sales-deal-metrics{grid-template-columns:1fr 1fr}.sales-next-action{display:block}.sales-next-action .btn{margin-top:8px;width:100%}.deal360-hero{padding:20px}.deal360-title h1{font-size:22px}.deal360-kpis{grid-template-columns:1fr 1fr}.deal360-stage-track{grid-template-columns:1fr 1fr}.sales-pipeline-filters .filters>*{width:100%;min-width:0}} @media(max-width:390px){.sales-kpi-grid,.deal360-kpis,.deal360-stage-track{grid-template-columns:1fr}.sales-deal-metrics{grid-template-columns:1fr}} /* Finance & Commissions 2.0 */ .finance-pulse-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-4px 0 14px}.finance-pulse-strip>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 15px}.finance-pulse-strip small,.finance-pulse-strip b{display:block}.finance-pulse-strip small{color:var(--text-soft);font-size:10px}.finance-pulse-strip b{font-size:18px;margin-top:3px}.receivables-aging-card{margin-bottom:14px}.aging-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.aging-grid>div{background:var(--surface-soft,#f8fafb);border:1px solid var(--border);border-radius:12px;padding:12px}.aging-grid span,.aging-grid strong{display:block}.aging-grid span{font-size:9px;color:var(--text-soft)}.aging-grid strong{font-size:15px;margin-top:3px}.aging-grid .aging-critical{background:#fff5f6;border-color:#f3c8cd}.aging-grid .aging-critical strong{color:var(--red)}.receivable-summary-line{display:flex;gap:16px;align-items:center;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:10px;color:var(--text-soft)}.receivable-summary-line strong{color:var(--text)}.mini-action-form select{margin-bottom:7px} @media(max-width:900px){.aging-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:640px){.finance-pulse-strip{grid-template-columns:1fr}.aging-grid{grid-template-columns:1fr 1fr}.receivable-summary-line{justify-content:flex-start}} @media(max-width:420px){.aging-grid{grid-template-columns:1fr}} /* Phase 09 — Tasks, Activities & Work Management */ .work-scope-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.workload-board{margin-bottom:var(--space-5,20px)}.workload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workload-member{display:block;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md,14px);text-decoration:none;color:inherit;background:var(--surface)}.workload-member>div{display:flex;justify-content:space-between;gap:8px}.workload-member strong{display:block;font-size:1.4rem;margin:6px 0}.workload-member small{color:var(--muted)}.workload-member.level-high{border-inline-start:4px solid var(--danger)}.workload-member.level-medium{border-inline-start:4px solid var(--warning)}.workload-member.level-healthy{border-inline-start:4px solid var(--success)}.work-urgency{font-size:.78rem;font-weight:700;padding:4px 8px;border-radius:999px;background:var(--surface-soft)}.work-urgency.urgency-overdue,.work-urgency.urgency-now{color:var(--danger);background:var(--danger-soft)}.work-urgency.urgency-today{color:var(--warning-text);background:var(--warning-soft)}.smart-task.status-cancelled{opacity:.78}.cancel-note{display:block;color:var(--danger);margin-top:6px}.cancel-task-form{border-top:1px solid var(--border);padding-top:10px;margin-top:8px} @media(max-width:900px){.workload-grid{grid-template-columns:1fr 1fr}.work-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:620px){.workload-grid,.work-scope-grid{grid-template-columns:1fr 1fr}} /* Training & Performance 2.0 */ .development-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.development-readiness-grid article{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--surface-soft);display:flex;flex-direction:column;gap:4px}.development-readiness-grid small,.development-gap-list small,.development-recommendations small,.course-competency-row small{color:var(--muted)}.development-readiness-grid strong{font-size:1.45rem}.development-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.development-columns h4,.development-recommendations h4{margin:0 0 10px}.development-gap-list{display:grid;gap:8px}.development-gap-list>div,.development-recommendations article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.development-gap-list span,.development-recommendations article>div{display:flex;flex-direction:column;gap:3px;min-width:0}.development-gap-list strong{color:var(--danger)}.development-recommendations{display:grid;gap:8px}.academy-development-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);margin:18px 0}.academy-development-panel h3{margin:4px 0}.academy-development-panel p{margin:0;color:var(--muted)}.academy-development-score{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border-inline-start:1px solid var(--border)}.academy-development-score strong{font-size:1.5rem}.course-competency-map{display:grid;gap:10px}.course-competency-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.course-competency-row>span{display:flex;flex-direction:column;gap:4px}.course-competency-row>span:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.course-competency-row>span:first-child small{grid-column:2}.course-competency-row input[type=number]{width:100%} @media(max-width:900px){.development-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-development-panel{grid-template-columns:1fr}.academy-development-score{align-items:flex-start;border-inline-start:0;border-top:1px solid var(--border)}.course-competency-row{grid-template-columns:1fr 1fr}.course-competency-row>span:first-child{grid-column:1/-1}} @media(max-width:640px){.development-readiness-grid,.development-columns{grid-template-columns:1fr}.development-recommendations article{align-items:flex-start;flex-direction:column}.course-competency-row{grid-template-columns:1fr}} /* Phase 12 — Reporting & Business Intelligence */ .bi-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}.bi-kpi{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:15px;display:flex;flex-direction:column;gap:4px}.bi-kpi>span,.bi-kpi small{color:var(--muted);font-size:9px}.bi-kpi strong{font-size:21px}.bi-pill{align-self:flex-start;padding:4px 8px;border-radius:999px;font-size:8px;font-style:normal;font-weight:800}.bi-pill.severity-success{background:#edf8f0;color:#257440}.bi-pill.severity-info{background:#eef5ff;color:#356fbf}.bi-pill.severity-warning{background:#fff6df;color:#95630b}.bi-pill.severity-danger{background:#fff0f2;color:#b72b3b}.bi-decision-center{margin-bottom:16px}.bi-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bi-signal{padding:12px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface-soft);display:flex;flex-direction:column;gap:4px}.bi-signal b{font-size:10px}.bi-signal span{font-size:9px;color:var(--muted);line-height:1.65}.bi-signal.severity-danger{border-inline-start:4px solid var(--danger);background:#fffafb}.bi-signal.severity-warning{border-inline-start:4px solid var(--warning);background:#fffdf8}.bi-signal.severity-info{border-inline-start:4px solid var(--info,#3c78d8)}.bi-inline-insight{margin-top:10px;padding:9px 10px;border-radius:10px;background:#f8fafb;border:1px solid var(--border);font-size:9px;color:var(--muted)}.forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.forecast-grid>div{padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.forecast-grid span,.forecast-grid b{display:block}.forecast-grid span{font-size:8px;color:var(--muted)}.forecast-grid b{font-size:13px;margin-top:3px}.pipeline-stage-list{display:grid;gap:7px}.pipeline-stage-list>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 0;border-top:1px solid var(--border)}.pipeline-stage-list>div:first-child{border-top:0}.pipeline-stage-list span,.pipeline-stage-list b{font-size:9px}.pipeline-stage-list small{grid-column:1/-1;font-size:8px;color:var(--muted)}.aging-chart{display:grid;gap:9px}.aging-chart>div{display:grid;grid-template-columns:58px 1fr auto;gap:9px;align-items:center}.aging-chart span,.aging-chart b{font-size:9px}.aging-chart .bar{height:8px;background:#edf0f3;border-radius:99px;overflow:hidden}.aging-chart .bar i{display:block;height:100%;background:var(--accent);border-radius:inherit;min-width:2px} @media(max-width:1000px){.bi-kpi-grid{grid-template-columns:repeat(2,1fr)}.bi-signal-grid{grid-template-columns:1fr 1fr}.forecast-grid{grid-template-columns:1fr 1fr}} @media(max-width:620px){.bi-kpi-grid,.bi-signal-grid,.forecast-grid{grid-template-columns:1fr}.aging-chart>div{grid-template-columns:52px 1fr}.aging-chart b{grid-column:2;text-align:left}} /* Phase 13 — Performance & Scalability */ .pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)} .pagination-summary{font-size:9px;color:var(--muted)}.pagination-actions{display:flex;gap:8px;flex-wrap:wrap} @media(max-width:620px){.pagination{align-items:stretch;flex-direction:column}.pagination-actions{display:grid;grid-template-columns:1fr 1fr}.pagination-actions .btn{width:100%}} /* Release-blocker hotfix: Reports information architecture */ .report-command-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);gap:18px;align-items:center;padding:22px 24px;margin-bottom:14px;border-radius:20px;background:linear-gradient(135deg,var(--char),#384650);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative} .report-command-head:after{content:"";position:absolute;inset-inline-end:-70px;bottom:-120px;width:260px;height:260px;border-radius:50%;border:48px solid rgba(255,255,255,.05)} .report-command-head>div{position:relative;z-index:1;min-width:0}.report-command-head .eyebrow{color:#dce5eb}.report-command-head h1{margin:5px 0 6px;color:#fff;font-size:26px}.report-command-head p{margin:0;color:#cbd4da;max-width:760px;line-height:1.8;font-size:11px}.report-command-meta{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.report-command-meta span,.report-command-meta strong,.report-command-meta small{display:block}.report-command-meta span{font-size:9px;color:#c6d1d8}.report-command-meta strong{font-size:15px;margin:4px 0}.report-command-meta small{font-size:8px;color:#d7dfe4;line-height:1.6} .report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.report-summary-grid .stat-card{min-width:0;padding:17px}.report-summary-grid .stat-card strong{font-size:20px;overflow-wrap:anywhere} .report-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.report-two-col>.card{margin-bottom:0;min-width:0}.report-two-col .table-wrap{max-width:100%;overflow:auto} .report-toolbar{align-items:flex-end}.report-filters{flex:1}.report-export-actions{justify-content:flex-end}.report-period{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:9px 12px;margin-bottom:14px}.bi-decision-center{border-inline-start:4px solid var(--red)} .training-migration-notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px}.training-migration-notice b,.training-migration-notice span{display:block}.training-migration-notice span{font-size:10px;line-height:1.7} @media(max-width:1100px){.report-command-head{grid-template-columns:1fr}.report-command-meta{max-width:420px}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-two-col{grid-template-columns:1fr}.report-export-actions{justify-content:flex-start}} @media(max-width:720px){.report-command-head{padding:18px}.report-command-head h1{font-size:21px}.report-summary-grid{grid-template-columns:1fr}.report-toolbar{padding:12px}.report-export-actions{display:grid;grid-template-columns:1fr;width:100%}.report-export-actions .btn{width:100%;justify-content:center}.report-period{padding:9px 10px}.bi-kpi-grid{margin-top:10px}} /* Proposal presentation hotfix — professional screen, email and independent print document */ .print-only{display:none}.proposal-toolbar{max-width:1120px;margin:0 auto 14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.proposal-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.proposal-view-card{max-width:1120px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 20px 54px rgba(31,39,50,.09)}.proposal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:linear-gradient(135deg,#202730,#37434d);color:#fff}.proposal-brand-lockup{display:flex;align-items:center;gap:15px;min-width:0}.proposal-brand-lockup img{width:74px;height:58px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}.proposal-brand-lockup small,.proposal-brand-lockup h1,.proposal-brand-lockup p{display:block;margin:0}.proposal-brand-lockup small{font-size:8px;color:#b9c3ca}.proposal-brand-lockup h1{font-size:21px;margin:2px 0}.proposal-brand-lockup p{font-size:8px;color:#d0d7dc}.proposal-reference{text-align:left;min-width:150px}.proposal-reference span,.proposal-reference b,.proposal-reference small{display:block}.proposal-reference span{font-size:8px;color:#bec7ce}.proposal-reference b{font-size:15px;margin:4px 0}.proposal-reference small{font-size:9px;color:#e7ebee}.proposal-client-band{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px 30px;background:#f8fafb;border-bottom:1px solid var(--border)}.proposal-client-band small{color:var(--muted);font-size:8px}.proposal-client-band h2{margin:3px 0;font-size:18px}.proposal-client-band p{margin:0;color:var(--muted);font-size:9px}.proposal-client-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:9px;color:#667085}.proposal-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:30px}.proposal-main-copy h2{font-size:25px;margin:6px 0 8px}.proposal-main-copy p{margin:0;max-width:680px;color:var(--muted);font-size:10px;line-height:1.8}.proposal-amount-card{padding:20px;border-radius:16px;background:#202730;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.proposal-amount-card small,.proposal-amount-card span{font-size:8px;color:#c1c9cf}.proposal-amount-card strong{font-size:27px;margin:4px 0}.proposal-meta-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 30px 8px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.proposal-meta-strip>div{padding:12px 14px;background:#fff;border-inline-start:1px solid var(--border)}.proposal-meta-strip>div:first-child{border-inline-start:0}.proposal-meta-strip span,.proposal-meta-strip b{display:block}.proposal-meta-strip span{font-size:8px;color:var(--muted)}.proposal-meta-strip b{font-size:10px;margin-top:3px}.proposal-content-section{display:grid;grid-template-columns:46px 1fr;gap:14px;margin:0 30px;padding:25px 0;border-top:1px solid var(--border)}.proposal-section-number{width:38px;height:38px;border-radius:11px;background:var(--surface-soft);display:grid;place-items:center;font-size:10px;font-weight:900;color:var(--accent)}.proposal-content-section h3{margin:1px 0 10px;font-size:15px}.proposal-rich-text{font-size:11px;line-height:2;color:#344054}.proposal-screen-footer{display:flex;justify-content:space-between;gap:24px;padding:18px 30px;background:#f8fafb;border-top:1px solid var(--border)}.proposal-screen-footer strong,.proposal-screen-footer span{display:block;font-size:8px}.proposal-screen-footer strong{font-size:10px;margin-bottom:3px}.proposal-screen-footer span{color:var(--muted)}.proposal-screen-footer>div:last-child{text-align:left}.proposal-email-card{max-width:1120px;margin:16px auto}.proposal-email-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proposal-email-form .span-2{grid-column:1/-1}.proposal-email-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.proposal-email-actions small{color:var(--muted);font-size:8px;line-height:1.7} @media(max-width:760px){.proposal-toolbar{flex-direction:column;align-items:stretch}.proposal-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.proposal-hero,.proposal-client-band{grid-template-columns:1fr;display:grid}.proposal-reference{text-align:right}.proposal-client-contact{align-items:flex-start}.proposal-overview-grid{grid-template-columns:1fr;padding:22px}.proposal-meta-strip{grid-template-columns:1fr 1fr;margin:0 22px 8px}.proposal-content-section{margin:0 22px}.proposal-screen-footer{flex-direction:column}.proposal-screen-footer>div:last-child{text-align:right}.proposal-email-form{grid-template-columns:1fr}.proposal-email-form .span-2{grid-column:auto}.proposal-email-actions{align-items:stretch;flex-direction:column}.proposal-email-actions .btn{width:100%}} @media print{ @page{size:A4;margin:12mm 13mm 14mm} body{background:#fff!important;color:#17212b!important}.no-print,.proposal-screen{display:none!important}.print-only{display:block!important} .proposal-print-sheet{font-family:Arial,Tahoma,sans-serif;direction:rtl;color:#17212b;font-size:9.5pt;line-height:1.65} .proposal-print-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #202730;padding:0 0 8mm;margin-bottom:3mm}.proposal-print-brand{display:flex;align-items:center;gap:4mm}.proposal-print-brand img{width:28mm;height:18mm;object-fit:contain}.proposal-print-brand strong,.proposal-print-brand span{display:block}.proposal-print-brand strong{font-size:15pt}.proposal-print-brand span{font-size:7pt;color:#667085}.proposal-print-ref{text-align:left}.proposal-print-ref b,.proposal-print-ref span{display:block}.proposal-print-ref b{font-size:9pt}.proposal-print-ref span{font-size:7pt;color:#667085}.proposal-print-contact-row{display:flex;gap:5mm;justify-content:flex-end;padding:2.5mm 0;font-size:6.8pt;color:#667085;border-bottom:1px solid #dfe3e7}.proposal-print-title{padding:10mm 0 5mm}.proposal-print-title small{font-size:7pt;color:#667085}.proposal-print-title h1{font-size:22pt;margin:1mm 0}.proposal-print-title p{margin:0;color:#667085;font-size:8pt}.proposal-print-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dfe3e7;margin-bottom:7mm}.proposal-print-facts>div{padding:3mm 4mm;border-inline-start:1px solid #dfe3e7}.proposal-print-facts>div:first-child{border-inline-start:0}.proposal-print-facts span,.proposal-print-facts b{display:block}.proposal-print-facts span{font-size:6.5pt;color:#667085}.proposal-print-facts b{font-size:8pt;margin-top:1mm}.proposal-print-offer{display:grid;grid-template-columns:1fr auto;gap:8mm;align-items:center;background:#202730!important;color:#fff!important;padding:5mm 6mm;margin-bottom:7mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.proposal-print-offer small{font-size:6.5pt;color:#d0d7dc}.proposal-print-offer h2{font-size:15pt;margin:1mm 0}.proposal-print-offer>div:last-child{text-align:left}.proposal-print-offer strong{display:block;font-size:19pt}.proposal-print-offer span{font-size:7pt;color:#d0d7dc}.proposal-print-section{padding:5mm 0;border-top:1px solid #dfe3e7;break-inside:avoid}.proposal-print-section h3{font-size:10pt;margin:0 0 3mm}.proposal-print-section div{font-size:8.5pt;line-height:1.9;color:#344054}.proposal-print-note{margin-top:6mm;padding:3mm 4mm;border:1px solid #dfe3e7;background:#f8fafb!important;font-size:7pt;color:#667085;-webkit-print-color-adjust:exact;print-color-adjust:exact}.proposal-print-foot{display:flex;justify-content:space-between;gap:8mm;border-top:2px solid #202730;margin-top:9mm;padding-top:4mm;font-size:6.5pt;color:#667085}.proposal-print-foot strong,.proposal-print-foot span{display:block}.proposal-print-foot strong{font-size:8pt;color:#202730} } /* Lead identity consistency hotfix */ .crm-duplicate-candidate{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.45rem 0} .crm-duplicate-candidate form{margin:0} .leads-kanban{grid-template-columns:repeat(7,minmax(270px,1fr));overflow-x:auto;padding-bottom:.75rem} .leads-kanban .lead-kanban-card[draggable="false"]{cursor:default;opacity:.92} /* Invoice client presentation + independent A4 print document */ .invoice2-screen{max-width:1180px;margin:0 auto}.invoice2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.invoice2-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.invoice2-document{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 70px rgba(24,32,43,.08);overflow:hidden}.invoice2-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:32px 36px;background:linear-gradient(135deg,#202730,#303b47);color:#fff}.invoice2-brand{display:flex;align-items:center;gap:16px;min-width:0}.invoice2-brand img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:16px;padding:7px}.invoice2-brand small,.invoice2-brand p{color:#cbd2d9}.invoice2-brand h1{margin:4px 0 6px;font-size:24px}.invoice2-brand p{margin:0;font-size:11px}.invoice2-ref{text-align:left;display:grid;justify-items:end;gap:5px}.invoice2-kicker{font-size:11px;color:#cbd2d9}.invoice2-ref>strong{font-size:24px;letter-spacing:.02em}.invoice2-payment-state{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.invoice2-payment-state.is-paid{background:#dff7e8;color:#177245}.invoice2-payment-state.is-overdue{background:#fee7e7;color:#b42318}.invoice2-payment-state.is-open{background:#fff4d6;color:#8a6116}.invoice2-parties{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--border)}.invoice2-parties article{padding:28px 36px}.invoice2-parties article+article{border-right:1px solid var(--border);background:#fafbfc}.invoice2-parties span,.invoice2-facts span,.invoice2-totals span,.invoice2-payment-progress>span{font-size:10px;color:var(--muted);font-weight:700}.invoice2-parties h2{margin:7px 0 9px;font-size:21px}.invoice2-parties p{margin:4px 0;color:#667085;font-size:12px}.invoice2-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 36px;border:1px solid var(--border);border-radius:14px;transform:translateY(18px);background:#fff;box-shadow:0 9px 24px rgba(31,39,48,.06)}.invoice2-facts>div{padding:13px 15px;border-left:1px solid var(--border)}.invoice2-facts>div:last-child{border-left:0}.invoice2-facts span,.invoice2-facts b{display:block}.invoice2-facts b{font-size:11px;margin-top:4px}.invoice2-line-section,.invoice2-section{padding:48px 36px 0}.invoice2-section{padding-top:28px}.invoice2-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.invoice2-section-title>div{display:flex;align-items:center;gap:10px}.invoice2-section-title>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#344054;font-size:10px;font-weight:900}.invoice2-section-title h2{font-size:17px;margin:0}.invoice2-section-title>small{color:var(--muted)}.invoice2-line-table{border:1px solid var(--border);border-radius:14px;overflow:hidden}.invoice2-line-head,.invoice2-line-item{display:grid;grid-template-columns:1fr 190px}.invoice2-line-head{padding:11px 16px;background:#f5f7f9;color:#667085;font-size:10px;font-weight:800}.invoice2-line-item{padding:20px 16px;align-items:start}.invoice2-line-item>div>strong{font-size:14px}.invoice2-line-item p{margin:7px 0 0;color:#667085;font-size:11px;line-height:1.75}.invoice2-line-item>strong{text-align:left;font-size:18px}.invoice2-financial-grid{display:grid;grid-template-columns:1fr minmax(320px,430px);gap:30px;padding:24px 36px 0;align-items:start}.invoice2-payment-progress{padding:18px;border-radius:14px;background:#fafbfc;border:1px solid var(--border)}.invoice2-progress{height:8px;border-radius:999px;background:#e9edf1;overflow:hidden;margin:12px 0 9px}.invoice2-progress i{height:100%;display:block;background:var(--red);border-radius:inherit}.invoice2-payment-progress>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.invoice2-payment-progress b{font-size:17px}.invoice2-payment-progress small{color:var(--muted)}.invoice2-totals{border:1px solid var(--border);border-radius:14px;overflow:hidden}.invoice2-totals>div{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--border)}.invoice2-totals>div:last-child{border-bottom:0}.invoice2-totals b{font-size:13px}.invoice2-totals .invoice2-balance{background:#202730;color:#fff;padding:15px}.invoice2-totals .invoice2-balance span{color:#cbd2d9}.invoice2-totals .invoice2-balance strong{font-size:20px}.invoice2-schedule-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.invoice2-schedule-list>div{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:#fafbfc}.invoice2-schedule-list b,.invoice2-schedule-list small{display:block}.invoice2-schedule-list small{font-size:10px;color:var(--muted);margin-top:3px}.invoice2-schedule-list>div>div:last-child{text-align:left}.invoice2-notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:28px 36px 0}.invoice2-notes-grid article{padding:16px;border-radius:13px;background:#f8fafc;border:1px solid var(--border)}.invoice2-notes-grid span{font-size:11px;font-weight:800}.invoice2-notes-grid p{margin:7px 0 0;color:#667085;font-size:11px;line-height:1.75}.invoice2-footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding:18px 36px;background:#fafbfc;border-top:1px solid var(--border);font-size:10px;color:#667085}.invoice2-footer strong,.invoice2-footer span{display:block}.invoice2-footer>div:last-child{text-align:left}.invoice2-operations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.invoice2-operations .collection-overview{grid-column:1/-1} .invoice2-print{display:none}.invoice2-print-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:3px solid #202730;padding-bottom:16px}.invoice2-print-brand{display:flex;align-items:center;gap:12px}.invoice2-print-brand img{width:62px;height:62px;object-fit:contain}.invoice2-print-brand strong,.invoice2-print-brand span,.invoice2-print-ref span,.invoice2-print-ref b,.invoice2-print-ref small{display:block}.invoice2-print-brand strong{font-size:18px}.invoice2-print-brand span{font-size:9pt;color:#667085;margin-top:2px}.invoice2-print-ref{text-align:left}.invoice2-print-ref span{font-size:8pt;color:#667085}.invoice2-print-ref b{font-size:16pt;margin:3px 0}.invoice2-print-ref small{font-size:8pt}.invoice2-print-contact{display:flex;gap:14px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #dfe3e8;font-size:8pt;color:#667085}.invoice2-print-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:22px 0}.invoice2-print-parties>div:last-child{border-right:1px solid #e5e7eb;padding-right:28px}.invoice2-print-parties span{font-size:8pt;color:#667085}.invoice2-print-parties h2{font-size:15pt;margin:5px 0}.invoice2-print-parties p{font-size:9pt;color:#475467;margin:3px 0}.invoice2-print-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe3e8;border-radius:8px;margin-bottom:18px}.invoice2-print-facts>div{padding:9px 10px;border-left:1px solid #dfe3e8}.invoice2-print-facts>div:last-child{border-left:0}.invoice2-print-facts span,.invoice2-print-facts b{display:block}.invoice2-print-facts span{font-size:7.5pt;color:#667085}.invoice2-print-facts b{font-size:8.5pt;margin-top:3px}.invoice2-print-table,.invoice2-print-section table{width:100%;border-collapse:collapse}.invoice2-print-table th,.invoice2-print-section th{background:#202730;color:#fff;font-size:8.5pt;text-align:right;padding:9px}.invoice2-print-table th:last-child,.invoice2-print-table td:last-child{text-align:left;width:28%}.invoice2-print-table td{border:1px solid #dfe3e8;padding:12px;font-size:9pt;vertical-align:top}.invoice2-print-table td strong{font-size:10pt}.invoice2-print-table p{margin:5px 0 0;line-height:1.6;color:#667085;font-size:8pt}.invoice2-print-summary{width:42%;margin:14px 0 0 auto;border:1px solid #dfe3e8;border-radius:8px;overflow:hidden}.invoice2-print-summary>div{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #dfe3e8;font-size:8.5pt}.invoice2-print-summary>div:last-child{border-bottom:0}.invoice2-print-summary .due{background:#202730;color:#fff;padding:11px 10px}.invoice2-print-summary .due strong{font-size:12pt}.invoice2-print-section{margin-top:20px;break-inside:avoid}.invoice2-print-section h3{font-size:10.5pt;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #dfe3e8}.invoice2-print-section td,.invoice2-print-section th{border:1px solid #dfe3e8;padding:6px 8px;font-size:7.5pt}.invoice2-print-section th{background:#f1f3f5;color:#344054}.invoice2-print-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.invoice2-print-notes>div{border:1px solid #dfe3e8;border-radius:8px;padding:10px;break-inside:avoid}.invoice2-print-notes b{font-size:8.5pt}.invoice2-print-notes p{font-size:7.8pt;line-height:1.6;color:#667085;margin:5px 0 0}.invoice2-print-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cfd5dc;margin-top:28px;padding-top:10px;font-size:7.5pt;color:#667085}.invoice2-print-foot strong,.invoice2-print-foot span{display:block}.invoice2-print-foot>div:last-child{text-align:left} @media(max-width:900px){.invoice2-hero,.invoice2-parties{grid-template-columns:1fr}.invoice2-hero{align-items:stretch}.invoice2-ref{text-align:right;justify-items:start}.invoice2-parties{display:grid}.invoice2-parties article+article{border-right:0;border-top:1px solid var(--border)}.invoice2-facts{grid-template-columns:1fr 1fr}.invoice2-facts>div:nth-child(2){border-left:0}.invoice2-facts>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.invoice2-financial-grid{grid-template-columns:1fr}.invoice2-schedule-list{grid-template-columns:1fr}.invoice2-notes-grid{grid-template-columns:1fr}} @media(max-width:620px){.invoice2-toolbar{align-items:stretch;flex-direction:column}.invoice2-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.invoice2-hero{padding:24px 20px}.invoice2-brand{align-items:flex-start}.invoice2-brand img{width:58px;height:58px}.invoice2-brand h1{font-size:19px}.invoice2-ref>strong{font-size:19px}.invoice2-parties article{padding:22px 20px}.invoice2-facts{margin:0 20px;transform:translateY(14px)}.invoice2-line-section,.invoice2-section{padding-right:20px;padding-left:20px}.invoice2-line-section{padding-top:40px}.invoice2-line-head{display:none}.invoice2-line-item{grid-template-columns:1fr;gap:12px}.invoice2-line-item>strong{text-align:right}.invoice2-financial-grid{padding-right:20px;padding-left:20px}.invoice2-notes-grid{padding-right:20px;padding-left:20px}.invoice2-footer{padding:16px 20px;flex-direction:column}.invoice2-footer>div:last-child{text-align:right}.invoice2-operations{grid-template-columns:1fr}.invoice2-operations .collection-overview{grid-column:auto}} @media(max-width:420px){.invoice2-toolbar>div{grid-template-columns:1fr}.invoice2-brand{flex-direction:column}.invoice2-facts{grid-template-columns:1fr}.invoice2-facts>div{border-left:0!important;border-bottom:1px solid var(--border)}.invoice2-facts>div:last-child{border-bottom:0}.invoice2-section-title>small{display:none}} @media print{@page{size:A4;margin:13mm 12mm}.invoice2-screen{display:none!important}.invoice2-print{display:block!important;direction:rtl;color:#202730;background:#fff;font-family:Arial,Tahoma,sans-serif}.invoice2-print *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sidebar,.topbar,.no-print,.alert,.team-announcement{display:none!important}.main-area,.content-area{display:block!important;margin:0!important;padding:0!important;background:#fff!important}.invoice2-print table{page-break-inside:auto}.invoice2-print tr{page-break-inside:avoid;page-break-after:auto}} /* Trial data reset danger zone */ .reset-danger-zone{border:1px solid #f1b7bf;background:linear-gradient(180deg,#fff 0%,#fffafa 100%);margin-top:24px}.reset-danger-head{display:flex;gap:14px;align-items:flex-start}.reset-danger-head h3{margin:2px 0 4px;color:#9f1d2c}.reset-danger-head p{margin:0;color:var(--muted);max-width:920px}.reset-danger-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:#fdebed;color:#b52032;font-size:20px}.reset-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.reset-impact-grid>div{border:1px solid #f0d7db;background:#fff;border-radius:12px;padding:12px}.reset-impact-grid span,.reset-impact-grid b{display:block}.reset-impact-grid span{font-size:10px;color:var(--muted)}.reset-impact-grid b{font-size:20px;color:#a61d2d;margin-top:3px}.reset-preserve-box{padding:13px 14px;border-radius:12px;background:#f4f8f6;border:1px solid #d9e9df;margin-bottom:16px}.reset-preserve-box b{color:#26704a}.reset-preserve-box p{margin:4px 0 0;font-size:11px;color:#5f6f66}.reset-confirm-form{padding-top:16px;border-top:1px solid #f0d7db}.reset-acknowledge{display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:11px 12px;border-radius:10px;background:#fff5f6;color:#8e2632}.reset-acknowledge input{width:auto;margin:4px 0 0}.reset-danger-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.reset-danger-actions>span{font-size:10px;color:var(--muted)}.btn-danger-reset{background:#a91628;color:#fff}.btn-danger-reset:hover{background:#85101f}@media(max-width:900px){.reset-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reset-danger-actions{align-items:stretch;flex-direction:column}.btn-danger-reset{width:100%}}@media(max-width:520px){.reset-impact-grid{grid-template-columns:1fr}.reset-danger-head{flex-direction:column}} /* Trial reset diagnostic */ .reset-diagnostic-status{margin-top:14px;padding:11px 13px;border-radius:10px;font-size:11px;line-height:1.7;border:1px solid var(--line);background:#f7f8fa;color:var(--text)} .reset-diagnostic-status.is-running{background:#fff8e8;border-color:#ecd59d;color:#755a18} .reset-diagnostic-status.is-error{background:#fff0f1;border-color:#efbcc2;color:#962535} .reset-diagnostic-status.is-success{background:#edf8f1;border-color:#bfe0c9;color:#23673d} /* App-shell containment contract: all screens share the same viewport/sidebar geometry. */ @media (min-width:901px){ .main-area{ box-sizing:border-box; width:calc(100vw - var(--ui-sidebar-w)); max-width:calc(100vw - var(--ui-sidebar-w)); margin:0 var(--ui-sidebar-w) 0 0; min-width:0; overflow-x:hidden; } body.sidebar-collapsed .main-area{ width:calc(100vw - var(--ui-sidebar-collapsed-w)); max-width:calc(100vw - var(--ui-sidebar-collapsed-w)); margin-right:var(--ui-sidebar-collapsed-w); } } .content-area{ box-sizing:border-box; width:min(100%,var(--ui-content-max)); max-width:100%; margin-inline:auto; min-width:0; overflow-x:hidden; } .content-area>*{max-width:100%;min-width:0} .executive-hero,.executive-grid,.exec-kpi-grid,.executive-bi-strip, .report-command-head,.report-summary-grid,.report-two-col,.report-toolbar, .two-col.exec-main-row{width:100%;min-width:0;max-width:100%} .executive-grid>*,.exec-kpi-grid>*,.executive-bi-strip>*, .report-summary-grid>*,.report-two-col>*,.two-col.exec-main-row>*{min-width:0;max-width:100%} .exec-kpi,.bi-kpi,.report-summary-card{overflow:hidden} .executive-hero>div:first-child,.report-command-head>div:first-child{min-width:0} .executive-hero h2,.executive-hero p,.report-command-head h1,.report-command-head p{overflow-wrap:anywhere} .report-toolbar{max-width:100%;overflow:hidden} .report-filters{min-width:0;max-width:100%} .report-filters label{min-width:0} @media (max-width:900px){ .main-area,body.sidebar-collapsed .main-area{width:100%;max-width:100%;margin:0;overflow-x:hidden} .content-area{width:100%;max-width:100%;margin:0;overflow-x:hidden} } /* Collections Workflow 2.0 */ .collections-head{align-items:flex-start}.collection-kpis{margin-bottom:var(--space-5)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.collection-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface);min-width:0}.collection-card-top{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.collection-card-top h3{margin:.35rem 0 .15rem}.collection-amount{text-align:left;white-space:nowrap}.collection-amount strong{display:block;font-size:1.25rem}.collection-meta,.collection-client{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.85rem;color:var(--text-muted);font-size:.86rem}.collection-client a{font-weight:700}.collection-actions{display:flex;gap:.6rem;align-items:flex-start;margin-top:1rem}.collection-actions form{display:flex;gap:.5rem;flex-wrap:wrap}.collection-owner-form{display:flex;gap:.5rem;margin-top:1rem}.collection-owner-form select{min-width:0;flex:1}.collection-panel{margin-top:.75rem}.collection-panel>summary{display:inline-flex}.collection-panel .stack-form{margin-top:.65rem}.collection-state{display:inline-flex}.verify-card{background:var(--surface-soft)} @media(max-width:900px){.collection-grid{grid-template-columns:1fr}.collection-card-top{flex-direction:column}.collection-amount{text-align:right}.collection-actions,.collection-actions form,.collection-owner-form{width:100%}.collection-actions{flex-direction:column}} /* Collections 2.1 — optional receipt evidence */ .collection-receipt-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;text-decoration:none} .collection-receipt-link::before{content:"↗";font-size:.9em} .collection-panel input[type="file"]{width:100%;max-width:100%;padding:.65rem;background:var(--surface,#fff);border:1px dashed var(--border,#d8dee8);border-radius:10px} .collection-panel input[type="file"]+small{display:block;margin-top:.35rem;line-height:1.6} /* Collections workflow: closed-state integrity + professional audit history */ .collection-card.is-closed{background:linear-gradient(180deg,#fff,#fbfdfc);border-color:#cfe8da}.collection-card.is-closed .collection-amount strong{color:var(--green)}.collection-closed-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;padding:12px;border:1px solid #dbe8e1;background:#f5fbf7;border-radius:12px}.collection-closed-summary>div{min-width:0}.collection-closed-summary span,.collection-closed-summary strong{display:block}.collection-closed-summary span{font-size:9px;color:var(--muted);margin-bottom:3px}.collection-closed-summary strong{font-size:11px;overflow-wrap:anywhere}.collection-locked-note{margin-top:12px;padding:10px 12px;border:1px solid #d9e5f8;background:#f4f8ff;color:#4d6482;border-radius:10px;font-size:10px;font-weight:700} .collection-history-card{margin-top:var(--space-5)}.collection-history-count{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:6px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);font-size:10px;font-weight:800;color:var(--text-muted)}.collection-history-filters{display:grid;grid-template-columns:1.1fr 1.1fr 1.2fr .9fr .9fr auto;gap:10px;align-items:end;padding:14px;margin-bottom:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.collection-history-filters>div{min-width:0}.collection-history-filters label{display:block;margin-bottom:5px;font-size:9px;font-weight:800;color:var(--text-muted)}.collection-history-filters select,.collection-history-filters input{width:100%;min-width:0}.collection-history-filter-actions{display:flex;gap:7px;white-space:nowrap}.collection-history-table-wrap{border:1px solid var(--border);border-radius:14px;overflow:auto}.collection-history-table{min-width:1040px;margin:0}.collection-history-table th{white-space:nowrap;background:#f6f8fa}.collection-history-table td{vertical-align:top}.collection-history-table td strong,.collection-history-table td small,.collection-history-table td>a,.collection-history-table td>span{display:block}.collection-history-table td small{margin-top:3px;color:var(--muted);font-size:8px}.collection-history-table td>a{font-weight:800}.collection-history-notes{max-width:260px;white-space:normal;line-height:1.65}.collection-event{display:inline-flex!important;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:#f0f3f6;color:#4b5966;font-size:9px;font-weight:800;white-space:nowrap}.collection-event.event-verified{background:#e7f7ee;color:#147a49}.collection-event.event-rejected,.collection-event.event-disputed{background:#fdebed;color:#b42335}.collection-event.event-collection_submitted{background:#eaf2ff;color:#3269b5}.collection-event.event-promise{background:#f1ecff;color:#7151b7}.collection-event.event-owner_changed{background:#fff4dc;color:#966716} @media(max-width:1180px){.collection-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-history-filter-actions{grid-column:1/-1}} @media(max-width:760px){.collection-closed-summary{grid-template-columns:1fr 1fr}.collection-history-filters{grid-template-columns:1fr 1fr}.collection-history-filter-actions{grid-column:1/-1}.collection-history-filter-actions .btn{flex:1}} @media(max-width:520px){.collection-closed-summary,.collection-history-filters{grid-template-columns:1fr}.collection-history-filter-actions{grid-column:auto;flex-direction:column}} /* ======================================================================== FadiTec UI System 2.0 — Product polish preview Foundation: typography, rhythm, hierarchy, surfaces, forms, tables, shell ======================================================================== */ :root{ --ui2-font-size:15px; --ui2-page-title:clamp(26px,2vw,32px); --ui2-section-title:19px; --ui2-card-title:16px; --ui2-caption:12px; --ui2-body:15px; --ui2-kpi:clamp(26px,2.2vw,36px); --ui2-space-1:4px;--ui2-space-2:8px;--ui2-space-3:12px;--ui2-space-4:16px; --ui2-space-5:20px;--ui2-space-6:24px;--ui2-space-7:32px;--ui2-space-8:40px; --ui2-radius-sm:10px;--ui2-radius-md:14px;--ui2-radius-lg:18px;--ui2-radius-xl:24px; --ui2-border:#e3e8ee;--ui2-border-strong:#d4dbe3; --ui2-bg:#f4f6f8;--ui2-surface:#fff;--ui2-surface-soft:#f8fafb; --ui2-text:#18232e;--ui2-muted:#687786;--ui2-subtle:#8b98a5; --ui2-shadow:0 1px 2px rgba(24,35,46,.025),0 10px 32px rgba(24,35,46,.05); --ui2-shadow-lift:0 18px 50px rgba(24,35,46,.09); } html{background:var(--ui2-bg)} body{font-family:var(--font-arabic,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif);font-size:var(--ui2-body);line-height:1.75;background:var(--ui2-bg);color:var(--ui2-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} body,button,input,select,textarea{font-feature-settings:"kern" 1,"liga" 1} strong,b,.stat-card strong,.metric-card strong,.collection-amount strong,td strong{font-variant-numeric:tabular-nums} /* Shell */ .sidebar{padding:18px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--char) 96%,#111 4%) 0%,color-mix(in srgb,var(--char) 78%,#111 22%) 100%);border-left:1px solid rgba(255,255,255,.045)} .brand{padding:3px 8px 18px;margin-bottom:10px;gap:12px} .brand img{width:50px;height:50px;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.16)} .brand strong{font-size:15px;line-height:1.35;letter-spacing:-.01em}.brand small{font-size:11px;line-height:1.45;margin-top:3px;color:#aeb7c0} .sidebar nav{gap:3px;padding-left:3px}.nav-label{font-size:11px;font-weight:800;letter-spacing:0;padding:17px 12px 7px;color:#84909c} .sidebar nav a{min-height:54px;padding:9px 11px;border-radius:13px;gap:11px;color:#d6dce2} .sidebar nav a .nav-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.045);font-size:16px;flex:0 0 34px} .sidebar nav a .nav-copy{min-width:0;line-height:1.35}.sidebar nav a .nav-copy b{display:block;font-size:13px;font-weight:800}.sidebar nav a .nav-copy small{display:block;margin-top:3px;font-size:11px;color:#8f9aa5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sidebar nav a:hover{background:rgba(255,255,255,.055)}.sidebar nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--red) 28%,transparent),color-mix(in srgb,var(--red) 13%,transparent));box-shadow:inset -3px 0 0 var(--red)} .sidebar nav a.active .nav-icon{background:color-mix(in srgb,var(--red) 30%,rgba(255,255,255,.06));color:#fff}.sidebar nav a.active .nav-copy small{color:#c6cdd4} .sidebar-foot{font-size:12px;padding:14px 10px 0}.sidebar-foot small{font-size:11px} .topbar{height:76px;padding:0 30px;gap:18px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--ui2-border)} .page-head h1{font-size:22px;line-height:1.25;font-weight:850;letter-spacing:-.025em;color:var(--ui2-text)}.topbar-context{font-size:11px;letter-spacing:.08em;font-weight:800;color:#7c8996;text-transform:uppercase} .global-search-trigger{height:44px;min-width:280px;border-radius:13px;background:#f7f9fb;border-color:var(--ui2-border);padding-inline:13px}.global-search-trigger b{font-size:12px}.global-search-trigger kbd{font-size:10px} .user-chip{padding:6px 9px;border-radius:14px}.user-chip b{font-size:13px}.user-chip small{font-size:11px}.avatar{width:40px;height:40px} .content-area{padding:30px 30px 48px;max-width:1680px} /* Page hierarchy */ .page-title,.crm-page-head,.ui-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px;padding:0 2px} .page-title h2,.crm-page-head h2,.ui-page-hero h2{font-size:var(--ui2-page-title)!important;line-height:1.25;letter-spacing:-.035em;margin:5px 0 6px!important;color:var(--ui2-text)!important;font-weight:900} .page-title p,.crm-page-head p,.ui-page-hero p{font-size:14px!important;line-height:1.8;color:var(--ui2-muted)!important;max-width:850px;margin:0!important} .eyebrow{font-size:12px!important;letter-spacing:.03em;font-weight:850;color:color-mix(in srgb,var(--red) 84%,#7c2730)!important} /* Surfaces */ .card,.stat-card,.metric-card,.course-card{border:1px solid var(--ui2-border);box-shadow:var(--ui2-shadow);border-radius:var(--ui2-radius-lg);background:var(--ui2-surface)} .card{padding:24px;margin-bottom:22px}.card:hover{border-color:color-mix(in srgb,var(--ui2-border-strong) 85%,transparent)} .section-title{margin-bottom:18px;gap:18px}.section-title>div{display:flex;align-items:flex-start;gap:12px}.section-title h3,.card>h3{font-size:var(--ui2-section-title)!important;line-height:1.35;font-weight:850;letter-spacing:-.02em;margin:0!important;color:var(--ui2-text)} .section-title p{font-size:13px!important;line-height:1.65;margin-top:4px!important;color:var(--ui2-muted)} .section-title a{font-size:13px}.section-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center} /* KPIs */ .stats-grid{gap:16px;margin-bottom:22px}.stat-card{padding:21px 22px;min-height:128px;display:flex;align-items:center;gap:15px}.stat-card:before{width:0}.stat-card>div{min-width:0}.stat-card span:not(.stat-icon){font-size:13px!important;line-height:1.45;color:var(--ui2-muted);font-weight:650}.stat-card strong{font-size:var(--ui2-kpi)!important;line-height:1.15;letter-spacing:-.035em;margin:8px 0 6px;color:var(--ui2-text)}.stat-card small{font-size:12px!important;color:var(--ui2-subtle);line-height:1.55}.stat-icon{width:48px;height:48px;border-radius:15px;display:grid!important;place-items:center;flex:0 0 48px;font-size:18px} .metric-card{padding:18px}.metric-card span{font-size:12px!important}.metric-card strong{font-size:24px!important}.metric-card small{font-size:11px!important} /* Typography hygiene — remove legacy micro text from operational UI */ .details dt,.pipeline-mini span,.queue-client span,.queue-money small,.queue-money time,.invoice-meta-list span,.collection-kpis span,.simple-installments small,.invoice-payment-list small,.employee-360-target>span,.employee-360-target>small,.metric-card span,.score-line span,.score-line b,.activity-timeline b,.activity-timeline p,.activity-timeline small,.deal-compact-row>div:first-child span,.account-security-summary dt,.account-security-summary dd,.audit-mini-list b,.audit-mini-list small,.reset-impact-grid span,.reset-danger-actions>span,.collection-closed-summary span,.collection-history-filters label,.collection-history-table td small,.collection-event,.collection-history-count,.search-group-label,.search-result-main small,.search-result-meta,.search-hint,.search-empty span{font-size:11px!important} .details dd,.deal-card p,.queue-client p,.invoice-paper p,.simple-detail-list dd{font-size:13px!important}.details dt{font-weight:700}.details dd{line-height:1.55} /* Tables */ .table-wrap{border:1px solid var(--ui2-border);border-radius:15px;background:#fff;overflow:auto}.table-wrap table{margin:0}table{font-variant-numeric:tabular-nums}th,td{padding:14px 14px;border-bottom:1px solid #edf0f3}th{font-size:12px!important;letter-spacing:.01em;font-weight:850;color:#647383;background:#f7f9fb;position:relative}td{font-size:14px!important;color:#26323d;line-height:1.55}tbody tr{transition:background .15s ease}tbody tr:hover{background:#fafbfc}tbody tr:last-child td{border-bottom:0}.table-link,td>a{font-weight:800} .status,.badge{padding:5px 10px;font-size:11px!important;line-height:1.3} /* Forms and buttons */ label{font-size:13px!important;line-height:1.45;font-weight:800;color:#4e5c69}label small{font-size:11px;font-weight:500;color:var(--ui2-muted)} input,select,textarea{min-height:44px;border-color:var(--ui2-border-strong);border-radius:11px;padding:10px 12px;font-size:14px;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}textarea{min-height:auto;line-height:1.65}input:hover,select:hover,textarea:hover{border-color:#bdc7d1}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--red) 58%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 10%,transparent)} .btn{min-height:42px;padding:9px 15px;border-radius:11px;font-size:13px;font-weight:850;letter-spacing:-.01em}.btn-sm{min-height:34px;padding:6px 10px;font-size:12px}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(24,35,46,.09)}.btn-secondary{background:#2d3741}.btn-ghost{background:#f2f5f7;border:1px solid var(--ui2-border)} .form-grid{gap:18px}.stack-form{gap:15px}.toolbar{margin-bottom:20px} /* Collections refinement */ .collections-head{padding-bottom:2px}.collection-kpis .stat-card:nth-child(2) strong{color:#b42335}.collection-kpis .stat-card:nth-child(4) strong{color:#9a6700} .collection-grid{gap:16px}.collection-card{padding:20px;border-radius:16px;border-color:var(--ui2-border);box-shadow:0 1px 2px rgba(24,35,46,.025);transition:border-color .15s,box-shadow .15s,transform .15s}.collection-card:hover{border-color:#d3dae2;box-shadow:0 12px 34px rgba(24,35,46,.065);transform:translateY(-1px)} .collection-card-top h3{font-size:18px!important;line-height:1.35;margin:7px 0 3px!important}.collection-card-top small{font-size:12px!important;color:var(--ui2-muted)}.collection-amount strong{font-size:25px!important;letter-spacing:-.025em}.collection-amount small{font-size:12px!important;color:var(--ui2-muted)} .collection-meta,.collection-client{font-size:13px;gap:7px 16px}.collection-owner-form{padding-top:14px;border-top:1px solid #edf0f3}.collection-owner-form .btn{min-width:78px}.collection-panel>summary{min-height:38px}.collection-closed-summary{gap:12px;padding:14px;background:#f4faf6;border-radius:14px}.collection-closed-summary strong{font-size:13px!important}.collection-locked-note{font-size:12px!important;line-height:1.6} .collection-history-filters{padding:16px;gap:12px;border-radius:15px}.collection-history-table td{vertical-align:middle}.collection-history-notes{line-height:1.65}.collection-event{padding:6px 9px;font-size:11px!important}.collection-history-count{font-size:11px!important} /* Commission wallet — Fintech hierarchy */ .wallet-page-title{padding:26px 28px;border-radius:22px;background:linear-gradient(125deg,#222b34 0%,#303b46 68%,color-mix(in srgb,var(--red) 22%,#303b46) 100%);color:#fff;box-shadow:var(--ui2-shadow-lift);align-items:center;overflow:hidden;position:relative} .wallet-page-title:after{content:"";position:absolute;left:-60px;bottom:-120px;width:280px;height:280px;border-radius:50%;border:46px solid color-mix(in srgb,var(--red) 18%,transparent);pointer-events:none}.wallet-page-title h2{color:#fff!important}.wallet-page-title p{color:#d9e0e6!important}.wallet-page-title .eyebrow{color:#ffadb7!important}.wallet-page-title .btn{position:relative;z-index:2;background:#fff;color:#202a34} .wallet-filter-card{padding:16px 18px;background:#fbfcfd;box-shadow:none}.wallet-filter-card .report-filter-grid{align-items:end}.wallet-kpis .stat-card:first-child{background:linear-gradient(150deg,#fff,#f2fbf6);border-color:#d9eee2}.wallet-kpis .stat-card:first-child strong{color:#13794d}.wallet-kpis .stat-card:nth-child(2){background:linear-gradient(150deg,#fff,#fff9eb)} .wallet-withdraw-card{border-color:#dce9e1}.wallet-withdraw-card .form-grid{padding:4px 0}.wallet-table-card .table-wrap,.wallet-ledger-card .table-wrap{box-shadow:none}.wallet-ledger-card td:last-child strong{font-size:15px} /* Common empty, alerts and progress */ .empty-state{min-height:130px;border-radius:15px;font-size:13px}.empty-state b{font-size:16px}.empty-state span,.empty-state p{font-size:13px!important}.alert{border-radius:13px;font-size:13px;padding:12px 14px}.progress{height:8px} /* Responsive composition */ @media(max-width:1180px){.content-area{padding-inline:22px}.stats-grid.four,.stats-grid:not(.three){grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-page-title{align-items:flex-start}} @media(max-width:900px){.topbar{height:68px;padding-inline:16px}.page-head h1{font-size:19px}.content-area{padding:20px 16px 40px}.page-title,.crm-page-head,.ui-page-hero,.wallet-page-title{align-items:stretch;flex-direction:column;gap:14px}.page-title .btn,.crm-page-head .btn,.wallet-page-title .btn{align-self:flex-start}.card{padding:18px}.section-title h3,.card>h3{font-size:17px!important}} @media(max-width:620px){body{font-size:14px}.stats-grid.four,.stats-grid.three,.stats-grid{grid-template-columns:1fr!important}.stat-card{min-height:112px}.stat-card strong{font-size:29px!important}.page-title h2,.crm-page-head h2,.ui-page-hero h2{font-size:25px!important}.wallet-page-title{padding:22px 20px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.btn{min-height:44px}.collection-card{padding:16px}.collection-card-top{gap:10px}.collection-amount strong{font-size:22px!important}.collection-history-filters{padding:12px}} /* UI 2.0 — legacy module normalization */ .dashboard-kicker,.dashboard-command-signal span,.dashboard-command-signal small,.dashboard-command-signal a,.dashboard-kpi small,.dashboard-kpi em,.priority-chip span,.team-pulse-score span,.team-pulse-stats span,.team-pulse-list b,.team-pulse-list small,.target-hero-number span,.target-money-grid span,.target-money-grid b,.performance-mini-score span,.dashboard-pipeline span,.dashboard-pipeline small,.dashboard-lead-list b,.dashboard-lead-list small{font-size:11px!important} .dashboard-command-signal strong{font-size:48px!important}.dashboard-kpi strong{font-size:24px!important}.priority-chip b{font-size:22px!important}.team-pulse-stats b{font-size:18px!important}.target-money-grid b{font-size:13px!important}.dashboard-pipeline b{font-size:25px!important}.dashboard-lead-list b{font-size:13px!important} .dashboard-command-hero,.dashboard-primary-grid>.card,.dashboard-secondary-grid>.card,.dashboard-pipeline-card{border-radius:var(--ui2-radius-lg)} .crm-health-strip-head>span,.crm-health-card small,.crm-health-pill,.next-action-cell,.crm-intelligence-card small,.crm-intelligence-card p,.crm-duplicate-alert strong,.crm-duplicate-alert p,.crm-duplicate-links a,.crm-timeline-head strong,.crm-timeline-head time,.crm-timeline-item p,.crm-timeline-item small,.ownership-history-mini>b,.ownership-history-mini span,.ownership-history-mini small{font-size:11px!important} .crm-health-strip-head h3{font-size:18px!important}.crm-health-card strong{font-size:22px!important}.crm-intelligence-card strong{font-size:14px!important}.crm-timeline-head strong{font-size:13px!important}.ownership-history-mini span{font-size:12px!important} .crm-health-card,.crm-intelligence-card,.crm-duplicate-alert{border-radius:14px;padding:14px}.crm-health-pill{padding:5px 9px} .employee-identity p,.account-state,.employee-360-target>span,.employee-360-target>small,.metric-card span,.metric-card small,.score-line span,.score-line b,.activity-timeline b,.activity-timeline p,.activity-timeline small,.deal-compact-row b,.deal-compact-row>div:first-child span,.account-security-summary dt,.account-security-summary dd,.audit-mini-list b,.audit-mini-list small{font-size:11px!important} .employee-identity h2{font-size:28px!important}.employee-360-target>strong{font-size:26px!important}.deal-compact-row b{font-size:13px!important}.account-security-summary dd{font-size:12px!important}.audit-mini-list b{font-size:12px!important} .course-card p,.course-card small,.academy-hero p,.lesson-card small,.training-card small,.training-card p{font-size:12px!important}.course-card h3,.training-card h3{font-size:17px!important}.academy-hero h2{font-size:28px!important}.course-card{padding:22px}.course-icon{width:46px;height:46px;border-radius:14px} .invoice2-kicker,.invoice2-payment-state,.invoice2-parties span,.invoice2-facts span,.invoice2-line-head,.invoice2-schedule-list small,.invoice2-footer,.invoice2-facts b,.invoice2-line-item p,.invoice2-notes-grid p{font-size:11px!important}.invoice2-parties p,.invoice2-notes-grid span{font-size:12px!important}.invoice2-line-item>div>strong{font-size:15px!important}.invoice2-facts b{font-size:13px!important}.invoice2-paper{border-radius:20px;box-shadow:var(--ui2-shadow-lift)} .content-area small{font-size:12px} /* ======================================================================== FadiTec Design System 2.1 Global product UI foundation. New screens should use ui-* components. Module-specific rules above remain temporarily for backward compatibility. ======================================================================== */ :root{ /* semantic color system */ --ui-brand:var(--red,#d7192d); --ui-brand-strong:#b91224; --ui-brand-soft:#fff1f3; --ui-success:#148553; --ui-success-soft:#edf9f3; --ui-warning:#a66b12; --ui-warning-soft:#fff8e8; --ui-danger:#ba2f42; --ui-danger-soft:#fff1f3; --ui-info:#326fd1; --ui-info-soft:#eef5ff; --ui-text:#202b36; --ui-text-strong:#121c26; --ui-text-muted:#687786; --ui-text-soft:#8d99a5; --ui-canvas:#f4f6f8; --ui-surface:#fff; --ui-surface-subtle:#f8fafb; --ui-border:#e3e8ed; --ui-border-strong:#d5dce3; /* typography scale */ --ui-font-xs:.75rem; /* 12 */ --ui-font-sm:.8125rem; /* 13 */ --ui-font-md:.9375rem; /* 15 */ --ui-font-lg:1.0625rem; /* 17 */ --ui-font-xl:1.25rem; /* 20 */ --ui-font-2xl:1.625rem; /* 26 */ --ui-font-3xl:2rem; /* 32 */ --ui-font-display:2.25rem;/* 36 */ /* spacing scale */ --ui-space-1:4px; --ui-space-2:8px; --ui-space-3:12px; --ui-space-4:16px; --ui-space-5:20px; --ui-space-6:24px; --ui-space-7:32px; --ui-space-8:40px; --ui-space-9:48px; /* component geometry */ --ui-radius-sm:8px; --ui-radius-md:12px; --ui-radius-lg:16px; --ui-radius-xl:20px; --ui-radius-2xl:24px; --ui-control-h:44px; --ui-control-h-sm:36px; --ui-shadow-1:0 1px 2px rgba(16,24,40,.025),0 5px 16px rgba(16,24,40,.035); --ui-shadow-2:0 12px 30px rgba(16,24,40,.07); --ui-shadow-3:0 24px 60px rgba(16,24,40,.11); --ui-content-pad:clamp(18px,2.15vw,32px); } /* Base rhythm and readable Arabic interface */ body{font-size:var(--ui-font-md);line-height:1.65;color:var(--ui-text);background:var(--ui-canvas);font-variant-numeric:tabular-nums lining-nums} .content-area{padding:var(--ui-content-pad);max-width:1720px} .content-area> :first-child{margin-top:0} p{line-height:1.75} small,.text-muted{color:var(--ui-text-muted)} /* Generic page title / hero */ .ui-page-hero,.page-title,.crm-page-head{ display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-6); padding:var(--ui-space-6) var(--ui-space-7);margin-bottom:var(--ui-space-5); background:linear-gradient(135deg,#fff 0%,#fff 72%,color-mix(in srgb,var(--ui-brand) 5%,#fff) 100%); border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-1) } .ui-page-hero h2,.page-title h2,.crm-page-head h2{margin:2px 0 4px;font-size:var(--ui-font-2xl)!important;line-height:1.35;color:var(--ui-text-strong);letter-spacing:-.02em} .ui-page-hero p,.page-title p,.crm-page-head p{margin:0;font-size:var(--ui-font-sm);color:var(--ui-text-muted)} .section-kicker,.eyebrow{font-size:var(--ui-font-xs)!important;font-weight:850;color:var(--ui-brand);letter-spacing:0} .ui-hero{position:relative;overflow:hidden;border-radius:var(--ui-radius-2xl);padding:clamp(24px,3vw,38px);margin-bottom:var(--ui-space-5)} .ui-hero--dark{background:linear-gradient(128deg,#252e37,#343f49);color:#fff;box-shadow:var(--ui-shadow-2)} .ui-hero--dark h1,.ui-hero--dark h2,.ui-hero--dark h3{color:#fff} .ui-hero--dark p{color:#d9e0e6} /* Generic surfaces */ .ui-panel,.card{ background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg); box-shadow:var(--ui-shadow-1) } .ui-panel{padding:var(--ui-space-6);margin-bottom:var(--ui-space-5)} .ui-panel--compact{padding:var(--ui-space-5)} .card{padding:var(--ui-space-6)} .section-title{margin-bottom:var(--ui-space-5)} .section-title h3,.ui-panel>h3,.card>h3{font-size:var(--ui-font-xl)!important;line-height:1.35;letter-spacing:-.015em;color:var(--ui-text-strong)} .section-title p{font-size:var(--ui-font-sm)!important;color:var(--ui-text-muted);max-width:760px} .section-title a,.text-action{font-size:var(--ui-font-sm)!important} /* KPI system: one component for dashboard, CRM, finance and operations */ .ui-kpi-grid{display:grid;gap:var(--ui-space-4);margin-bottom:var(--ui-space-5)} .ui-kpi-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-kpi-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} .ui-kpi-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))} .ui-kpi-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))} .ui-kpi-grid--compact{gap:var(--ui-space-3)} .ui-kpi,.stat-card,.dashboard-kpi,.leads-focus-card{ min-width:0;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg); box-shadow:var(--ui-shadow-1);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease } .ui-kpi{ min-height:104px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"label value" "meta value";column-gap:18px;row-gap:5px;align-items:center } .ui-kpi>span{grid-area:label;font-weight:800;color:#556575!important;align-self:end} .ui-kpi>.ui-kpi__icon{position:absolute;inset-inline-start:18px;inset-block-start:18px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ui-surface-soft);color:#667581!important;font-size:14px!important;line-height:1} .ui-kpi:has(>.ui-kpi__icon){position:relative;padding-inline-start:68px} .ui-kpi>.ui-kpi__icon--success{background:var(--ui-success-soft);color:var(--ui-success)!important} .ui-kpi>.ui-kpi__icon--warning{background:var(--ui-warning-soft);color:#9a6500!important} .ui-kpi>.ui-kpi__icon--danger{background:var(--ui-danger-soft);color:var(--ui-danger)!important} .ui-kpi>.ui-kpi__icon--info{background:var(--ui-info-soft);color:#2f6fbd!important} .ui-kpi>strong{grid-area:value;align-self:center;justify-self:end;white-space:nowrap} .ui-kpi>small{grid-area:meta;align-self:start;display:block;max-width:30ch} .ui-kpi:hover,.dashboard-kpi:hover,.leads-focus-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-2);transform:translateY(-1px)} .ui-kpi strong,.stat-card strong,.dashboard-kpi strong,.leads-focus-card b{ font-size:clamp(1.45rem,1.8vw,1.85rem)!important;line-height:1.15;letter-spacing:-.025em;color:var(--ui-text-strong) } .ui-kpi small,.ui-kpi span,.stat-card span,.stat-card small,.dashboard-kpi small,.dashboard-kpi em,.leads-focus-card span,.leads-focus-card small{ font-size:var(--ui-font-xs)!important;line-height:1.55;color:var(--ui-text-muted) } .ui-kpi.is-risk,.dashboard-kpi.is-risk,.leads-focus-card.is-danger{background:linear-gradient(180deg,#fff,var(--ui-danger-soft));border-color:#f0cdd3} /* Workspaces: shared compositions, not page-specific layouts */ .ui-workspace{display:grid;gap:var(--ui-space-5);align-items:start;margin-bottom:var(--ui-space-5)} .ui-workspace--equal{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-workspace--sidebar{grid-template-columns:minmax(0,1.72fr) minmax(320px,.62fr)} .ui-workspace--sidebar>.ui-panel,.ui-workspace--sidebar>.ui-list-card,.ui-workspace--sidebar>aside{min-width:0} .ui-workspace--sidebar>aside .ui-panel{margin-bottom:0} .ui-workspace--list-primary{grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr)} .ui-workspace--list-primary>.ui-list-card{grid-column:1} .ui-workspace--list-primary>.ui-form-card{grid-column:2} .ui-form-card{position:sticky;top:calc(var(--ui-topbar-h,74px) + var(--ui-space-4))} .ui-form-card .stack-form{gap:var(--ui-space-4)} .ui-form-card .stack-form label{display:grid;gap:7px;margin:0} .ui-form-card .stack-form .btn{width:100%;margin-top:var(--ui-space-1)} .ui-list-card{min-width:0} /* Toolbars and filters */ .ui-toolbar,.toolbar{ display:flex;align-items:end;justify-content:space-between;gap:var(--ui-space-3);flex-wrap:wrap; padding:var(--ui-space-3);background:var(--ui-surface-subtle);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md) } .ui-toolbar--filters{justify-content:flex-start} .ui-toolbar label{margin:0;min-width:132px;flex:1} .ui-toolbar .btn{flex:0 0 auto} .filters{gap:var(--ui-space-2)} /* Buttons and controls */ .btn{min-height:var(--ui-control-h);padding:0 16px;border-radius:var(--ui-radius-md);font-size:var(--ui-font-sm);font-weight:800;box-shadow:none} .btn-sm{min-height:var(--ui-control-h-sm);padding:0 12px;font-size:var(--ui-font-xs)} .btn-primary{background:var(--ui-brand)} .btn-primary:hover{background:var(--ui-brand-strong)} input,select,textarea{border-radius:var(--ui-radius-md);font-size:var(--ui-font-sm);border-color:var(--ui-border-strong)} input,select{min-height:var(--ui-control-h)} label{font-size:var(--ui-font-sm)!important;color:#526170} /* Tables: calm, business-oriented and readable */ .ui-table-wrap,.table-wrap{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);overflow:auto;background:#fff;box-shadow:none} table{font-variant-numeric:tabular-nums lining-nums} th{height:46px;padding:12px 14px!important;background:#f7f9fb!important;color:#657585!important;font-size:var(--ui-font-xs)!important;font-weight:850!important;white-space:nowrap} td{min-height:52px;padding:14px!important;font-size:var(--ui-font-sm)!important;color:#2b3742} tbody tr:hover{background:#fafcfd} .status,.badge{font-size:var(--ui-font-xs)!important;padding:5px 9px} /* Empty states */ .empty-state,.empty-state-pro,.ui-empty-state{padding:var(--ui-space-7);text-align:center;background:var(--ui-surface-subtle);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg)} .empty-state h3,.empty-state-pro h3,.ui-empty-state h3{font-size:var(--ui-font-lg)!important;margin:8px 0 3px} .empty-state p,.empty-state-pro p,.ui-empty-state p{font-size:var(--ui-font-sm)!important;color:var(--ui-text-muted)} /* Shell: Saudi Arabic-first SaaS density, quieter navigation */ .sidebar{padding:18px 12px;background:linear-gradient(180deg,#242c34,#1d242a)} .brand{padding:0 8px 16px;margin-bottom:8px} .brand img{width:50px;height:50px;border-radius:13px}.brand strong{font-size:15px}.brand small{font-size:11px} .nav-label{padding:18px 10px 6px;font-size:11px;font-weight:800;color:#7f8a95} .sidebar nav{gap:3px} .sidebar nav a{min-height:46px;padding:9px 10px;border-radius:12px;gap:10px} .sidebar nav a .nav-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.045);font-size:15px} .sidebar nav a .nav-copy b{font-size:13px!important;line-height:1.35} .sidebar nav a .nav-copy small{font-size:11px!important;line-height:1.35;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sidebar nav a:not(.active):not(:hover) .nav-copy small{display:none} .sidebar nav a.active{background:color-mix(in srgb,var(--ui-brand) 28%,#2a3037);box-shadow:inset -3px 0 0 var(--ui-brand)} .sidebar nav a.active .nav-icon{background:color-mix(in srgb,var(--ui-brand) 46%,transparent)} .sidebar-foot{font-size:11px} .topbar{height:72px;padding-inline:var(--ui-content-pad);gap:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)} .page-head h1{font-size:var(--ui-font-xl);letter-spacing:-.015em} .topbar-context{font-size:10px;letter-spacing:.08em;color:#8995a1;font-weight:850} .global-search-trigger{height:44px;border-radius:12px;background:#f7f9fb;border:1px solid var(--ui-border);box-shadow:none} .notification-trigger,.top-settings,.menu-btn{width:42px;height:42px;border-radius:12px} .user-chip{min-height:48px;padding:5px 8px}.user-chip b{font-size:13px}.user-chip small{font-size:11px!important}.avatar{width:36px;height:36px} /* Existing page families consume the global component scale */ .dashboard-command{padding:clamp(24px,3vw,36px);grid-template-columns:minmax(0,1fr) 210px} .dashboard-command h2{font-size:clamp(1.65rem,2.5vw,2.2rem)!important;max-width:900px} .dashboard-command p{font-size:var(--ui-font-sm)!important;max-width:820px} .dashboard-command-signal{border-radius:var(--ui-radius-lg)} .dashboard-kpi{padding:17px 18px;grid-template-columns:46px 1fr}.dashboard-kpi-icon{width:46px;height:46px} .dashboard-primary-grid,.dashboard-secondary-grid{gap:var(--ui-space-5)} /* CRM summary sections become compact information bands */ .crm-health-strip,.lead-status-strip{box-shadow:var(--ui-shadow-1)} .crm-health-strip-head h3{font-size:var(--ui-font-xl)!important}.crm-health-strip-head>span{font-size:var(--ui-font-sm)!important} .crm-health-cards{gap:var(--ui-space-3)} .crm-health-card{padding:14px 16px!important;border-radius:var(--ui-radius-md)!important} .crm-health-card strong{font-size:1.35rem!important} /* Task page: work list has visual priority over creation form */ .task-workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr)!important} .task-workspace>.task-list-card{grid-column:1;grid-row:1} .task-workspace>.form-card{grid-column:2;grid-row:1} .task-filters{padding:12px!important;background:var(--ui-surface-subtle)!important} .smart-task{border-radius:var(--ui-radius-md)!important;padding:16px!important} .smart-task h3{font-size:var(--ui-font-lg)!important}.task-meta,.task-description{font-size:var(--ui-font-sm)!important} .workload-member{border-radius:var(--ui-radius-md)!important;padding:15px!important} .workload-member b{font-size:var(--ui-font-sm)!important}.workload-member strong{font-size:1.3rem!important}.workload-member small{font-size:var(--ui-font-xs)!important} /* No operational interface should fall below a readable caption size */ .content-area :where(.dashboard-kicker,.dashboard-command-signal span,.dashboard-command-signal small,.dashboard-command-signal a,.dashboard-kpi small,.dashboard-kpi em,.priority-chip span,.team-pulse-score span,.team-pulse-stats span,.team-pulse-list b,.team-pulse-list small,.target-hero-number span,.target-money-grid span,.performance-mini-score span,.dashboard-pipeline span,.dashboard-pipeline small,.crm-health-card small,.crm-health-pill,.next-action-cell,.task-type,.work-urgency,.snooze-note,.cancel-note){font-size:var(--ui-font-xs)!important} @media(max-width:1280px){ .ui-kpi-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))} .ui-workspace--sidebar{grid-template-columns:minmax(0,1.45fr) minmax(270px,.6fr)} } @media(max-width:1040px){ .ui-kpi-grid--4,.ui-kpi-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-workspace--sidebar,.ui-workspace--list-primary,.task-workspace{grid-template-columns:1fr!important} .ui-workspace--list-primary>.ui-list-card,.task-workspace>.task-list-card{grid-column:1;grid-row:1} .ui-workspace--list-primary>.ui-form-card,.task-workspace>.form-card{grid-column:1;grid-row:2} .ui-form-card{position:static} .sidebar nav a .nav-copy small{display:block!important} } @media(max-width:760px){ :root{--ui-content-pad:16px} .ui-page-hero,.page-title,.crm-page-head{padding:20px;align-items:stretch;flex-direction:column} .ui-page-hero h2,.page-title h2,.crm-page-head h2{font-size:1.45rem!important} .ui-hero{padding:22px 20px} .ui-kpi-grid--2,.ui-kpi-grid--3,.ui-kpi-grid--4,.ui-kpi-grid--5{grid-template-columns:1fr} .ui-kpi{min-height:94px;padding:16px 17px} .ui-workspace--equal{grid-template-columns:1fr} .ui-panel,.card{padding:18px} .ui-toolbar{display:grid;grid-template-columns:1fr;width:100%} .ui-toolbar label,.ui-toolbar .btn{width:100%;min-width:0} .dashboard-command{grid-template-columns:1fr!important} .dashboard-command-signal{max-width:none} } /* App shell aliases: stable generic contract for all future modules */ .ui-app-shell{min-height:100vh} .ui-sidebar{contain:layout style} .ui-main{min-width:0} .ui-topbar{isolation:isolate} .ui-content{width:100%;min-width:0} /* ======================================================================== Global Admin UI Polish Pass 2.2 Shared visual/interaction contract for every back-office module. No module-specific selectors are introduced in this block. ======================================================================== */ :root{ --ui-admin-row-h:54px; --ui-admin-icon:38px; --ui-admin-icon-sm:32px; --ui-admin-panel-gap:clamp(16px,1.6vw,24px); --ui-admin-section-gap:clamp(18px,2vw,28px); } /* Keep every admin surface inside its own grid/flex boundary. */ .ui-content,.content-area,.ui-panel,.ui-card,.ui-list-card,.ui-form-card,.ui-table-wrap,.ui-workspace>*{min-width:0} .content-area{overflow-x:clip} .ui-stack{display:flex;flex-direction:column;gap:var(--ui-admin-panel-gap);min-width:0} .ui-cluster{display:flex;align-items:center;gap:var(--ui-space-2);flex-wrap:wrap} .block{display:block}.muted{color:var(--ui-text-muted)} /* Section headers: icon, copy and actions share one predictable rhythm. */ .section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4)} .section-title>div:first-child{display:flex;align-items:flex-start;gap:var(--ui-space-3);min-width:0} .section-title>div:first-child>div{min-width:0} .section-title h3{margin:0 0 3px!important} .section-title p{margin:0!important} .section-icon{ width:var(--ui-admin-icon);height:var(--ui-admin-icon);flex:0 0 var(--ui-admin-icon); display:grid;place-items:center;border-radius:12px;background:var(--ui-surface-soft); color:#637383;font-size:15px;line-height:1 } .section-icon i,.section-icon svg,.btn i,.btn svg,.ui-kpi__icon i,.ui-kpi__icon svg{pointer-events:none} /* KPI layout: icons participate in the grid, never float over copy. */ .ui-kpi{position:relative;min-height:116px;padding:18px 20px} .ui-kpi:has(>.ui-kpi__icon){ padding:18px 20px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"value label icon" "value meta icon"; column-gap:14px;row-gap:4px;align-items:center } .ui-kpi>.ui-kpi__icon{ position:static!important;inset:auto!important;grid-area:icon; width:var(--ui-admin-icon);height:var(--ui-admin-icon);border-radius:12px; align-self:center;justify-self:end;font-size:15px!important } .ui-kpi:has(>.ui-kpi__icon)>span:not(.ui-kpi__icon){grid-area:label;align-self:end;min-width:0;line-height:1.45} .ui-kpi:has(>.ui-kpi__icon)>small{grid-area:meta;align-self:start;min-width:0;max-width:34ch;line-height:1.5} .ui-kpi:has(>.ui-kpi__icon)>strong{grid-area:value;align-self:center;justify-self:start;text-align:left;min-width:2ch} .ui-kpi>strong{font-variant-numeric:tabular-nums lining-nums} .ui-kpi>span:not(.ui-kpi__icon),.ui-kpi>small{overflow-wrap:anywhere} /* Panels: calmer density and consistent vertical spacing. */ .ui-panel{padding:clamp(18px,1.7vw,26px);margin-bottom:var(--ui-admin-section-gap)} .ui-panel--compact{padding:clamp(16px,1.35vw,22px)} .ui-panel>.section-title:last-child{margin-bottom:0} .ui-panel>.ui-table-wrap:last-child,.ui-panel>.ui-toolbar:last-child,.ui-panel>form:last-child{margin-bottom:0} /* Shared admin form treatment. */ .ui-form-card{align-self:start} .ui-form-card form{min-width:0} .ui-form-card .stack-form{gap:15px} .stack-form label,.form-grid label{line-height:1.4} input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease} textarea{min-height:112px;resize:vertical} input::placeholder,textarea::placeholder{color:#9aa6b2;opacity:1} .form-actions{gap:10px;flex-wrap:wrap} .form-actions .btn{min-width:110px} /* Buttons and icons keep equal optical weight everywhere. */ .btn{white-space:nowrap;line-height:1.2} .btn i,.btn svg{font-size:1em;line-height:1;flex:0 0 auto} .btn-danger{background:var(--ui-danger);color:#fff} .btn-danger:hover{filter:brightness(.94)} .icon-btn,.menu-btn,.notification-trigger,.top-settings{display:inline-grid;place-items:center;flex:0 0 auto} /* Business tables: readable first, scroll only when the data truly needs it. */ .ui-table-wrap,.table-wrap{max-width:100%;scrollbar-width:thin;scrollbar-color:#aeb8c2 transparent} .ui-table-wrap::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:8px;width:8px} .ui-table-wrap::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#b6c0ca;border-radius:999px} .ui-table-wrap table,.table-wrap table{width:100%;min-width:680px;table-layout:auto} th{position:relative;vertical-align:middle;line-height:1.35} td{height:var(--ui-admin-row-h);vertical-align:middle;line-height:1.55;white-space:normal} td strong{line-height:1.35} td small{margin-top:2px;line-height:1.45} td .btn{vertical-align:middle} tbody tr:last-child td{border-bottom:0} /* Filters/toolbars should read as one product component on every screen. */ .ui-toolbar,.toolbar{margin-bottom:var(--ui-space-4)} .ui-toolbar input,.ui-toolbar select,.toolbar input,.toolbar select{background:#fff} .ui-toolbar .btn,.toolbar .btn{align-self:end} /* Empty states are intentional product states, not blank table rows. */ .ui-empty-state,.empty-state,.empty-state-pro{ min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px } .ui-empty-state>.section-icon,.empty-state>.section-icon,.empty-state-pro>.section-icon{margin-bottom:4px} .ui-table-wrap tbody tr:only-child td[colspan]{padding:30px 18px!important;text-align:center;color:var(--ui-text-muted);white-space:normal} /* Desktop navigation stays calm even as the platform grows. */ .sidebar nav a{overflow:hidden} .sidebar nav a .nav-copy{min-width:0} .sidebar nav a .nav-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .topbar>*{min-width:0} .page-head{min-width:0}.page-head h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Responsive admin compositions. */ @media(max-width:1280px){ .ui-kpi-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-kpi-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-workspace--sidebar{grid-template-columns:minmax(0,1.35fr) minmax(280px,.58fr)} } @media(max-width:1040px){ .ui-kpi-grid--3,.ui-kpi-grid--4,.ui-kpi-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-workspace--sidebar,.ui-workspace--list-primary,.ui-workspace--equal,.task-workspace{grid-template-columns:1fr!important} .ui-workspace--sidebar>aside,.ui-workspace--list-primary>.ui-form-card,.task-workspace>.form-card{grid-column:1!important;grid-row:auto!important} .ui-form-card{position:static} .section-title{align-items:flex-start} } @media(max-width:760px){ :root{--ui-admin-row-h:50px;--ui-admin-icon:36px} .content-area{overflow-x:hidden} .ui-page-hero,.page-title,.crm-page-head{gap:12px} .ui-panel,.ui-panel--compact,.card{padding:16px} .ui-kpi-grid,.ui-kpi-grid--2,.ui-kpi-grid--3,.ui-kpi-grid--4,.ui-kpi-grid--5{grid-template-columns:1fr;gap:12px} .ui-kpi,.ui-kpi:has(>.ui-kpi__icon){ min-height:96px;padding:15px 16px; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"value label icon" "value meta icon"; column-gap:11px } .ui-kpi strong{font-size:1.5rem!important} .section-title{gap:10px;margin-bottom:16px} .section-title>div:first-child{gap:10px} .section-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px} .ui-toolbar,.toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;padding:10px} .ui-toolbar label,.toolbar label,.ui-toolbar .btn,.toolbar .btn{width:100%;min-width:0} .form-grid{grid-template-columns:1fr} .form-grid .span-2,.span-2{grid-column:span 1} .form-actions{display:grid;grid-template-columns:1fr} .form-actions .btn{width:100%} .ui-table-wrap,.table-wrap{margin-inline:-2px;border-radius:12px} .ui-table-wrap table,.table-wrap table{min-width:620px} th{font-size:11px!important;padding:10px 12px!important} td{font-size:13px!important;padding:12px!important} .page-head h1{font-size:18px} } @media(max-width:520px){ :root{--ui-content-pad:12px} .ui-page-hero,.page-title,.crm-page-head{padding:16px;border-radius:16px} .ui-page-hero h2,.page-title h2,.crm-page-head h2{font-size:1.3rem!important} .ui-kpi,.ui-kpi:has(>.ui-kpi__icon){ grid-template-columns:auto minmax(0,1fr); grid-template-areas:"label icon" "value value" "meta meta"; row-gap:5px } .ui-kpi:has(>.ui-kpi__icon)>strong{justify-self:start;text-align:right;margin-top:4px} .ui-kpi>.ui-kpi__icon{justify-self:end;align-self:start} .ui-kpi>small{max-width:none} .section-title{flex-direction:column} .section-title>a,.section-title>.btn,.section-title>.ui-cluster{align-self:stretch} .section-title>.btn{width:100%} .btn:not(.btn-sm){min-height:44px} .ui-table-wrap table,.table-wrap table{min-width:580px} .user-chip small{display:none!important} .user-chip{padding-inline:4px} } @media(hover:none){ .ui-kpi:hover,.dashboard-kpi:hover,.leads-focus-card:hover,.btn:hover{transform:none} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } /* ====================================================================== FadiTec Design System 2.3 — Adaptive Employee/Admin 360 compositions General-purpose components only; no page-specific selectors. ====================================================================== */ /* Content-aware summary grids: adapt to the real container width, including sidebars. */ .ui-summary-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:14px; margin-bottom:var(--ui-admin-section-gap) } .ui-summary-grid--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))} .ui-summary-grid>.ui-kpi{margin:0;min-width:0} /* KPI anatomy: label + icon, then value, then meta. Never squeeze Arabic copy beside money. */ .ui-kpi:has(>.ui-kpi__icon){ min-height:132px; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"label icon" "value value" "meta meta"; align-content:start; align-items:center; column-gap:12px; row-gap:7px; padding:18px 20px } .ui-kpi:has(>.ui-kpi__icon)>span:not(.ui-kpi__icon){ grid-area:label; align-self:center; font-weight:800; line-height:1.45; min-width:0 } .ui-kpi:has(>.ui-kpi__icon)>.ui-kpi__icon{ grid-area:icon; align-self:start; justify-self:end; position:static!important; inset:auto!important } .ui-kpi:has(>.ui-kpi__icon)>strong{ grid-area:value; justify-self:start; align-self:end; text-align:start; width:100%; min-width:0; margin-top:2px; font-size:clamp(1.35rem,2vw,1.75rem)!important; line-height:1.2; white-space:normal; overflow-wrap:normal; word-break:normal } .ui-kpi:has(>.ui-kpi__icon)>small{ grid-area:meta; align-self:start; max-width:none; min-width:0; line-height:1.55 } .ui-kpi>span:not(.ui-kpi__icon),.ui-kpi>small{ overflow-wrap:break-word; word-break:normal } /* In-page section navigation for long 360/admin records. */ .ui-section-nav{ display:flex; align-items:center; gap:8px; max-width:100%; overflow-x:auto; scrollbar-width:thin; padding:6px; margin:0 0 var(--ui-admin-section-gap); border:1px solid var(--ui-border); border-radius:14px; background:var(--ui-surface); box-shadow:var(--ui-shadow-1) } .ui-section-nav a{ display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; min-height:38px; padding:8px 12px; border-radius:10px; color:var(--ui-text-muted); font-size:12px; font-weight:800; white-space:nowrap } .ui-section-nav a:hover,.ui-section-nav a:focus-visible{ color:var(--ui-danger); background:var(--ui-danger-soft); outline:none } /* Compact historical records; useful for compensation, contracts, and other ledgers. */ .ui-record-list{display:flex;flex-direction:column;gap:10px;margin-top:16px} .ui-record-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 14px; border:1px solid var(--ui-border); border-radius:12px; background:var(--ui-surface-soft); min-width:0 } .ui-record-row>div:first-child{min-width:150px} .ui-record-row strong,.ui-record-row small{display:block} .ui-record-row strong{font-size:15px;color:var(--ui-text)} .ui-record-row small{margin-top:3px;color:var(--ui-text-muted);font-size:12px} /* Equal workspaces should stay two-column while the container can genuinely support them. */ .ui-workspace--equal{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-workspace--equal>.ui-panel{height:100%;margin-bottom:0;min-width:0} /* Long data sections anchor cleanly below a sticky/top bar. */ .ui-panel[id],.ui-workspace[id]{scroll-margin-top:100px} @media(max-width:1180px){ .ui-workspace--equal{grid-template-columns:1fr} .ui-record-row{align-items:flex-start;flex-direction:column} } @media(max-width:760px){ .ui-summary-grid,.ui-summary-grid--compact{grid-template-columns:1fr;gap:11px} .ui-kpi:has(>.ui-kpi__icon){min-height:112px;padding:16px} .ui-section-nav{margin-inline:-2px;padding:5px} .ui-section-nav a{min-height:40px;font-size:12px} } @media(max-width:520px){ .ui-kpi:has(>.ui-kpi__icon){ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"label icon" "value value" "meta meta" } .ui-record-row{padding:12px} } /* ============================================================ Project & Work Management 2.0 — reusable work components These are global Design System primitives, not page-specific rules. ============================================================ */ .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px} .project-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);box-shadow:var(--ui-shadow-1);color:var(--ui-text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .project-card:hover,.project-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--red) 35%,var(--ui-border));box-shadow:var(--ui-shadow-2);outline:none} .project-card-head,.project-meta,.ui-cluster{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .project-card-head{justify-content:space-between}.project-card h3{margin:0;font-size:16px}.project-card p,.project-card small{margin:0;color:var(--ui-text-muted)} .project-meta{font-size:12px;color:var(--ui-text-muted)} .ui-progress{position:relative;height:7px;overflow:hidden;border-radius:999px;background:var(--ui-surface-soft);border:1px solid var(--ui-border)} .ui-progress>i{display:block;height:100%;border-radius:inherit;background:var(--red)} .ui-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity} .ui-kanban-column{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface-soft);scroll-snap-align:start} .ui-kanban-column>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 8px}.ui-kanban-column>header b{font-size:13px}.ui-kanban-column>header span{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--ui-surface);border:1px solid var(--ui-border);font-size:11px;font-weight:800} .ui-kanban-column>div{display:flex;flex-direction:column;gap:10px} .ui-task-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:13px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-1)} .ui-task-card:hover,.ui-task-card:focus-visible{border-color:color-mix(in srgb,var(--red) 30%,var(--ui-border));outline:none}.ui-task-card.is-blocked{border-inline-start:3px solid var(--ui-danger)} .ui-task-card>b{font-size:13px;line-height:1.65}.ui-task-card>small{color:var(--ui-text-muted);font-size:11px}.task-type{font-size:10px;font-weight:800;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.02em} .project-ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.project-ops-grid h4{margin:0 0 8px;font-size:14px} .metric-text{font-size:clamp(16px,1.4vw,22px)!important;line-height:1.45!important;overflow-wrap:anywhere} .task-description{padding:16px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-soft);font-size:14px;line-height:1.9;white-space:normal} .comment-list{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}.comment-item{padding:13px 14px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-soft)}.comment-item>b,.comment-item>small{display:block}.comment-item>small{margin-top:2px;color:var(--ui-text-muted);font-size:11px}.comment-item>p{margin:8px 0 0;line-height:1.8} .ui-form-card details{border-top:1px solid var(--ui-border);padding:12px 0}.ui-form-card details:first-of-type{border-top:0}.ui-form-card summary{cursor:pointer;font-weight:800;font-size:13px;margin-bottom:10px} .text-danger{color:var(--ui-danger)!important} @media(max-width:1040px){.ui-kanban{grid-auto-columns:minmax(220px,76vw)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.project-grid{grid-template-columns:1fr}.ui-kanban{grid-auto-columns:minmax(210px,88vw)}.project-card{padding:15px}.ui-task-card{padding:12px}.project-ops-grid{grid-template-columns:1fr}} /* === Global utilities: memberships / admin composition === */ .ui-chip-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0} .ui-panel-soft{margin-top:16px;padding:16px;border:1px solid var(--border-soft,#e5e7eb);border-radius:var(--radius-md,14px);background:var(--surface-soft,#f8fafc)} .ui-panel-soft label{display:grid;gap:8px;margin:0} .ui-form-actions{display:flex;justify-content:flex-start;gap:10px;align-items:center;margin-top:16px} @media(max-width:760px){.ui-panel-soft{padding:14px}.ui-form-actions{display:grid}.ui-form-actions>.btn{width:100%}.ui-chip-list{gap:6px}} /* ===== Shared compact workspace components v0.9.2.19 ===== */ .ui-tabs{display:flex;align-items:center;gap:5px;padding:6px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow-x:auto;scrollbar-width:none;box-shadow:0 4px 16px rgba(31,41,51,.035)} .ui-tabs::-webkit-scrollbar{display:none} .ui-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:8px 11px;border-radius:9px;color:#6b7781;font-size:8px;font-weight:900;transition:background .16s ease,color .16s ease} .ui-tabs a:hover{background:#f5f7f8;color:var(--char)} .ui-tabs a.is-active{background:#fdebed;color:var(--red)} .ui-tabs a:focus-visible{outline:2px solid color-mix(in srgb,var(--red) 45%,transparent);outline-offset:2px} .ui-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap} .ui-bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line);background:#fbfcfd} .ui-bulk-summary{display:flex;align-items:center;gap:7px;min-width:0;color:#687580;font-size:8px;font-weight:800} .ui-bulk-summary>i,.ui-bulk-summary>.ui-icon-fallback{color:var(--red)} .ui-bulk-summary b{color:var(--char);font-size:9px} .ui-bulk-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .ui-bulk-actions .btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none} .ui-select-cell{width:42px!important;min-width:42px!important;text-align:center!important;padding-left:7px!important;padding-right:7px!important} .ui-check{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;cursor:pointer;vertical-align:middle} .ui-check input{position:absolute;opacity:0;pointer-events:none} .ui-check span{width:16px;height:16px;border:1px solid #cbd4db;border-radius:5px;background:#fff;display:grid;place-items:center;transition:.15s ease} .ui-check span:after{content:"";width:7px;height:4px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .12s ease} .ui-check input:checked+span,.ui-check input:indeterminate+span{background:var(--red);border-color:var(--red)} .ui-check input:checked+span:after{transform:rotate(45deg) scale(1)} .ui-check input:indeterminate+span:after{width:7px;height:0;border:0;border-bottom:2px solid #fff;transform:none;margin:0} .ui-check input:focus-visible+span{outline:2px solid color-mix(in srgb,var(--red) 35%,transparent);outline-offset:2px} .masterdata-table tbody tr.is-selected:not(.masterdata-edit-row) td{background:#fff7f8} .ui-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:24px;isolation:isolate} .ui-modal[hidden]{display:none!important} .ui-modal-backdrop{position:absolute;inset:0;background:rgba(18,26,34,.54);backdrop-filter:blur(4px);z-index:-1} .ui-modal-dialog{width:min(680px,100%);max-height:min(86vh,780px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(15,23,31,.27)} .ui-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 19px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)} .ui-modal-head>div:first-child{display:flex;align-items:flex-start;gap:11px;min-width:0} .ui-modal-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#fdebed;color:var(--red);font-size:14px} .ui-modal-head h3{margin:0 0 3px;font-size:14px;color:var(--char)} .ui-modal-head p{margin:0;color:var(--muted);font-size:8px;line-height:1.65} .ui-modal-close{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:9px;background:#f1f4f6;color:#697680;font-size:20px;line-height:1;cursor:pointer} .ui-modal-close:hover{background:#fdebed;color:var(--red)} .ui-modal-form{display:flex;flex-direction:column;min-height:0} .ui-modal-body{display:flex;flex-direction:column;gap:12px;padding:18px 19px;overflow-y:auto} .ui-modal-body>label,.ui-form-grid label{display:block;font-size:8px;color:#68747e;font-weight:900} .ui-modal-body input,.ui-modal-body select,.ui-modal-body textarea,.ui-form-grid input,.ui-form-grid select,.ui-form-grid textarea{margin-top:5px} .ui-form-grid{display:grid;gap:10px} .ui-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:12px 19px;border-top:1px solid var(--line);background:#fbfcfd} body.ui-modal-open{overflow:hidden} /* Master-data density refinements while shared controls remain global. */ .masterdata-summary{grid-template-columns:repeat(6,minmax(0,1fr))} .masterdata-list-card{width:100%;padding:0;overflow:visible} .masterdata-section-head{align-items:center} .masterdata-page.is-readonly .ui-bulk-actions,.masterdata-page.is-readonly .ui-select-cell{display:none!important} @media(max-width:960px){ .masterdata-summary{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .ui-tabs a{padding:8px 9px} .ui-bulk-actions{align-items:stretch;flex-direction:column} .ui-bulk-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%} .ui-bulk-buttons .btn{width:100%;justify-content:center} .ui-modal{align-items:end;padding:0} .ui-modal-dialog{width:100%;max-height:92vh;border-radius:20px 20px 0 0} .ui-modal-head,.ui-modal-body{padding-left:16px;padding-right:16px} .ui-modal-footer{padding:11px 16px calc(11px + env(safe-area-inset-bottom))} .masterdata-section-head{align-items:flex-start} .ui-section-actions{justify-content:flex-start} } @media(max-width:520px){ .masterdata-summary{grid-template-columns:1fr} .ui-form-grid.two{grid-template-columns:1fr} .ui-bulk-buttons{grid-template-columns:1fr} .ui-section-actions{width:100%} .ui-section-actions .btn{flex:1;justify-content:center} .ui-modal-footer .btn{flex:1;justify-content:center} } /* Modal stacking correction: keep backdrop interactive while the dialog stays above it. */ .ui-modal-backdrop{z-index:0} .ui-modal-dialog{position:relative;z-index:1} /* ====================================================================== FadiTec Design System 2.4 — profile facts, status pills and compact metadata Shared primitives for HR, users, finance and other 360° record pages. ====================================================================== */ .status-chip{ display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:30px; padding:5px 9px;border:1px solid var(--ui-border);border-radius:999px; background:var(--ui-surface-soft);color:#586775;font-size:var(--ui-font-xs)!important; font-weight:800;line-height:1.35;white-space:nowrap } .status-chip>i,.status-chip>.ui-icon-fallback{font-size:.9em;color:currentColor} .status-chip.status-success{background:var(--ui-success-soft);border-color:#cfe8da;color:var(--ui-success)} .status-chip.status-warning{background:var(--ui-warning-soft);border-color:#f0dfb9;color:#956309} .status-chip.status-danger{background:var(--ui-danger-soft);border-color:#efcdd3;color:var(--ui-danger)} .status-chip.status-info{background:var(--ui-info-soft);border-color:#d5e4f5;color:#336eaf} .status-chip.status-muted{background:#f2f4f6;border-color:#e1e5e9;color:#6f7b86} .ui-fact-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:14px;margin:0 0 var(--ui-admin-section-gap,20px) } .ui-fact-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))} .ui-fact-card{ position:relative;isolation:isolate;min-width:0;min-height:126px;overflow:hidden; display:grid;grid-template-columns:44px minmax(0,1fr); grid-template-areas:"icon label" "icon value" "meta meta"; column-gap:13px;row-gap:4px;align-content:center; padding:17px 18px 15px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg); background:linear-gradient(145deg,#fff 0%,#fff 68%,#f8fafc 100%); box-shadow:var(--ui-shadow-1);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease } .ui-fact-card::before{ content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px; background:color-mix(in srgb,var(--ui-brand) 72%,#fff);opacity:.72 } .ui-fact-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-2);transform:translateY(-1px)} .ui-fact-card__icon{ grid-area:icon;width:42px;height:42px;border-radius:13px;display:grid;place-items:center; align-self:start;background:color-mix(in srgb,var(--ui-brand) 8%,#fff);color:var(--ui-brand); border:1px solid color-mix(in srgb,var(--ui-brand) 12%,var(--ui-border));font-size:15px } .ui-fact-card__icon>i,.ui-fact-card__icon>.ui-icon-fallback{font-size:15px} .ui-fact-card__icon--success{background:var(--ui-success-soft);border-color:#d8eee2;color:var(--ui-success)} .ui-fact-card__icon--info{background:var(--ui-info-soft);border-color:#dce8f7;color:#3b72b3} .ui-fact-card__icon--warning{background:var(--ui-warning-soft);border-color:#f1e0ba;color:#9a680d} .ui-fact-card__icon--danger{background:var(--ui-danger-soft);border-color:#f0d2d7;color:var(--ui-danger)} .ui-fact-card__label{ grid-area:label;align-self:end;min-width:0;color:#667684;font-size:var(--ui-font-xs)!important; font-weight:850;line-height:1.45 } .ui-fact-card__value{ grid-area:value;align-self:start;min-width:0;margin:1px 0 0;color:var(--ui-text-strong); font-size:clamp(1.25rem,1.55vw,1.55rem)!important;font-weight:900;line-height:1.25; letter-spacing:-.02em;overflow-wrap:anywhere } .ui-fact-card__value--date{font-size:clamp(1.05rem,1.35vw,1.3rem)!important;direction:ltr;text-align:right;justify-self:start} .ui-fact-card__meta{ grid-area:meta;display:flex;align-items:center;gap:6px;min-width:0;margin-top:8px;padding-top:10px; border-top:1px solid #edf0f3;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important; font-weight:650;line-height:1.5;overflow-wrap:anywhere } .ui-fact-card__meta>i,.ui-fact-card__meta>.ui-icon-fallback{flex:0 0 auto;color:#8794a0;font-size:11px} .ui-status-pill{ display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 8px; border-radius:999px;background:#f1f4f6;color:#66737f;font-size:11px;font-weight:850;line-height:1.3 } .ui-status-pill>i,.ui-status-pill>.ui-icon-fallback{font-size:10px} .ui-status-pill--success{background:var(--ui-success-soft);color:var(--ui-success)} .ui-status-pill--warning{background:var(--ui-warning-soft);color:#956309} .ui-status-pill--danger{background:var(--ui-danger-soft);color:var(--ui-danger)} .ui-status-pill--info{background:var(--ui-info-soft);color:#336eaf} .ui-status-pill--muted{background:#f0f2f4;color:#6f7b86} @media(max-width:1120px){ .ui-fact-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ .ui-fact-grid,.ui-fact-grid--4{grid-template-columns:1fr;gap:11px} .ui-fact-card{min-height:112px;padding:15px 16px 14px} .ui-fact-card__icon{width:39px;height:39px;border-radius:12px} .ui-fact-card__meta{margin-top:6px;padding-top:8px} } @media(hover:none){.ui-fact-card:hover{transform:none}} /* ====================================================================== FadiTec Design System 2.5 — readonly identity + payout method primitives Shared across HR, finance and account/record forms. ====================================================================== */ .ui-readonly-field{ min-height:44px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon value" "icon meta"; align-items:center;column-gap:10px;padding:8px 11px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md); background:var(--ui-surface-soft);color:var(--ui-text-strong) } .ui-readonly-field>i,.ui-readonly-field>.ui-icon-fallback{grid-area:icon;color:var(--ui-brand);font-size:16px} .ui-readonly-field>b{grid-area:value;direction:ltr;text-align:right;font-weight:900;letter-spacing:.02em} .ui-readonly-field>small{grid-area:meta;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;font-weight:650} .employee-auto-id-note{ display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 14px;border:1px dashed var(--ui-border-strong); border-radius:var(--ui-radius-md);background:var(--ui-info-soft);color:#315f91 } .employee-auto-id-note>i,.employee-auto-id-note>.ui-icon-fallback{font-size:18px;flex:0 0 auto} .employee-auto-id-note>div{display:grid;gap:3px}.employee-auto-id-note b{font-size:var(--ui-font-sm)!important}.employee-auto-id-note small{color:#61788e;line-height:1.55} .ui-check-row{ display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px;padding:10px 12px; border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-soft) } .ui-check-row>input{width:18px!important;height:18px!important;min-height:0!important;margin-top:2px;flex:0 0 auto} .ui-check-row>span{display:grid;gap:2px}.ui-check-row b{font-size:var(--ui-font-sm)!important}.ui-check-row small{color:var(--ui-text-muted);line-height:1.45} .ui-empty-state--compact{display:flex;align-items:center;justify-content:center;gap:12px;min-height:110px;padding:18px!important;text-align:start!important} .ui-empty-state--compact>i,.ui-empty-state--compact>.ui-icon-fallback{font-size:22px;color:var(--ui-text-muted)} .ui-empty-state--compact>div{display:grid;gap:3px}.ui-empty-state--compact strong{font-size:var(--ui-font-sm)!important}.ui-empty-state--compact span{color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important} .hr-payout-panel{scroll-margin-top:90px} .hr-payout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start} .hr-payout-methods{display:grid;gap:10px} .hr-payout-card{ display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px; border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-1) } .hr-payout-card.is-disabled{background:var(--ui-surface-soft);opacity:.72} .hr-payout-card__icon{ width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--ui-info-soft); border:1px solid #d8e6f5;color:#356fae;font-size:16px } .hr-payout-card__body{min-width:0;display:grid;gap:6px}.hr-payout-card__title{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .hr-payout-card__title strong{font-size:var(--ui-font-sm)!important;color:var(--ui-text-strong)} .hr-payout-card__title>span{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);font-weight:750} .hr-payout-card__body p{margin:0;color:#536473;font-size:var(--ui-font-xs)!important;line-height:1.55;overflow-wrap:anywhere} .hr-payout-card__body small{color:var(--ui-text-muted);line-height:1.45} .hr-payout-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.hr-payout-card__actions form{margin:0} .hr-payout-form{position:sticky;top:84px;padding:15px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-soft)} .hr-payout-form__head{display:flex;align-items:center;gap:9px;padding-bottom:4px}.hr-payout-form__head>i,.hr-payout-form__head>.ui-icon-fallback{color:var(--ui-brand)} .hr-payout-form__head>div{display:grid;gap:2px}.hr-payout-form__head b{font-size:var(--ui-font-sm)!important}.hr-payout-form__head small{color:var(--ui-text-muted);line-height:1.4} @media(max-width:1080px){ .hr-payout-layout{grid-template-columns:1fr}.hr-payout-form{position:static} } @media(max-width:680px){ .hr-payout-card{grid-template-columns:38px minmax(0,1fr);align-items:start}.hr-payout-card__icon{width:38px;height:38px;border-radius:11px} .hr-payout-card__actions{grid-column:1/-1;justify-content:flex-start;padding-top:4px}.hr-payout-card__actions .btn{width:100%;justify-content:center} .hr-payout-card__actions form{flex:1 1 140px}.ui-readonly-field{min-height:42px} } /* ====================================================================== FadiTec Design System 2.6 — secure attachment modal + payout cards Shared upload/detail primitives live in the global stylesheet. ====================================================================== */ .ui-modal-dialog--wide{width:min(860px,100%)} .ui-modal-subsection{display:grid;gap:12px;padding:14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-soft)} .ui-modal-subsection__head{display:flex;align-items:flex-start;gap:10px} .ui-modal-subsection__head>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--ui-info-soft);color:#356fae} .ui-modal-subsection__head>div{display:grid;gap:2px}.ui-modal-subsection__head b{font-size:var(--ui-font-sm)!important;color:var(--ui-text-strong)} .ui-modal-subsection__head small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);line-height:1.5} .ui-file-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .ui-file-upload{position:relative;display:flex!important;align-items:center;gap:10px;min-height:76px;padding:11px;border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-md);background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease} .ui-file-upload:hover{border-color:color-mix(in srgb,var(--ui-brand) 42%,var(--ui-border));background:color-mix(in srgb,var(--ui-brand) 2%,#fff)} .ui-file-upload:focus-within{border-color:var(--ui-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-brand) 10%,transparent)} .ui-file-upload>input[type="file"]{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none} .ui-file-upload__icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--ui-info-soft);color:#356fae;font-size:16px} .ui-file-upload__text{display:grid;gap:3px;min-width:0}.ui-file-upload__text b{font-size:var(--ui-font-xs)!important;color:var(--ui-text-strong)} .ui-file-upload__text small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-file-upload.has-file{border-style:solid;border-color:#cfe8da;background:var(--ui-success-soft)} .ui-file-upload.has-file .ui-file-upload__icon{background:#fff;color:var(--ui-success)} .ui-file-upload.has-file .ui-file-upload__text small{color:var(--ui-success);font-weight:800} .ui-sensitive-note{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #d9e4ef;border-radius:var(--ui-radius-md);background:#f7fafc;color:#41586d} .ui-sensitive-note>i,.ui-sensitive-note>.ui-icon-fallback{margin-top:2px;flex:0 0 auto;color:#527a9e} .ui-sensitive-note>div{display:grid;gap:2px}.ui-sensitive-note b{font-size:var(--ui-font-xs)!important}.ui-sensitive-note span{font-size:var(--ui-font-xs)!important;color:#687c8d;line-height:1.55} .ui-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .ui-detail-grid>div{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-soft)} .ui-detail-grid span{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);font-weight:750}.ui-detail-grid strong{font-size:var(--ui-font-xs)!important;color:var(--ui-text-strong);overflow-wrap:anywhere} .hr-payout-section-title{align-items:center} .hr-payout-methods--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .hr-payout-methods--cards .hr-payout-card{grid-template-columns:44px minmax(0,1fr);align-items:start;min-height:154px} .hr-payout-methods--cards .hr-payout-card__actions{grid-column:1/-1;justify-content:flex-start;padding-top:9px;border-top:1px solid #eef1f3} .hr-payout-methods--cards .hr-payout-card__actions .btn{min-height:34px} .hr-payout-empty{grid-column:1/-1;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;justify-content:stretch!important;text-align:start!important;gap:14px!important;min-height:130px} .hr-payout-empty>i,.hr-payout-empty>.ui-icon-fallback{align-self:center;font-size:25px;color:var(--ui-text-muted)} .hr-payout-empty>div{align-self:center;display:grid;gap:4px}.hr-payout-empty>div span{color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;line-height:1.55} .hr-payout-empty>.btn{align-self:center} .hr-payout-documents-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px} .hr-payout-documents-head>div{display:grid;gap:2px}.hr-payout-documents-head b{font-size:var(--ui-font-sm)!important;color:var(--ui-text-strong)}.hr-payout-documents-head small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted)} .hr-payout-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .hr-payout-document{display:grid;grid-template-rows:160px auto;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:#fff;color:inherit;text-decoration:none;box-shadow:var(--ui-shadow-1);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .hr-payout-document:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-2);border-color:var(--ui-border-strong)} .hr-payout-document__image{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f7f9fb,#eef2f5)} .hr-payout-document__image img{width:100%;height:100%;object-fit:contain;padding:8px} .hr-payout-document__meta{display:grid;gap:3px;padding:9px 10px;border-top:1px solid var(--ui-border)} .hr-payout-document__meta b{display:flex;align-items:center;gap:6px;font-size:var(--ui-font-xs)!important;color:var(--ui-text-strong)} .hr-payout-document__meta small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:980px){ .hr-payout-methods--cards{grid-template-columns:1fr} .ui-file-upload-grid,.hr-payout-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .hr-payout-section-title{align-items:flex-start}.hr-payout-section-title .ui-section-actions{width:100%;justify-content:flex-start}.hr-payout-section-title .ui-section-actions .btn{flex:1;justify-content:center} .ui-detail-grid{grid-template-columns:1fr}.ui-file-upload-grid,.hr-payout-document-grid{grid-template-columns:1fr} .hr-payout-document{grid-template-rows:190px auto} .hr-payout-empty{grid-template-columns:1fr!important;text-align:center!important}.hr-payout-empty>i,.hr-payout-empty>.ui-icon-fallback{justify-self:center}.hr-payout-empty>.btn{width:100%;justify-content:center} } @media(max-width:560px){ .hr-payout-methods--cards .hr-payout-card{grid-template-columns:38px minmax(0,1fr);min-height:0}.hr-payout-methods--cards .hr-payout-card__icon{width:38px;height:38px} .hr-payout-methods--cards .hr-payout-card__actions{display:grid;grid-template-columns:1fr}.hr-payout-methods--cards .hr-payout-card__actions form,.hr-payout-methods--cards .hr-payout-card__actions .btn{width:100%} .ui-file-upload{min-height:68px}.hr-payout-documents-head{align-items:flex-start;flex-direction:column} } /* ====================================================================== FadiTec Design System 2.7 — membership-first workspaces Shared access-choice, callout, and HR workspace components. ====================================================================== */ .ui-tabs a{font-size:12px} .ui-tabs a>span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f1f4f6;color:var(--ui-text-muted);font-size:10px;font-weight:900} .ui-tabs a.is-active>span{background:#fff;color:var(--ui-brand)} .ui-callout{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-soft);color:var(--ui-text)} .ui-callout>i,.ui-callout>.ui-icon-fallback,.ui-callout__icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#fff;color:var(--ui-text-muted);box-shadow:0 1px 3px rgba(31,41,51,.08)} .ui-callout>div{display:grid;gap:3px;min-width:0}.ui-callout b{font-size:var(--ui-font-sm)!important;color:var(--ui-text-strong)}.ui-callout p,.ui-callout small{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;line-height:1.65} .ui-callout-info{border-color:#d9e6f4;background:#f7fbff}.ui-callout-info>i,.ui-callout-info>.ui-icon-fallback,.ui-callout-info .ui-callout__icon{color:#356fae;background:#eaf3fc} .ui-callout-success{border-color:#d6eadf;background:var(--ui-success-soft)}.ui-callout-success>i,.ui-callout-success>.ui-icon-fallback,.ui-callout-success .ui-callout__icon{color:var(--ui-success);background:#fff} .ui-callout-warning{border-color:#f0dfb9;background:#fffaf0}.ui-callout-warning>i,.ui-callout-warning>.ui-icon-fallback,.ui-callout-warning .ui-callout__icon{color:#9a6a12;background:#fff} .ui-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ui-choice-card{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start!important;gap:10px;padding:12px 13px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease} .ui-choice-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-1)} .ui-choice-card>input{width:18px!important;height:18px!important;min-height:0!important;margin:2px 0 0;accent-color:var(--ui-brand)} .ui-choice-card>span{display:grid;gap:3px;min-width:0}.ui-choice-card b{font-size:var(--ui-font-sm)!important;color:var(--ui-text-strong)}.ui-choice-card small{color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;line-height:1.5} .ui-choice-card:has(input:checked){border-color:color-mix(in srgb,var(--ui-brand) 42%,var(--ui-border));background:color-mix(in srgb,var(--ui-brand) 3%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-brand) 8%,transparent)} .ui-choice-card:has(input:disabled){opacity:.48;cursor:not-allowed;background:var(--ui-surface-soft);box-shadow:none} .hr-module-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:16px;border:1px solid var(--ui-border);border-radius:22px;background:linear-gradient(120deg,#fff 0%,#fff 72%,color-mix(in srgb,var(--ui-brand) 5%,#fff) 100%);box-shadow:var(--ui-shadow-1)} .hr-module-hero__copy{display:grid;gap:7px;min-width:0}.hr-module-hero__eyebrow{display:flex;align-items:center;gap:7px;color:var(--ui-brand);font-size:11px;font-weight:900;letter-spacing:.02em}.hr-module-hero h2{margin:0;color:var(--ui-text-strong);font-size:26px;line-height:1.25}.hr-module-hero p{margin:0;max-width:720px;color:var(--ui-text-muted);font-size:var(--ui-font-sm)!important;line-height:1.75}.hr-module-hero__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .hr-workspace-tabs{margin-bottom:16px} .hr-workspace-tabs a{min-height:38px} .hr-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px} .hr-action-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:#fff;color:inherit;text-decoration:none;box-shadow:var(--ui-shadow-1);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .hr-action-card:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-2);border-color:var(--ui-border-strong)} .hr-action-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--ui-surface-soft);color:var(--ui-brand);font-size:16px}.hr-action-card__copy{display:grid;gap:3px;min-width:0}.hr-action-card__copy b{font-size:var(--ui-font-sm)!important;color:var(--ui-text-strong)}.hr-action-card__copy small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);line-height:1.45}.hr-action-card__value{font-size:20px;font-weight:950;color:var(--ui-text-strong);font-variant-numeric:tabular-nums} @media(max-width:1120px){.hr-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-module-hero{padding:20px}} @media(max-width:760px){.ui-tabs a{font-size:11px}.ui-choice-grid{grid-template-columns:1fr}.hr-module-hero{flex-direction:column}.hr-module-hero__actions{width:100%;justify-content:flex-start}.hr-module-hero__actions .btn{flex:1;justify-content:center}.hr-module-hero h2{font-size:22px}.hr-action-grid{grid-template-columns:1fr}.hr-action-card{grid-template-columns:40px minmax(0,1fr) auto}} .ui-callout>span:first-child{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#fff;color:var(--ui-text-muted);box-shadow:0 1px 3px rgba(31,41,51,.08)} .ui-callout-info>span:first-child{color:#356fae;background:#eaf3fc} .ui-choice-card{grid-template-columns:auto 34px minmax(0,1fr)} .ui-choice-card>.ui-choice-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--ui-surface-soft);color:var(--ui-text-muted)} .ui-choice-card:has(input:checked)>.ui-choice-icon{background:color-mix(in srgb,var(--ui-brand) 9%,#fff);color:var(--ui-brand)} .ui-choice-card.is-disabled{opacity:.48;cursor:not-allowed;background:var(--ui-surface-soft);box-shadow:none} /* ====================================================================== FadiTec Design System 2.8 — HR operations Reusable dense forms, report grids and operations workspace utilities. ====================================================================== */ .ui-inline-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}.ui-inline-form input,.ui-inline-form select{min-height:34px;height:34px;padding:5px 8px;font-size:11px;min-width:90px}.ui-inline-form .btn{min-height:34px} .ui-number-compact{width:86px!important;min-width:72px!important}.ui-subsection{margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-border)} .hr-ops-kpis{margin-top:12px}.hr-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.hr-report-grid>.ui-panel{margin:0} .hr-workspace-tabs{overflow-x:auto;scrollbar-width:thin}.hr-workspace-tabs a{white-space:nowrap;flex:0 0 auto} .ui-data-table td select,.ui-data-table td input[type="time"],.ui-data-table td input[type="number"]{min-height:34px;height:34px;padding:5px 8px;font-size:11px} @media(max-width:980px){.hr-report-grid{grid-template-columns:1fr}.hr-ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.hr-ops-kpis{grid-template-columns:1fr}.ui-inline-form{align-items:stretch}.ui-inline-form input,.ui-inline-form select,.ui-inline-form .btn{width:100%;min-width:0}} /* HR workspace navigation + dashboard (membership-first) */ .sidebar-nav-group{display:block;margin:0;padding:0;border:0}.sidebar-nav-group>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#dfe4e9;cursor:pointer;transition:.2s;user-select:none}.sidebar-nav-group>summary::-webkit-details-marker{display:none}.sidebar-nav-group>summary:hover,.sidebar-nav-group>summary.active{background:rgba(215,25,45,.18);color:#fff}.sidebar-nav-group>summary.active{box-shadow:inset -3px 0 0 var(--red)}.sidebar-nav-group>summary .nav-icon{width:34px;min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.045);font-size:15px}.sidebar-nav-group>summary.active .nav-icon,.sidebar-nav-group>summary:hover .nav-icon{background:color-mix(in srgb,var(--red) 30%,rgba(255,255,255,.06));color:#fff}.sidebar-nav-group>summary .nav-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}.sidebar-nav-group>summary .nav-copy b{font-size:13px;line-height:1.35;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-group>summary .nav-copy small{font-size:11px;line-height:1.35;color:#8f9aa5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-group>summary.active .nav-copy small,.sidebar-nav-group>summary:hover .nav-copy small{color:#c6cdd4}.sidebar-nav-group .nav-chevron{width:20px;min-width:20px;display:grid;place-items:center;font-size:10px;color:#8e99a4;transition:transform .18s ease}.sidebar-nav-group[open] .nav-chevron{transform:rotate(180deg)}.sidebar-subnav{display:grid;gap:3px;margin:4px 15px 6px 0;padding:4px 10px 4px 0;border-right:1px solid rgba(255,255,255,.1)}.sidebar nav .sidebar-subnav a{min-height:34px;padding:7px 9px;border-radius:9px;gap:8px;color:#bfc7cf}.sidebar nav .sidebar-subnav a.active{background:rgba(215,25,45,.14);box-shadow:none;color:#fff}.sidebar nav .sidebar-subnav a .nav-subicon{width:22px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.035);font-size:11px}.sidebar nav .sidebar-subnav a>span:last-child{width:auto;text-align:right;font-size:11px;font-weight:700}.sidebar nav .sidebar-subnav a.active .nav-subicon{background:rgba(215,25,45,.24);color:#fff}body.sidebar-collapsed .sidebar-nav-group>summary{justify-content:center;padding:7px}body.sidebar-collapsed .sidebar-nav-group>summary .nav-copy,body.sidebar-collapsed .sidebar-nav-group>summary .nav-chevron,body.sidebar-collapsed .sidebar-subnav{display:none} .hr-dashboard-hero{padding:24px 26px;margin-bottom:18px}.ui-kpi--link{display:block;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ui-kpi--link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ui-brand) 24%,var(--ui-border));box-shadow:0 14px 32px rgba(31,41,51,.09)}.hr-dashboard-kpis--secondary{margin-top:-4px}.hr-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin-bottom:16px}.hr-dashboard-grid--wide{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.hr-dashboard-panel{margin-bottom:0;min-width:0}.hr-distribution-list{display:grid;gap:13px}.hr-distribution-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.hr-distribution-row b{font-size:12px;color:var(--ui-text)}.hr-distribution-row strong{font-size:12px;color:var(--ui-text-strong)}.hr-distribution-bar{height:8px;border-radius:999px;overflow:hidden;background:#eef2f5}.hr-distribution-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--ui-brand) 78%,#fff),var(--ui-brand))}.hr-status-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hr-status-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid var(--ui-border);border-radius:12px;background:#fbfcfd}.hr-status-breakdown strong{font-size:18px;color:var(--ui-text-strong)}.hr-attention-list,.hr-recent-list{display:grid}.hr-attention-list>a,.hr-recent-list>a{display:grid;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--ui-border);color:inherit}.hr-attention-list>a:first-child,.hr-recent-list>a:first-child{border-top:0}.hr-attention-list>a{grid-template-columns:36px minmax(0,1fr) auto}.hr-recent-list>a{grid-template-columns:36px minmax(0,1fr) auto}.hr-attention-list>a:hover b,.hr-recent-list>a:hover b{color:var(--ui-brand)}.hr-attention-icon,.hr-recent-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.hr-recent-avatar{background:#f1f5f8;color:#65727e}.hr-attention-list b,.hr-attention-list small,.hr-recent-list b,.hr-recent-list small{display:block}.hr-attention-list b,.hr-recent-list b{font-size:11px}.hr-attention-list small,.hr-recent-list small{font-size:9px;color:var(--ui-text-muted);margin-top:2px}.hr-attention-list em{font-style:normal;font-size:9px;font-weight:800;color:var(--ui-text-muted);white-space:nowrap}.hr-recent-list time{font-size:9px;color:var(--ui-text-muted);white-space:nowrap}.hr-attendance-snapshot{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hr-attendance-snapshot>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--ui-border);border-radius:12px;background:#fbfcfd}.hr-attendance-snapshot strong{font-size:18px}.hr-section-hero{margin-bottom:16px}.hr-section-hero .btn{white-space:nowrap} @media(max-width:1120px){.hr-dashboard-grid,.hr-dashboard-grid--wide{grid-template-columns:1fr}.hr-attendance-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:960px){body.sidebar-collapsed .sidebar-nav-group>summary{justify-content:flex-start;padding:11px 12px}body.sidebar-collapsed .sidebar-nav-group>summary .nav-copy,body.sidebar-collapsed .sidebar-nav-group>summary .nav-chevron{display:flex}body.sidebar-collapsed .sidebar-nav-group[open] .sidebar-subnav{display:grid}} @media(max-width:620px){.hr-status-breakdown{grid-template-columns:1fr}.hr-attendance-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-attention-list>a,.hr-recent-list>a{grid-template-columns:34px minmax(0,1fr)}.hr-attention-list em,.hr-recent-list time{grid-column:2}.sidebar-subnav{margin-right:10px}.hr-dashboard-hero{padding:20px}} /* ===== Organization-first employee onboarding v1.1 ===== */ .employee-create-hero-v2{background:linear-gradient(135deg,#17212a,#303d49)} .employee-create-hero-v2:after{border-color:rgba(215,25,45,.11)} .employee-architecture-note>span{background:rgba(31,169,113,.18);color:#bff0dc} .employee-access-principle,.employee-admin-access-note{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;margin:18px 20px 0;padding:12px 13px;border:1px solid #dfe7ef;background:#f8fafc;border-radius:13px} .employee-access-principle>span,.employee-admin-access-note>i,.employee-admin-access-note>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef4ff;color:#356fc5} .employee-access-principle b,.employee-access-principle small,.employee-admin-access-note b,.employee-admin-access-note small{display:block} .employee-access-principle b,.employee-admin-access-note b{font-size:10px;color:var(--char)} .employee-access-principle small,.employee-admin-access-note small{margin-top:2px;font-size:8px;line-height:1.7;color:var(--muted);font-weight:600} .employee-admin-access-note{margin:0;align-self:end;background:#f0faf5;border-color:#cee9db} .employee-admin-access-note>i,.employee-admin-access-note>span{background:#dff5e9;color:#16865b} .employee-create-grid select:disabled{background:#f4f6f8;color:#9aa5ae;cursor:not-allowed} .employee-create-grid label[hidden],.employee-admin-access-note[hidden],.employee-target-section[hidden]{display:none!important} .employee-create-summary-v2 .summary-intro{margin:-7px 0 12px;font-size:8px;color:var(--muted);line-height:1.7} .employee-create-summary-v2 .create-summary-list b{max-width:170px} .employee-create-summary-v2 .create-summary-list>div{min-height:39px} .employee-create-summary-v2 .create-summary-note b{display:flex;align-items:center;gap:6px} .employee-create-summary-v2 .create-summary-note i{color:#96731e} .employee-create-grid option[hidden]{display:none} @media(max-width:560px){.employee-access-principle,.employee-admin-access-note{margin-inline:15px}.employee-admin-access-note{margin:0}.employee-create-summary-v2 .create-summary-list b{max-width:155px}} /* ====================================================================== Project Management Command Center — responsive dashboard primitives Central design-system styles for the Projects workspace. ====================================================================== */ .ui-project-hero{align-items:flex-end} .ui-project-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;flex:0 0 auto} .ui-project-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:var(--ui-space-5)} .ui-project-kpi{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:118px;padding:18px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-1);overflow:hidden} .ui-project-kpi:after{content:"";position:absolute;inset-inline-end:-32px;inset-block-end:-46px;width:112px;height:112px;border-radius:50%;background:color-mix(in srgb,var(--ui-info-soft) 70%,transparent);opacity:.52;pointer-events:none} .ui-project-kpi.is-risk{background:linear-gradient(180deg,#fff,#fff9fa);border-color:#efcbd1} .ui-project-kpi.is-risk:after{background:#fdebed} .ui-project-kpi__icon{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:13px;font-size:16px} .ui-project-kpi>div{position:relative;z-index:1;display:grid;min-width:0;gap:2px} .ui-project-kpi small,.ui-project-kpi span{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);line-height:1.5} .ui-project-kpi strong{font-size:clamp(1.55rem,2vw,2rem)!important;line-height:1.05;color:var(--ui-text-strong);letter-spacing:-.025em} .ui-project-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,.72fr);gap:var(--ui-space-5);align-items:start;margin-bottom:var(--ui-space-5)} .ui-project-dashboard-grid--balanced{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)} .ui-project-dashboard-grid>.ui-panel{min-width:0;margin-bottom:0} .ui-project-section-head{align-items:center} .ui-project-section-head .count-chip{flex:0 0 auto} .ui-project-completion-note{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:var(--ui-success-soft);color:var(--ui-success);font-size:var(--ui-font-xs)!important;white-space:nowrap} .ui-project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ui-project-card{display:grid;gap:13px;min-width:0;padding:18px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:linear-gradient(180deg,#fff,#fdfefe);color:var(--ui-text);box-shadow:var(--ui-shadow-1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} .ui-project-card:hover,.ui-project-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ui-brand) 30%,var(--ui-border));box-shadow:var(--ui-shadow-2);outline:none} .ui-project-card__top,.ui-project-card__progress-head,.ui-project-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0} .ui-project-card__code{display:flex;align-items:center;gap:7px;min-width:0;color:#667582} .ui-project-card__code>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--ui-surface-soft);color:#607281} .ui-project-card__code b{font-size:var(--ui-font-xs);letter-spacing:.025em;direction:ltr} .ui-project-card__title{min-width:0} .ui-project-card__title h4{margin:0;font-size:var(--ui-font-lg);line-height:1.4;color:var(--ui-text-strong);overflow-wrap:anywhere} .ui-project-card__title p{margin:3px 0 0;color:var(--ui-text-muted);font-size:var(--ui-font-xs)} .ui-project-card__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .ui-project-card__metrics>div{min-width:0;padding:9px 8px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface-soft)} .ui-project-card__metrics small,.ui-project-card__metrics strong{display:block} .ui-project-card__metrics small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);white-space:nowrap} .ui-project-card__metrics strong{margin-top:2px;font-size:14px;color:var(--ui-text-strong)} .ui-project-card__progress-head{font-size:var(--ui-font-xs);color:var(--ui-text-muted)} .ui-project-card__progress-head b{color:var(--ui-text-strong)} .ui-project-progress{height:8px;overflow:hidden;border-radius:999px;background:#edf1f4} .ui-project-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-brand),#e85d6b)} .ui-project-card__footer{padding-top:2px;color:var(--ui-text-muted);font-size:10px} .ui-project-card__footer span{display:inline-flex;align-items:center;gap:5px;min-width:0} .ui-project-card__footer b{font-size:10px;color:#65737f;text-align:end} .ui-project-empty{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center} .ui-project-mini-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px;border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-soft);color:var(--ui-text-muted)} .ui-project-mini-empty>i,.ui-project-mini-empty>.ui-icon-fallback{font-size:20px;color:#84919b} .ui-project-mini-empty b{font-size:var(--ui-font-sm);color:var(--ui-text-strong)} .ui-project-mini-empty small{font-size:var(--ui-font-xs)!important} .ui-project-deadline-list,.ui-project-activity-list,.ui-project-team-list{display:flex;flex-direction:column} .ui-project-deadline{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--ui-border);color:inherit} .ui-project-deadline:last-child{border-bottom:0} .ui-project-deadline:hover b{color:var(--ui-brand)} .ui-project-deadline__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--ui-info-soft);color:#3976b8} .ui-project-deadline.is-overdue .ui-project-deadline__icon{background:var(--ui-danger-soft);color:var(--ui-danger)} .ui-project-deadline div{min-width:0} .ui-project-deadline b,.ui-project-deadline small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-project-deadline b{font-size:var(--ui-font-sm);color:var(--ui-text-strong)} .ui-project-deadline small{margin-top:2px;font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted)} .ui-project-deadline time{font-size:10px;font-weight:800;color:#6a7782;direction:ltr;white-space:nowrap} .ui-project-deadline.is-overdue time{color:var(--ui-danger)} .ui-project-team-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(190px,.52fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ui-border)} .ui-project-team-row:last-child{border-bottom:0} .ui-project-team-row__avatar{width:42px;height:42px;font-size:13px;flex:0 0 42px} .ui-project-team-row__main{display:grid;gap:7px;min-width:0} .ui-project-team-row__main b,.ui-project-team-row__main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-project-team-row__main b{font-size:var(--ui-font-sm);color:var(--ui-text-strong)} .ui-project-team-row__main small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);margin-top:2px} .ui-project-load{height:6px;overflow:hidden;border-radius:999px;background:#edf1f4} .ui-project-load>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#568fd5,#7a63c8)} .ui-project-team-row__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .ui-project-team-row__stats>span{padding:7px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft);text-align:center} .ui-project-team-row__stats b,.ui-project-team-row__stats small{display:block} .ui-project-team-row__stats b{font-size:12px;color:var(--ui-text-strong)} .ui-project-team-row__stats small{font-size:9px!important;color:var(--ui-text-muted)} .ui-project-team-row__stats>span.is-danger{background:var(--ui-danger-soft);border-color:#f2d4d8}.ui-project-team-row__stats>span.is-danger b{color:var(--ui-danger)} .ui-project-workflow{display:grid;gap:8px} .ui-project-workflow-row{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0} .ui-project-workflow-row__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef2f5;color:#687681} .ui-project-workflow-row__icon.tone-brand{background:#f2efff;color:#7058c5} .ui-project-workflow-row__icon.tone-info{background:var(--ui-info-soft);color:#3974b6} .ui-project-workflow-row__icon.tone-warning{background:var(--ui-warning-soft);color:#96650a} .ui-project-workflow-row__icon.tone-danger{background:var(--ui-danger-soft);color:var(--ui-danger)} .ui-project-workflow-row__icon.tone-success{background:var(--ui-success-soft);color:var(--ui-success)} .ui-project-workflow-row__icon.tone-muted{background:#eef1f4;color:#6c7883} .ui-project-workflow-row>div{min-width:0} .ui-project-workflow-row b{display:block;margin-bottom:4px;font-size:11px;color:var(--ui-text-strong)} .ui-project-workflow-row>strong{font-size:12px;text-align:end;color:var(--ui-text-strong)} .ui-project-workflow-bar{height:6px;overflow:hidden;border-radius:999px;background:#edf1f4} .ui-project-workflow-bar>i{display:block;height:100%;border-radius:inherit;background:#8997a2} .ui-project-workflow-bar>i.tone-brand{background:#7b64c8}.ui-project-workflow-bar>i.tone-info{background:#4f8bcf}.ui-project-workflow-bar>i.tone-warning{background:#d4a43e}.ui-project-workflow-bar>i.tone-danger{background:var(--ui-danger)}.ui-project-workflow-bar>i.tone-success{background:var(--ui-success)}.ui-project-workflow-bar>i.tone-muted{background:#9aa6af} .ui-project-activity-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--ui-border);color:inherit} .ui-project-activity-row:last-child{border-bottom:0} .ui-project-activity-row__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff0f2;color:var(--ui-brand)} .ui-project-activity-row>div{min-width:0} .ui-project-activity-row b,.ui-project-activity-row p,.ui-project-activity-row small{display:block;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-project-activity-row b{font-size:var(--ui-font-sm);color:var(--ui-text-strong)} .ui-project-activity-row p{margin-top:2px;font-size:10px;color:#66747f} .ui-project-activity-row p strong{display:inline;color:#44515c} .ui-project-activity-row small{margin-top:2px;font-size:9px!important;color:var(--ui-text-muted)} .ui-project-activity-row time{font-size:10px;color:var(--ui-text-muted);direction:ltr;white-space:nowrap} .ui-project-activity-row:hover b{color:var(--ui-brand)} @media(max-width:1280px){ .ui-project-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-project-dashboard-grid,.ui-project-dashboard-grid--balanced{grid-template-columns:1fr} .ui-project-attention{order:2} } @media(max-width:920px){ .ui-project-card-grid{grid-template-columns:1fr} .ui-project-team-row{grid-template-columns:42px minmax(0,1fr)} .ui-project-team-row__stats{grid-column:2;grid-row:2} } @media(max-width:720px){ .ui-project-hero{align-items:flex-start;flex-direction:column} .ui-project-hero__actions{width:100%;display:grid;grid-template-columns:1fr 1fr} .ui-project-hero__actions .btn{width:100%;justify-content:center} .ui-project-kpis{grid-template-columns:1fr;gap:10px} .ui-project-kpi{min-height:100px;padding:15px} .ui-project-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-project-card__footer{align-items:flex-start;flex-direction:column} .ui-project-card__footer b{text-align:start} .ui-project-deadline{grid-template-columns:34px minmax(0,1fr)} .ui-project-deadline time{grid-column:2;margin-top:-4px} .ui-project-activity-row{grid-template-columns:34px minmax(0,1fr)} .ui-project-activity-row time{grid-column:2} .ui-project-team-row{grid-template-columns:38px minmax(0,1fr)} .ui-project-team-row__avatar{width:38px;height:38px;flex-basis:38px} .ui-project-team-row__stats{grid-column:1/-1;grid-row:auto} .ui-project-section-head{align-items:flex-start} } @media(max-width:460px){ .ui-project-hero__actions{grid-template-columns:1fr} .ui-project-card{padding:14px} .ui-project-card__top{align-items:flex-start;flex-direction:column} .ui-project-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-project-team-row__stats{grid-template-columns:repeat(3,minmax(0,1fr))} } /* ====================================================================== Project Detail Command Center — reusable project execution primitives Used by /projects/{id}; kept in the central design system. ====================================================================== */ .ui-project-detail-hero{align-items:flex-start;padding:26px 28px;background:linear-gradient(135deg,#fff 0%,#fbfcfd 66%,#fff5f6 100%);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-1)} .ui-project-detail-hero__main{display:grid;gap:8px;min-width:0;max-width:880px} .ui-project-detail-hero__main h2{margin:0!important} .ui-project-detail-hero__main p{max-width:900px!important} .ui-project-detail-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:2px} .ui-project-detail-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:4px;color:var(--ui-text-muted);font-size:var(--ui-font-xs)} .ui-project-detail-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0} .ui-project-detail-meta b{color:#4d5b66;font-size:inherit} .ui-project-detail-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:520px} .ui-project-detail-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:var(--ui-space-5)} .ui-project-detail-kpi{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:11px;min-width:0;min-height:104px;padding:15px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:linear-gradient(180deg,#fff,#fdfefe);box-shadow:var(--ui-shadow-1);overflow:hidden} .ui-project-detail-kpi:after{content:"";position:absolute;inset-inline-end:-32px;inset-block-end:-48px;width:100px;height:100px;border-radius:50%;background:#f3f6f8;opacity:.7;pointer-events:none} .ui-project-detail-kpi.is-risk{background:linear-gradient(180deg,#fff,#fff9fa);border-color:#edcbd0} .ui-project-detail-kpi.is-risk:after{background:#fdebed} .ui-project-detail-kpi__icon{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:14px} .ui-project-detail-kpi>div{position:relative;z-index:1;display:grid;gap:1px;min-width:0} .ui-project-detail-kpi small{font-size:var(--ui-font-xs)!important;color:var(--ui-text-muted);font-weight:800} .ui-project-detail-kpi strong{margin-top:2px;font-size:clamp(1.35rem,1.7vw,1.8rem)!important;line-height:1;color:var(--ui-text-strong);letter-spacing:-.025em} .ui-project-detail-kpi span{font-size:9px!important;color:#7b8790;line-height:1.55} .ui-project-detail-kpi--progress{grid-template-rows:auto auto} .ui-project-detail-kpi--progress>.ui-project-progress{grid-column:1/-1;margin-top:3px} .ui-project-detail-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.52fr);gap:var(--ui-space-5);align-items:start;margin-bottom:var(--ui-space-5)} .ui-project-detail-main-grid>.ui-panel,.ui-project-detail-secondary-grid>.ui-panel{min-width:0;margin-bottom:0} .ui-project-board-panel{overflow:hidden} .ui-project-detail-kanban{grid-auto-columns:minmax(224px,1fr);margin-inline:-2px;padding:2px 2px 10px} .ui-project-detail-kanban__column{min-height:180px;padding:11px;background:#f8fafb} .ui-project-detail-kanban__column>header{padding-bottom:9px} .ui-project-kanban-title{display:flex;align-items:center;gap:7px;min-width:0} .ui-project-kanban-title .ui-project-workflow-row__icon{width:28px;height:28px;border-radius:8px;font-size:10px} .ui-project-kanban-title b{font-size:11px!important} .ui-project-detail-kanban .ui-task-card{gap:7px;padding:12px;border-radius:12px} .ui-project-detail-kanban .ui-task-card.is-overdue{border-color:#ecc9ce;background:linear-gradient(180deg,#fff,#fffafb)} .ui-task-card__top,.ui-task-card__meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0} .ui-task-card__top .ui-status-pill{min-height:22px;padding:3px 7px;font-size:8px!important} .ui-task-card__meta{justify-content:flex-start;flex-wrap:wrap;color:var(--ui-text-muted);font-size:9px} .ui-task-card__meta span{display:inline-flex;align-items:center;gap:4px;min-width:0} .ui-kanban-empty{display:grid;place-items:center;min-height:74px;padding:12px;border:1px dashed #d7dee4;border-radius:11px;color:#97a2ab;font-size:10px;text-align:center;background:rgba(255,255,255,.62)} .ui-project-pulse{display:grid;gap:14px} .ui-project-pulse-list{display:grid;gap:8px} .ui-project-pulse-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft)} .ui-project-pulse-item__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:12px} .ui-project-pulse-item small,.ui-project-pulse-item b{display:block;min-width:0} .ui-project-pulse-item small{font-size:9px!important;color:var(--ui-text-muted)} .ui-project-pulse-item b{margin-top:1px;font-size:11px;color:var(--ui-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-project-pulse-progress{display:grid;gap:6px;padding-top:1px} .ui-project-pulse-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--ui-text-muted)} .ui-project-pulse-progress b{color:var(--ui-text-strong)} .ui-project-progress--violet>i{background:linear-gradient(90deg,#7b64c8,#a18ee0)} .ui-project-risk-callout{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:11px;border:1px solid #efcbd0;border-radius:12px;background:#fff7f8;color:var(--ui-danger)} .ui-project-risk-callout>i,.ui-project-risk-callout>.ui-icon-fallback{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#fdebed} .ui-project-risk-callout b,.ui-project-risk-callout small{display:block} .ui-project-risk-callout b{font-size:10px} .ui-project-risk-callout small{margin-top:2px;font-size:9px!important;color:#8e5f65} .ui-project-detail-secondary-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:var(--ui-space-5);align-items:start;margin-bottom:var(--ui-space-5)} .ui-project-detail-team-list{display:flex;flex-direction:column} .ui-project-detail-team-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(195px,.58fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ui-border)} .ui-project-detail-team-row:last-child{border-bottom:0} .ui-project-detail-team-row__avatar{width:42px;height:42px;flex:0 0 42px;font-size:13px} .ui-project-detail-team-row__identity{display:grid;gap:6px;min-width:0} .ui-project-detail-team-row__identity b,.ui-project-detail-team-row__identity small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-project-detail-team-row__identity b{font-size:var(--ui-font-sm);color:var(--ui-text-strong)} .ui-project-detail-team-row__identity small{font-size:9px!important;color:var(--ui-text-muted)} .ui-project-detail-team-row__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .ui-project-detail-team-row__stats>span{padding:7px 6px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft);text-align:center} .ui-project-detail-team-row__stats b,.ui-project-detail-team-row__stats small{display:block} .ui-project-detail-team-row__stats b{font-size:12px;color:var(--ui-text-strong)} .ui-project-detail-team-row__stats small{font-size:8px!important;color:var(--ui-text-muted)} .ui-project-detail-team-row__stats>span.is-danger{background:var(--ui-danger-soft);border-color:#f0d0d4}.ui-project-detail-team-row__stats>span.is-danger b{color:var(--ui-danger)} .ui-project-roadmap-panel{display:grid;gap:13px} .ui-project-roadmap-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .ui-project-roadmap-summary>span{padding:9px 7px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface-soft);text-align:center} .ui-project-roadmap-summary b,.ui-project-roadmap-summary small{display:block}.ui-project-roadmap-summary b{font-size:14px;color:var(--ui-text-strong)}.ui-project-roadmap-summary small{font-size:8px!important;color:var(--ui-text-muted)} .ui-project-roadmap-block{display:grid;gap:8px;padding-top:2px} .ui-project-roadmap-block+.ui-project-roadmap-block{padding-top:12px;border-top:1px solid var(--ui-border)} .ui-project-roadmap-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .ui-project-roadmap-head b{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ui-text-strong)} .ui-project-roadmap-head .text-action{border:0;background:none;cursor:pointer} .ui-project-roadmap-list{display:flex;flex-direction:column} .ui-project-roadmap-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--ui-border)} .ui-project-roadmap-item:last-child{border-bottom:0} .ui-project-roadmap-item>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef3f7;color:#607484;font-size:10px} .ui-project-roadmap-item.is-overdue>span{background:var(--ui-danger-soft);color:var(--ui-danger)} .ui-project-roadmap-item b,.ui-project-roadmap-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-project-roadmap-item b{font-size:10px;color:var(--ui-text-strong)} .ui-project-roadmap-item small{margin-top:2px;font-size:8px!important;color:var(--ui-text-muted);direction:rtl} .ui-project-muted-note{display:block;padding:10px;border:1px dashed var(--ui-border-strong);border-radius:10px;background:var(--ui-surface-soft);font-size:9px!important;color:var(--ui-text-muted);text-align:center} @media(max-width:1440px){ .ui-project-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:1180px){ .ui-project-detail-main-grid,.ui-project-detail-secondary-grid{grid-template-columns:1fr} .ui-project-pulse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start} .ui-project-pulse>.section-title{grid-column:1/-1} .ui-project-pulse-list{grid-column:1} .ui-project-pulse-progress,.ui-project-risk-callout{grid-column:2} .ui-project-pulse-progress+.ui-project-pulse-progress{margin-top:-6px} } @media(max-width:900px){ .ui-project-detail-hero{padding:22px} .ui-project-detail-hero__actions{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .ui-project-detail-hero__actions .btn{width:100%;justify-content:center} .ui-project-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .ui-project-detail-team-row{grid-template-columns:42px minmax(0,1fr)} .ui-project-detail-team-row__stats{grid-column:2} } @media(max-width:720px){ .ui-project-detail-hero{padding:18px} .ui-project-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px} .ui-project-detail-meta span{align-items:flex-start} .ui-project-detail-kanban{grid-auto-columns:minmax(214px,86vw)} .ui-project-pulse{grid-template-columns:1fr} .ui-project-pulse>.section-title,.ui-project-pulse-list,.ui-project-pulse-progress,.ui-project-risk-callout{grid-column:auto} .ui-project-pulse-progress+.ui-project-pulse-progress{margin-top:0} .ui-project-roadmap-summary{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:560px){ .ui-project-detail-hero__actions{grid-template-columns:1fr} .ui-project-detail-kpis{grid-template-columns:1fr;gap:10px} .ui-project-detail-kpi{min-height:96px;padding:14px} .ui-project-detail-meta{grid-template-columns:1fr} .ui-project-detail-team-row{grid-template-columns:38px minmax(0,1fr);gap:9px} .ui-project-detail-team-row__avatar{width:38px;height:38px;flex-basis:38px} .ui-project-detail-team-row__stats{grid-column:1/-1} .ui-project-roadmap-summary{gap:5px}.ui-project-roadmap-summary>span{padding:8px 4px} .ui-project-detail-kanban{grid-auto-columns:minmax(205px,90vw)} } /* ========================================================================== Delivery handoff + execution employee workspace ========================================================================== */ .ui-project-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))} .ui-delivery-intake{margin-bottom:var(--ui-space-5);overflow:hidden} .ui-delivery-intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ui-delivery-intake-empty{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed var(--ui-border-strong);border-radius:14px;background:var(--ui-surface-soft)} .ui-delivery-intake-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf7f0;color:#16875d}.ui-delivery-intake-empty b,.ui-delivery-intake-empty small{display:block}.ui-delivery-intake-empty b{font-size:12px}.ui-delivery-intake-empty small{margin-top:3px;color:var(--ui-text-muted);font-size:9px!important} .ui-delivery-card{display:grid;gap:13px;padding:16px;border:1px solid var(--ui-border);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 8px 22px rgba(31,45,56,.04)} .ui-delivery-card.is-clarification{background:linear-gradient(180deg,#fff,#fffaf1);border-color:#ecdcae} .ui-delivery-card__top,.ui-delivery-card__actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.ui-delivery-card__top>small{color:var(--ui-text-muted);font-size:9px!important} .ui-delivery-card__title{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}.ui-delivery-card__title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eef4fb;color:#4977ad}.ui-delivery-card__title h4,.ui-delivery-card__title p{margin:0}.ui-delivery-card__title h4{font-size:13px}.ui-delivery-card__title p{margin-top:2px;color:var(--ui-text-muted);font-size:10px} .ui-delivery-card__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ui-delivery-card__facts>span{padding:9px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface-soft)}.ui-delivery-card__facts small,.ui-delivery-card__facts b{display:block}.ui-delivery-card__facts small{font-size:8px!important;color:var(--ui-text-muted)}.ui-delivery-card__facts b{margin-top:2px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-delivery-card__scope{padding:11px 12px;border-inline-start:3px solid #cf1828;border-radius:9px;background:#f8fafb}.ui-delivery-card__scope small{font-size:8px!important;color:var(--ui-text-muted);font-weight:800}.ui-delivery-card__scope p{margin:4px 0 0;font-size:10px;line-height:1.7;max-height:86px;overflow:auto} .ui-delivery-card__note{padding:11px;border:1px solid #ead7a5;border-radius:11px;background:#fff8e8}.ui-delivery-card__note b{font-size:10px;color:#8a6506}.ui-delivery-card__note p{margin:4px 0 0;font-size:9px;color:#786943;line-height:1.6} .ui-handoff-rule-note{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;border:1px solid #cfe3da;border-radius:12px;background:#f3fbf7}.ui-handoff-rule-note>i,.ui-handoff-rule-note>.ui-icon-fallback{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e4f6ec;color:#15865c}.ui-handoff-rule-note b,.ui-handoff-rule-note small{display:block}.ui-handoff-rule-note b{font-size:10px}.ui-handoff-rule-note small{margin-top:2px;color:#657a70;font-size:9px!important;line-height:1.55} .ui-project-commercial-origin{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:var(--ui-space-5);padding:13px 15px;border:1px solid #cfddec;border-radius:15px;background:linear-gradient(90deg,#f7fbff,#fff)} .ui-project-commercial-origin__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf2fb;color:#376d9f}.ui-project-commercial-origin small,.ui-project-commercial-origin b,.ui-project-commercial-origin p{display:block;margin:0}.ui-project-commercial-origin small{font-size:8px!important;color:#668299;font-weight:800}.ui-project-commercial-origin b{margin-top:2px;font-size:11px}.ui-project-commercial-origin p{margin-top:2px;color:var(--ui-text-muted);font-size:9px} .deal-delivery-handoff{overflow:hidden}.deal-delivery-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;margin:15px 0}.deal-delivery-flow>div{min-height:76px;padding:10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft);text-align:center}.deal-delivery-flow>div>span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 5px;border-radius:9px;background:#edf1f4;color:#75828b}.deal-delivery-flow>div b,.deal-delivery-flow>div small{display:block}.deal-delivery-flow>div b{font-size:10px}.deal-delivery-flow>div small{margin-top:2px;font-size:8px!important;color:var(--ui-text-muted)}.deal-delivery-flow>div.is-done{background:#f2fbf7;border-color:#cce8db}.deal-delivery-flow>div.is-done>span{background:#e3f6ec;color:#16875d}.deal-delivery-flow>div.is-current{background:#fff9eb;border-color:#ead8a6}.deal-delivery-flow>div.is-current>span{background:#fff1c8;color:#9d7200}.deal-delivery-flow>i{color:#a1aab1;text-align:center} .deal-delivery-question,.deal-delivery-wait,.deal-delivery-accepted{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:12px;align-items:start;padding:12px;border-radius:12px;background:#fff9eb;border:1px solid #ead9a7}.deal-delivery-wait,.deal-delivery-accepted{grid-template-columns:40px minmax(0,1fr) auto;align-items:center}.deal-delivery-wait>span,.deal-delivery-accepted>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff0c8;color:#987000}.deal-delivery-accepted{background:#f3fbf7;border-color:#cfe6da}.deal-delivery-accepted>span{background:#e4f6ec;color:#16875d}.deal-delivery-question b,.deal-delivery-wait b,.deal-delivery-accepted b{font-size:10px}.deal-delivery-question p,.deal-delivery-wait p,.deal-delivery-accepted p{margin:4px 0 0;color:var(--ui-text-muted);font-size:9px;line-height:1.55}.deal-delivery-reply{display:grid;gap:7px}.deal-delivery-reply textarea{min-height:72px}.deal-delivery-history{margin-top:12px;border-top:1px solid var(--ui-border);padding-top:10px}.deal-delivery-history summary{cursor:pointer;font-size:10px;font-weight:800}.deal-delivery-history>div{display:grid;gap:7px;margin-top:8px}.deal-delivery-history p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:0;padding:8px 0;border-bottom:1px solid var(--ui-border)}.deal-delivery-history p b{font-size:9px}.deal-delivery-history p span{font-size:8px;color:var(--ui-text-muted)}.deal-delivery-history p small{grid-column:1/-1;font-size:8px!important;color:#66737c} .ui-employee-work-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:var(--ui-space-5);padding:22px 24px;border:1px solid #dce4ea;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f8fbfd 72%,#fff5f6 100%);box-shadow:0 14px 30px rgba(35,48,58,.05)} .ui-employee-work-hero__identity{display:flex;align-items:center;gap:14px;min-width:0}.ui-employee-work-avatar{width:58px;height:58px;flex:0 0 58px;font-size:18px}.ui-employee-work-hero h2{margin:4px 0 2px;font-size:clamp(1.35rem,2vw,1.8rem)}.ui-employee-work-hero p{margin:0;color:var(--ui-text-muted);font-size:10px}.ui-employee-work-hero__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ui-employee-work-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:var(--ui-space-5)}.ui-employee-work-kpis>article{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:94px;padding:13px;border:1px solid var(--ui-border);border-radius:15px;background:#fff;position:relative;overflow:hidden}.ui-employee-work-kpis>article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:12px}.ui-employee-work-kpis small,.ui-employee-work-kpis strong,.ui-employee-work-kpis p{display:block;margin:0}.ui-employee-work-kpis small{font-size:8px!important;color:var(--ui-text-muted);font-weight:800}.ui-employee-work-kpis strong{font-size:1.45rem;line-height:1.1}.ui-employee-work-kpis p{margin-top:2px;font-size:8px;color:#86919a}.ui-employee-work-kpis>article.is-danger{border-color:#efcfd3;background:#fffafb}.ui-employee-work-kpis>article.is-warning{border-color:#ecdca9;background:#fffdf8}.ui-employee-work-kpis>article.is-accent{border-color:#d7d1f1;background:#fcfbff} .ui-employee-work-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.6fr);gap:var(--ui-space-5);align-items:start;margin-bottom:var(--ui-space-5)}.ui-employee-work-main,.ui-employee-work-aside{display:grid;gap:var(--ui-space-5);min-width:0}.ui-employee-work-main>.ui-panel,.ui-employee-work-aside>.ui-panel{margin:0;min-width:0} .ui-work-focus-list{display:grid;gap:8px}.ui-work-focus-card{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-soft);color:inherit;text-decoration:none;transition:.16s ease}.ui-work-focus-card:hover{transform:translateY(-1px);border-color:#c7d2db;background:#fff}.ui-work-focus-card.is-overdue{border-color:#efcdd2;background:#fffafb}.ui-work-focus-card__state{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.ui-work-focus-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.ui-work-focus-card__head b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-work-focus-card__main>p{margin:3px 0;color:var(--ui-text-muted);font-size:8px}.ui-work-focus-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#6e7d88;font-size:8px}.ui-work-focus-card__arrow{color:#9ba5ad;text-align:center} .ui-work-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ui-work-project-card{display:grid;gap:10px;padding:14px;border:1px solid var(--ui-border);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.ui-work-project-card:hover{border-color:#c7d2db;box-shadow:0 8px 20px rgba(35,48,58,.05)}.ui-work-project-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ui-work-project-card__top small{font-size:8px!important;color:#748696;font-weight:800}.ui-work-project-card__top h4{margin:1px 0 0;font-size:12px}.ui-work-project-card>p{margin:0;font-size:8px;color:var(--ui-text-muted)}.ui-work-project-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ui-work-project-card__stats>span{padding:7px;border-radius:9px;background:var(--ui-surface-soft);text-align:center}.ui-work-project-card__stats b,.ui-work-project-card__stats small{display:block}.ui-work-project-card__stats b{font-size:11px}.ui-work-project-card__stats small{font-size:7px!important;color:var(--ui-text-muted)}.ui-work-project-card footer{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--ui-text-muted)}.ui-work-project-card footer b{color:var(--ui-text-strong)} .ui-work-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-work-review-grid>a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid #ebdaa9;border-radius:11px;background:#fffaf0;color:inherit;text-decoration:none}.ui-work-review-grid>a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff0c9;color:#967000}.ui-work-review-grid b,.ui-work-review-grid small{display:block}.ui-work-review-grid b{font-size:9px}.ui-work-review-grid small{margin-top:2px;font-size:8px!important;color:var(--ui-text-muted)}.ui-work-review-grid strong{font-size:8px;color:#8b6707} .ui-workflow-mini{display:grid;gap:9px}.ui-workflow-mini>div{display:grid;grid-template-columns:26px 68px minmax(0,1fr) 24px;align-items:center;gap:6px}.ui-workflow-mini>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-size:8px}.ui-workflow-mini b{font-size:8px}.ui-workflow-mini i{display:block;height:6px;border-radius:99px;background:#edf1f3;overflow:hidden}.ui-workflow-mini i em{display:block;height:100%;border-radius:inherit;background:#8092a0}.ui-workflow-mini strong{font-size:9px;text-align:end}.ui-work-effort{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ui-border)}.ui-work-effort>div{padding:9px;border-radius:10px;background:var(--ui-surface-soft);text-align:center}.ui-work-effort small,.ui-work-effort strong{display:block}.ui-work-effort small{font-size:7px!important;color:var(--ui-text-muted)}.ui-work-effort strong{margin-top:2px;font-size:11px} .ui-work-due-list{display:grid;gap:6px}.ui-work-due-list>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--ui-border);border-radius:10px;color:inherit;text-decoration:none}.ui-work-due-list>a.is-overdue{border-color:#efcfd3;background:#fffafb}.ui-work-due-list b,.ui-work-due-list small{display:block}.ui-work-due-list b{font-size:8px}.ui-work-due-list small{margin-top:1px;font-size:7px!important;color:var(--ui-text-muted)}.ui-work-due-list time{font-size:8px;direction:ltr;color:#687985}.ui-work-due-list>a.is-overdue time{color:var(--ui-danger);font-weight:800} .ui-work-shortcuts{display:grid;gap:7px}.ui-work-shortcuts>a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:9px;border:1px solid var(--ui-border);border-radius:10px;color:inherit;text-decoration:none;background:var(--ui-surface-soft)}.ui-work-shortcuts>a>i,.ui-work-shortcuts>a>.ui-icon-fallback{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#586b79}.ui-work-shortcuts b,.ui-work-shortcuts small{display:block}.ui-work-shortcuts b{font-size:9px}.ui-work-shortcuts small{font-size:7px!important;color:var(--ui-text-muted)} .ui-work-activity-panel{margin-bottom:var(--ui-space-5)} @media(max-width:1280px){.ui-employee-work-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-delivery-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1020px){.ui-delivery-intake-grid,.ui-employee-work-layout{grid-template-columns:1fr}.ui-work-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-employee-work-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-employee-work-aside>.ui-panel:first-child{grid-column:1/-1}.ui-project-commercial-origin{grid-template-columns:42px minmax(0,1fr)}.ui-project-commercial-origin>.ui-status-pill{grid-column:2}.deal-delivery-question{grid-template-columns:1fr}} @media(max-width:760px){.ui-employee-work-hero{align-items:flex-start;flex-direction:column;padding:18px}.ui-employee-work-hero__actions{width:100%}.ui-employee-work-hero__actions .btn{flex:1;justify-content:center}.ui-employee-work-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-work-project-grid,.ui-work-review-grid,.ui-employee-work-aside{grid-template-columns:1fr}.ui-employee-work-aside>.ui-panel:first-child{grid-column:auto}.deal-delivery-flow{grid-template-columns:1fr}.deal-delivery-flow>i{transform:rotate(-90deg)}.deal-delivery-wait,.deal-delivery-accepted{grid-template-columns:40px minmax(0,1fr)}.deal-delivery-wait>.btn,.deal-delivery-accepted>.btn{grid-column:1/-1;width:100%}.ui-project-commercial-origin{grid-template-columns:38px minmax(0,1fr)}.ui-delivery-card__facts{grid-template-columns:1fr 1fr}} @media(max-width:520px){.ui-employee-work-kpis{grid-template-columns:1fr 1fr;gap:8px}.ui-employee-work-kpis>article{min-height:84px;padding:10px}.ui-work-focus-card{grid-template-columns:32px minmax(0,1fr)}.ui-work-focus-card__arrow{display:none}.ui-work-focus-card__head{align-items:flex-start;flex-direction:column}.ui-work-project-card__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-delivery-card__facts{grid-template-columns:1fr}.ui-delivery-card__actions .btn{width:100%;justify-content:center}.ui-project-commercial-origin{padding:11px}.ui-project-commercial-origin>.ui-status-pill{grid-column:1/-1;justify-self:start}} /* ===== Employee identity edit alignment v1.0 ===== */ .employee-edit-identity-hero{margin-bottom:18px} .employee-edit-identity-meta{margin-top:12px} .employee-edit-identity-form .employee-create-main>.card{margin-bottom:0} .employee-edit-membership-strip{margin:0 20px 20px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafbfc;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.8fr) auto;gap:14px;align-items:center} .employee-edit-membership-strip>div:first-child b,.employee-edit-membership-strip>div:first-child small{display:block}.employee-edit-membership-strip>div:first-child b{font-size:10px}.employee-edit-membership-strip>div:first-child small{font-size:8px;color:var(--muted);margin-top:3px}.employee-edit-membership-strip .ui-chip-list{margin:0;min-width:0}.employee-edit-membership-strip .status-chip{white-space:normal;line-height:1.45} .employee-edit-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.employee-edit-support-grid>.card{margin:0}.employee-edit-side-form{opacity:.62}.employee-edit-side-form .file-drop{cursor:default}.employee-edit-identity-form .employee-create-side .employee-photo-card{padding:18px} @media(max-width:1120px){.employee-edit-membership-strip{grid-template-columns:1fr auto}.employee-edit-membership-strip>div:first-child{grid-column:1/-1}.employee-edit-support-grid{grid-template-columns:1fr 1fr}} @media(max-width:720px){.employee-edit-membership-strip{grid-template-columns:1fr;margin-inline:15px}.employee-edit-membership-strip .btn{width:100%}.employee-edit-support-grid{grid-template-columns:1fr}.employee-edit-identity-hero .employee-create-hero-note{width:100%}} /* Project task execution command center */ .ui-task-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;padding:20px 22px;border:1px solid var(--ui-border);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff 72%,#fff5f6 100%);box-shadow:var(--ui-shadow-1)} .ui-task-detail-hero__content{min-width:0}.ui-task-detail-hero__crumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px;color:var(--ui-text-muted);font-size:9px}.ui-task-detail-hero__crumbs a{font-weight:800}.ui-task-detail-hero__crumbs a:hover{color:var(--red)}.ui-task-detail-hero__title{display:flex;align-items:flex-start;gap:12px}.ui-task-detail-hero__icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#fdebed;color:var(--red);font-size:16px}.ui-task-detail-hero h2{margin:2px 0 7px;font-size:24px;line-height:1.45;color:var(--ui-text)}.ui-task-detail-badges{display:flex;gap:6px;flex-wrap:wrap}.ui-task-detail-hero__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .ui-task-alert{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:11px 13px;border-radius:13px;border:1px solid var(--ui-border);background:#fff}.ui-task-alert>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;flex:0 0 auto}.ui-task-alert b{display:block;font-size:10px}.ui-task-alert p{margin:2px 0 0;font-size:8px;line-height:1.7}.ui-task-alert--danger{border-color:#efcdd2;background:#fffafb}.ui-task-alert--danger>span{background:#fdebed;color:#b92333}.ui-task-alert--warning{border-color:#eeddb8;background:#fffdf8}.ui-task-alert--warning>span{background:#fff2d8;color:#a96f0b} .ui-task-detail-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.ui-task-detail-kpis>article{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow-1)}.ui-task-detail-kpis>article>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--ui-surface-soft);color:#657582}.ui-task-detail-kpis small,.ui-task-detail-kpis strong{display:block}.ui-task-detail-kpis small{font-size:8px;color:var(--ui-text-muted)}.ui-task-detail-kpis strong{margin-top:2px;font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis} .ui-task-workflow-panel{margin-bottom:12px;padding:13px 15px;border:1px solid var(--ui-border);border-radius:15px;background:#fff}.ui-task-workflow-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.ui-task-workflow-panel__head>div{display:flex;align-items:center;gap:9px}.ui-task-workflow-panel__head h3{margin:0;font-size:12px}.ui-task-workflow-panel__head p{margin:2px 0 0;color:var(--ui-text-muted);font-size:8px}.ui-task-workflow-track{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:6px;overflow:auto;padding-bottom:2px}.ui-task-workflow-step{position:relative;display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft);color:#8a969f;white-space:nowrap}.ui-task-workflow-step>span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#fff}.ui-task-workflow-step b{font-size:8px}.ui-task-workflow-step.is-past{border-color:#cce7dc;background:#f3fbf7;color:#187f59}.ui-task-workflow-step.is-current{border-color:#efc7cd;background:#fff7f8;color:var(--red);box-shadow:inset 0 0 0 1px rgba(215,25,45,.05)} .ui-task-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.62fr);gap:12px;align-items:start}.ui-task-detail-main,.ui-task-detail-side{min-width:0}.ui-task-detail-main>.ui-panel,.ui-task-detail-side>.ui-panel{margin-bottom:12px}.ui-task-detail-side{position:sticky;top:88px} .ui-task-brief__description{min-height:96px;padding:14px 15px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-soft);font-size:11px;line-height:1.9;color:#40505b}.ui-task-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.ui-task-context-grid>div{min-width:0;padding:9px 10px;border:1px solid var(--ui-border);border-radius:11px;background:#fff}.ui-task-context-grid small,.ui-task-context-grid strong,.ui-task-context-grid a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-task-context-grid small{font-size:7px;color:var(--ui-text-muted);margin-bottom:2px}.ui-task-context-grid strong,.ui-task-context-grid a{font-size:9px;font-weight:800}.ui-task-context-grid a:hover{color:var(--red)} .ui-task-relations-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ui-task-relations-grid>div{min-width:0;padding:11px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-soft)}.ui-task-relations-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ui-task-relations-title b{font-size:9px}.ui-task-relations-title span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:#fff;border:1px solid var(--ui-border);font-size:8px;font-weight:900}.ui-task-relation-list{display:grid;gap:6px}.ui-task-relation-list>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--ui-border);border-radius:9px;background:#fff}.ui-task-relation-list>a:hover{border-color:#cad4dc}.ui-task-relation-list b,.ui-task-relation-list small{display:block}.ui-task-relation-list b{font-size:8px}.ui-task-relation-list small{margin-top:1px;color:var(--ui-text-muted);font-size:7px}.ui-task-mini-empty{min-height:68px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ui-text-muted);font-size:8px;text-align:center} .ui-task-execution-center{border-top:3px solid var(--red)}.ui-task-execution-state{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:10px;border-radius:12px;background:var(--ui-surface-soft)}.ui-task-execution-state__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--red)}.ui-task-execution-state small,.ui-task-execution-state strong{display:block}.ui-task-execution-state small{font-size:7px;color:var(--ui-text-muted)}.ui-task-execution-state strong{font-size:11px}.ui-task-execution-center>.btn+.btn{margin-top:7px}.ui-task-guidance{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;padding:9px 10px;border-radius:10px;background:#fff7e8;color:#856013;font-size:8px;line-height:1.7}.ui-task-guidance--success{background:#eff9f4;color:#17724f}.ui-task-effort{margin-top:11px;padding-top:10px;border-top:1px solid var(--ui-border)}.ui-task-effort>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:8px}.ui-task-effort .ui-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),#f05a6a)}.ui-task-effort small{display:block;margin-top:5px;color:var(--ui-text-muted);font-size:7px} .ui-task-people{display:grid;gap:8px}.ui-task-person{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ui-border)}.ui-task-person:last-child{border-bottom:0}.ui-task-person .avatar{width:34px;height:34px;font-size:10px;overflow:hidden}.ui-task-person .avatar img{width:100%;height:100%;object-fit:cover}.ui-task-person small,.ui-task-person b,.ui-task-person span{display:block}.ui-task-person small{font-size:7px;color:var(--ui-text-muted)}.ui-task-person b{font-size:9px}.ui-task-person span{font-size:7px;color:#7b8790}.ui-task-meta-list{margin:0}.ui-task-meta-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ui-border)}.ui-task-meta-list>div:last-child{border-bottom:0}.ui-task-meta-list dt{font-size:8px;color:var(--ui-text-muted)}.ui-task-meta-list dd{margin:0;font-size:8px;font-weight:800;text-align:left} .ui-task-comments{display:grid;gap:8px}.ui-task-comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px 11px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft)}.ui-task-comment>.avatar{width:34px;height:34px;font-size:10px;overflow:hidden}.ui-task-comment>.avatar img{width:100%;height:100%;object-fit:cover}.ui-task-comment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ui-task-comment header b{font-size:9px}.ui-task-comment header time{font-size:7px;color:var(--ui-text-muted);white-space:nowrap}.ui-task-comment p{margin:4px 0 0;font-size:9px;line-height:1.8;color:#53616c}.ui-task-comment-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--ui-border)}.ui-task-comment-form>div{display:flex;justify-content:flex-end;margin-top:7px} .ui-task-history-panel{margin-top:12px}.ui-task-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-task-timeline>article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px 11px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft)}.ui-task-timeline__dot{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#647684}.ui-task-timeline header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-task-timeline header b{font-size:9px}.ui-task-timeline header time{font-size:7px;color:var(--ui-text-muted);white-space:nowrap}.ui-task-timeline p,.ui-task-timeline small{display:block;margin:2px 0 0;font-size:7px;color:#6f7c86}.ui-task-modal-hint{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 10px;border-radius:10px;background:var(--ui-surface-soft);color:var(--ui-text-muted);font-size:8px;line-height:1.65} @media(max-width:1180px){.ui-task-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-task-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-task-detail-layout{grid-template-columns:minmax(0,1fr) 280px}} @media(max-width:900px){.ui-task-detail-hero{flex-direction:column}.ui-task-detail-hero__actions{width:100%}.ui-task-detail-layout{grid-template-columns:1fr}.ui-task-detail-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ui-task-detail-side>.ui-panel{margin:0}.ui-task-execution-center{grid-row:span 2}.ui-task-timeline{grid-template-columns:1fr}} @media(max-width:680px){.ui-task-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-task-detail-kpis>article:last-child{grid-column:1/-1}.ui-task-relations-grid,.ui-task-detail-side{grid-template-columns:1fr}.ui-task-execution-center{grid-row:auto}.ui-task-detail-hero__actions .btn{flex:1}.ui-task-workflow-track{grid-template-columns:repeat(6,minmax(105px,1fr))}.ui-task-context-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.ui-task-detail-hero{padding:15px}.ui-task-detail-hero__title{gap:9px}.ui-task-detail-hero__icon{width:38px;height:38px}.ui-task-detail-hero h2{font-size:18px}.ui-task-detail-kpis{grid-template-columns:1fr}.ui-task-detail-kpis>article:last-child{grid-column:auto}.ui-task-context-grid{grid-template-columns:1fr}.ui-task-detail-hero__actions{display:grid;grid-template-columns:1fr}.ui-task-comment header,.ui-task-timeline header{align-items:flex-start;flex-direction:column;gap:2px}} /* ====================================================================== HUB Product UX 1.2 — record workspaces, section switcher and responsive data Shared by Employee 360, Project 360, Lead 360 and Deal 360. ====================================================================== */ .ui-sr-live{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .ui-record-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:linear-gradient(135deg,#fff 0%,#fbfcfd 68%,#fff5f6 100%);box-shadow:var(--ui-shadow-1)} .ui-record-hero__main{min-width:0;display:grid;gap:8px;flex:1} .ui-record-hero__back{display:inline-flex;align-items:center;gap:6px;width:max-content;color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:800} .ui-record-hero__back:hover{color:var(--ui-brand)} .ui-record-hero__eyebrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--ui-brand);font-size:var(--ui-font-xs);font-weight:900} .ui-record-hero__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0} .ui-record-hero__title-row h1,.ui-record-hero__title-row h2{margin:0;color:var(--ui-text-strong);font-size:clamp(1.45rem,2vw,2rem);line-height:1.3;overflow-wrap:anywhere} .ui-record-hero__description{margin:0;max-width:860px;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.8} .ui-record-hero__meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;color:var(--ui-text-muted);font-size:var(--ui-font-xs)} .ui-record-hero__meta>span{display:inline-flex;align-items:center;gap:5px;min-width:0} .ui-record-hero__meta b{color:#45535f} .ui-record-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:520px} .ui-record-hero__signal{min-width:190px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:#fff} .ui-record-hero__signal small,.ui-record-hero__signal strong,.ui-record-hero__signal span{display:block}.ui-record-hero__signal small{color:var(--ui-text-muted);font-size:10px}.ui-record-hero__signal strong{margin:2px 0;color:var(--ui-text-strong);font-size:1.35rem}.ui-record-hero__signal span{color:#71808c;font-size:10px;line-height:1.6} .ui-section-switcher{position:sticky;top:calc(var(--ui-topbar-h) + 8px);z-index:14;display:flex;align-items:center;gap:6px;min-width:0;margin:0 0 16px;padding:6px;border:1px solid var(--ui-border);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(23,33,43,.07);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:thin} .ui-section-switcher button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:0;border-radius:10px;background:transparent;color:#667581;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease} .ui-section-switcher button:hover{background:var(--ui-surface-soft);color:var(--ui-text-strong)} .ui-section-switcher button.is-active{background:var(--ui-text-strong);color:#fff;box-shadow:0 5px 15px rgba(23,33,43,.12)} .ui-section-switcher button:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-brand) 22%,transparent);outline-offset:2px} [data-ui-tab-panel][hidden]{display:none!important} .ui-tab-panel-stack{display:grid;gap:16px;min-width:0}.ui-tab-panel-stack>.ui-panel,.ui-tab-panel-stack>.card{margin-bottom:0} .ui-tab-panel-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.ui-tab-panel-intro h2,.ui-tab-panel-intro h3{margin:0}.ui-tab-panel-intro p{margin:3px 0 0;color:var(--ui-text-muted);font-size:var(--ui-font-xs)} /* Unified empty states. Existing .empty-state remains supported. */ .ui-empty-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:150px;padding:24px;border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-soft);text-align:center;color:var(--ui-text-muted)} .ui-empty-state>i,.ui-empty-state>.ui-icon-fallback,.empty-state>.empty-icon{font-size:24px;color:#87949f}.ui-empty-state strong,.empty-state strong{color:var(--ui-text-strong);font-size:var(--ui-font-sm)}.ui-empty-state p,.ui-empty-state span,.empty-state p,.empty-state span{max-width:520px;margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-xs);line-height:1.7}.ui-empty-state.compact,.empty-state.compact{min-height:105px;padding:17px} /* Shared form rhythm for dense operational screens. */ .ui-panel form.form-grid,.card form.form-grid,.simple-form-grid{gap:14px} .ui-panel form.form-grid>label,.card form.form-grid>label,.simple-form-grid>label{min-width:0} .field-help,label>small{color:var(--ui-text-muted);font-size:10px;line-height:1.55} .form-actions,.ui-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .ui-form-actions--sticky{position:sticky;bottom:10px;z-index:4;padding:9px 10px;border:1px solid var(--ui-border);border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(23,33,43,.08);backdrop-filter:blur(8px)} /* Shared table shell + opt-in mobile card layout. */ .ui-table-wrap{border:1px solid var(--ui-border);border-radius:13px;background:#fff;overflow:auto} .ui-table-wrap table{margin:0}.ui-table-wrap thead th{position:sticky;top:0;z-index:2;background:#f8fafb}.ui-table-wrap tbody tr:last-child td{border-bottom:0} .ui-table-wrap tbody tr:hover{background:#fbfcfd} /* Employee 360 */ .employee360-hero .ui-record-hero__actions{align-self:center}.employee360-summary{margin-bottom:14px}.employee360-summary .ui-fact-card{min-height:116px} .employee360-workspace{min-width:0}.employee360-workspace [data-ui-tab-panel]{scroll-margin-top:140px} .employee360-workspace .ui-workspace{margin-bottom:0}.employee360-workspace .ui-panel{scroll-margin-top:140px} .employee360-workspace .ui-panel+.ui-panel{margin-top:0} .employee360-compact-banner{display:flex;align-items:center;gap:10px;padding:11px 13px;margin-bottom:14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft);color:#566672;font-size:11px}.employee360-compact-banner>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--ui-brand)} /* Lead 360 */ .lead360-hero{margin-bottom:12px}.lead360-hero .ui-record-hero__actions{align-self:center}.lead360-quick-actions{display:flex;gap:7px;flex-wrap:wrap}.lead360-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.55fr);gap:16px;align-items:start}.lead360-main{min-width:0}.lead360-side{min-width:0;position:sticky;top:138px}.lead360-side>.card{margin-bottom:12px}.lead360-main [data-ui-tab-panel]>.card,.lead360-main>.card[data-ui-tab-panel]{margin-bottom:0}.lead360-main [data-ui-tab-panel]+[data-ui-tab-panel]{margin-top:0} .lead360-context-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.lead360-context-strip .crm-intelligence-card{min-height:104px;margin:0} .lead360-overview-grid{display:grid;grid-template-columns:1fr;gap:14px} /* Deal 360 */ .deal360-hero.deal360-hero--v2{display:flex;align-items:stretch;background:linear-gradient(135deg,#fff,#fbfcfd 68%,#fff6f7);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-1)} .deal360-hero--v2 .deal360-main{display:grid;gap:7px}.deal360-hero--v2 .deal360-title{margin:0}.deal360-hero--v2 .deal360-title h1{font-size:clamp(1.45rem,2vw,2rem)}.deal360-hero--v2 .deal360-insight{margin-top:4px}.deal360-hero--v2 .deal360-value{min-width:225px;border:1px solid var(--ui-border);background:#fff;border-radius:15px;align-self:center} .deal360-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.55fr);gap:16px;align-items:start}.deal360-workspace>main{min-width:0}.deal360-workspace>aside{min-width:0;position:sticky;top:138px}.deal360-workspace>aside>.card{margin-bottom:12px}.deal360-workspace main [data-ui-tab-panel]>.card,.deal360-workspace main>.card[data-ui-tab-panel]{margin-bottom:0}.deal360-commercial-stack,.deal360-delivery-stack,.deal360-history-stack{display:grid;gap:14px} /* Project 360 */ .project360-switcher{margin-top:-2px}.project360-panel{display:grid;gap:16px;min-width:0}.project360-execution-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.52fr);gap:16px;align-items:start}.project360-execution-grid>.ui-panel{margin:0;min-width:0}.project360-team-grid,.project360-roadmap-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.project360-panel>.ui-panel{margin-bottom:0}.project360-panel .ui-project-activity-panel{margin-top:0} @media(max-width:1180px){.lead360-context-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.lead360-workspace,.deal360-workspace{grid-template-columns:minmax(0,1fr) 290px}.project360-execution-grid{grid-template-columns:1fr}.project360-execution-grid>.ui-project-pulse{position:static}} @media(max-width:900px){.ui-record-hero{flex-direction:column;padding:20px}.ui-record-hero__actions{width:100%;max-width:none;justify-content:flex-start}.ui-record-hero__signal{min-width:0;flex:1}.ui-section-switcher{top:calc(var(--ui-topbar-h) + 4px);margin-inline:-4px}.lead360-workspace,.deal360-workspace{grid-template-columns:1fr}.lead360-side,.deal360-workspace>aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lead360-side>.card,.deal360-workspace>aside>.card{margin:0}} @media(max-width:700px){ .ui-record-hero{padding:17px}.ui-record-hero__meta{display:grid;grid-template-columns:1fr 1fr;width:100%}.ui-record-hero__actions{display:grid;grid-template-columns:1fr 1fr}.ui-record-hero__actions .btn{width:100%} .ui-section-switcher{padding:5px;border-radius:12px}.ui-section-switcher button{min-height:36px;padding:7px 11px;font-size:10px} .lead360-context-strip{grid-template-columns:1fr}.lead360-side,.deal360-workspace>aside{grid-template-columns:1fr} .ui-responsive-table{min-width:0!important}.ui-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui-responsive-table tbody{display:grid;gap:10px;padding:10px}.ui-responsive-table tbody tr{display:grid;border:1px solid var(--ui-border);border-radius:12px;background:#fff;overflow:hidden}.ui-responsive-table tbody td{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);gap:10px;align-items:start;padding:9px 11px;border-bottom:1px solid var(--ui-border);white-space:normal;text-align:start;overflow-wrap:anywhere}.ui-responsive-table tbody td:last-child{border-bottom:0}.ui-responsive-table tbody td::before{content:attr(data-label);color:var(--ui-text-muted);font-size:9px;font-weight:850}.ui-responsive-table tbody td.ui-responsive-table__full{display:block;text-align:center}.ui-responsive-table tbody td.ui-responsive-table__full::before{content:none}.ui-responsive-table tbody td .btn{width:100%} } @media(max-width:480px){.ui-record-hero__meta,.ui-record-hero__actions{grid-template-columns:1fr}.ui-record-hero__signal{width:100%}.ui-section-switcher{top:68px}.lead360-quick-actions{display:grid;grid-template-columns:1fr;width:100%}.lead360-quick-actions .btn{width:100%}.ui-responsive-table tbody td{grid-template-columns:1fr;gap:3px}} /* Project command actions */ .ui-action-menu{position:relative}.ui-action-menu>summary{list-style:none}.ui-action-menu>summary::-webkit-details-marker{display:none}.ui-action-menu[open]>summary{background:var(--ui-text-strong);color:#fff}.ui-action-menu__panel{position:absolute;inset-inline-end:0;top:calc(100% + 7px);z-index:30;width:min(320px,calc(100vw - 28px));display:grid;gap:4px;padding:7px;border:1px solid var(--ui-border);border-radius:13px;background:#fff;box-shadow:var(--ui-shadow-3,0 18px 45px rgba(23,33,43,.16))}.ui-action-menu__panel button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ui-text-strong);text-align:start;cursor:pointer}.ui-action-menu__panel button:hover{background:var(--ui-surface-soft)}.ui-action-menu__panel button>i,.ui-action-menu__panel button>.ui-icon-fallback{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f3f5f7;color:#657581}.ui-action-menu__panel button span{min-width:0}.ui-action-menu__panel button b,.ui-action-menu__panel button small{display:block}.ui-action-menu__panel button b{font-size:10px}.ui-action-menu__panel button small{margin-top:2px;color:var(--ui-text-muted);font-size:8px;line-height:1.5}.project360-secondary{display:contents} @media(max-width:700px){.ui-action-menu{width:100%}.ui-action-menu>summary{width:100%;justify-content:center}.ui-action-menu__panel{position:fixed;inset-inline:14px;top:auto;bottom:14px;width:auto;max-height:70vh;overflow:auto}.ui-project-detail-hero__actions{grid-template-columns:1fr 1fr}.ui-project-detail-hero__actions .ui-action-menu{width:auto}} @media(max-width:480px){.ui-project-detail-hero__actions{grid-template-columns:1fr}.ui-project-detail-hero__actions .ui-action-menu{width:100%}} /* Service Catalog Management v1.4.3 */ .service-catalog-table{min-width:900px}.service-catalog-description{margin:0;max-width:460px;color:#65727d;font-size:8px;line-height:1.7;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-inline-form{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.7fr) auto}.masterdata-inline-form textarea{margin-top:4px;padding:7px 8px;font-size:8px;resize:vertical;min-height:70px}.service-inline-form .inline-actions{align-self:end}@media(max-width:960px){.service-inline-form{grid-template-columns:1fr 1.5fr}.service-inline-form .inline-actions{grid-column:1/-1}}@media(max-width:720px){.service-catalog-table{min-width:760px}}@media(max-width:520px){.service-inline-form{grid-template-columns:1fr}.service-inline-form .inline-actions{grid-column:auto}} /* FadiTec Sales Academy v1.6.0 */ .academy-course-header-v4{background:linear-gradient(135deg,#fff 0%,#fbfcfd 56%,#fff5f6 100%);align-items:stretch}.academy-course-header-side{min-width:250px;display:flex;flex-direction:column;gap:12px;justify-content:space-between}.academy-hero-progress{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.92)}.academy-hero-progress>span{display:block;color:var(--muted);font-size:9px}.academy-hero-progress>strong{display:block;font-size:28px;margin:2px 0 8px}.academy-curriculum-section{margin-top:22px}.academy-stage-list{display:grid;gap:16px}.academy-stage{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 7px 22px rgba(31,41,51,.035)}.academy-stage.is-complete{border-color:#bfe1cf}.academy-stage.is-locked{background:#fafbfc}.academy-stage-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff,#fafbfd)}.academy-stage.is-complete .academy-stage-head{background:linear-gradient(90deg,#fbfefc,#f4fbf7)}.academy-stage-number{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#202932;color:#fff;font-weight:900;font-size:15px}.academy-stage.is-complete .academy-stage-number{background:#177650}.academy-stage-title>div{display:flex;gap:8px;align-items:center}.academy-stage-title small{color:var(--muted);font-size:8px}.academy-stage-title h3{font-size:15px;margin:4px 0}.academy-stage-title p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.academy-stage-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:999px;background:#fff0f2;color:var(--red);font-size:8px;font-weight:900}.academy-stage-status{text-align:end;display:grid;gap:4px}.academy-stage-status span{color:var(--muted);font-size:8px}.academy-stage-status b{font-size:9px;color:#4c5963}.academy-stage-lessons{display:grid;gap:7px;padding:14px}.academy-stage-lessons .academy-course-lesson{box-shadow:none}.academy-checkpoint{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 14px 14px;padding:13px 14px;border:1px dashed #c8c0ed;border-radius:14px;background:#faf9ff}.academy-checkpoint.is-passed{border-color:#b9dcc9;background:#f8fdf9}.academy-checkpoint.is-locked{opacity:.72}.academy-checkpoint h4{margin:2px 0;font-size:12px}.academy-checkpoint p{margin:0;color:var(--muted);font-size:9px}.academy-checkpoint small{display:block;margin-top:5px;color:#727e87;font-size:8px}.academy-final-assessment{border-color:#e1d8aa;background:linear-gradient(135deg,#fff,#fffdf5)}.academy-course-next{margin-top:12px;padding:10px;border-radius:10px;background:#f7f8fa;color:#5d6b75;font-size:9px;line-height:1.7}.academy-lesson-kicker{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:8px;margin-bottom:10px}.academy-lesson-kicker span{padding:4px 8px;border-radius:999px;background:#f5f7f9}.academy-rich-content{font-size:12px;line-height:2;color:#2d3740}.academy-rich-content h3{margin:24px 0 8px;font-size:17px;color:#17212a}.academy-rich-content h4{margin:18px 0 6px;font-size:13px;color:#2d3943}.academy-rich-content p{margin:0 0 11px;line-height:2}.academy-rich-content ul{margin:5px 0 16px;padding-inline-start:24px}.academy-rich-content li{margin:5px 0}.academy-rich-content strong{color:#17212a}.academy-callout{margin:14px 0;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:#f8fafb}.academy-callout b{display:block;margin-bottom:3px;font-size:10px}.academy-callout p{margin:0!important;font-size:10px}.academy-callout-note{border-inline-start:4px solid #687884}.academy-callout-warning{background:#fff9ee;border-color:#efdbae;border-inline-start:4px solid #c58a1c}.academy-callout-success{background:#f3fbf6;border-color:#c8e5d4;border-inline-start:4px solid #19805a}.academy-stage-editor-grid,.academy-assessment-editor-list{display:grid;gap:10px}.academy-section-edit>summary{background:#fbfcfd}.academy-assessment-editor{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;margin-bottom:14px}.academy-assessment-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.academy-assessment-editor h4{margin:5px 0 2px;font-size:13px}.academy-assessment-editor small{color:var(--muted);font-size:8px}.academy-assessment-editor .academy-quiz-settings{box-shadow:none;margin:0 0 10px;background:#fbfcfd}.academy-editor-section code{direction:ltr;display:inline-block;padding:1px 4px;border-radius:5px;background:#edf1f4;color:#45515a}.academy-editor-hero-v4{background:linear-gradient(135deg,#202932,#2d3944);color:#fff}.academy-editor-hero-v4 h2,.academy-editor-hero-v4 .eyebrow{color:#fff}.academy-editor-hero-v4 p{color:#d4dbe0}.academy-editor-hero-v4 .btn-ghost{background:#fff;color:#27313a} @media(max-width:900px){.academy-course-header-side{min-width:0;width:100%}.academy-stage-head{grid-template-columns:48px 1fr}.academy-stage-status{grid-column:2;text-align:start;display:flex;gap:9px;align-items:center}.academy-checkpoint{grid-template-columns:44px 1fr}.academy-checkpoint>.btn,.academy-checkpoint>.status{grid-column:2;width:max-content}} @media(max-width:620px){.academy-stage-head{padding:14px}.academy-stage-number{width:44px;height:44px}.academy-stage-lessons{padding:10px}.academy-checkpoint{margin:0 10px 10px}.academy-rich-content{font-size:11px}.academy-course-header-side{gap:8px}} /* ====================================================================== FadiTec Typography Standard 2.4 — HUB 1.6.1 One readable Arabic-first scale across operational screens. 12px is the minimum for user-facing metadata; icon glyph sizing is intentionally excluded and remains controlled by component geometry. ====================================================================== */ :root{ --ui-font-xs:.75rem; /* 12px — caption / badge / metadata */ --ui-font-sm:.875rem; /* 14px — secondary copy / controls / table cells */ --ui-font-md:.9375rem; /* 15px — primary body copy */ --ui-font-lg:1.0625rem; /* 17px — card / local heading */ --ui-font-xl:1.25rem; /* 20px — section heading */ --ui-font-2xl:1.625rem; /* 26px — page heading */ --ui-font-3xl:2rem; /* 32px — major hero heading */ --ui-font-display:2.5rem; /* 40px — exceptional KPI / score only */ } html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{font-size:var(--ui-font-md);line-height:1.7} .content-area,.guest-body{font-size:var(--ui-font-md)} .content-area p,.guest-body p{line-height:1.75} /* Global readable floor for secondary text. */ .content-area small, .guest-body small, .sidebar small, .topbar small, .app-toast small, .notification-dropdown small, .ui-modal small{font-size:var(--ui-font-xs)!important;line-height:1.55} /* Shell and navigation hierarchy. */ .brand strong{font-size:var(--ui-font-md)!important} .brand small,.nav-label,.sidebar-foot,.sidebar-foot small{font-size:var(--ui-font-xs)!important} .sidebar nav a .nav-copy b{font-size:var(--ui-font-sm)!important} .sidebar nav a .nav-copy small,.sidebar-nav-group>summary .nav-copy small,.sidebar nav .sidebar-subnav a>span:last-child{font-size:var(--ui-font-xs)!important} .page-head h1{font-size:var(--ui-font-xl)!important;line-height:1.35} .topbar-context,.user-chip small{font-size:var(--ui-font-xs)!important} .user-chip b{font-size:var(--ui-font-sm)!important} .global-search-trigger b,.search-empty span{font-size:var(--ui-font-sm)!important} .search-hint,.search-result-main small,.search-result-meta,.search-group-label{font-size:var(--ui-font-xs)!important} .global-search-trigger kbd,.search-hint kbd{font-size:var(--ui-font-xs)!important} /* Page, section and card titles. */ .ui-page-hero h2,.page-title h2,.crm-page-head h2,.detail-head h2, .ui-record-hero h2,.ui-project-detail-hero h2,.ui-task-detail-hero h2, .ui-employee-work-hero h2,.employee-identity h2,.lead360-identity h2,.deal360-hero h2, .academy-hero h2,.academy-dashboard-copy h2,.academy-course-header h2{ font-size:var(--ui-font-2xl)!important;line-height:1.4 } .dashboard-command h2{font-size:clamp(1.625rem,2.2vw,2rem)!important;line-height:1.4} .section-title h3,.ui-panel>h3,.card>h3,.academy-section-head h3,.crm-health-strip-head h3{ font-size:var(--ui-font-xl)!important;line-height:1.4 } .content-area h4{line-height:1.45} .section-kicker,.eyebrow,.academy-kicker{font-size:var(--ui-font-xs)!important} .ui-page-hero p,.page-title p,.crm-page-head p,.section-title p,.dashboard-command p{font-size:var(--ui-font-sm)!important} /* Forms and interactive controls. */ label,.ui-modal-body>label,.ui-form-grid label,.compact-form label,.task-filters label{font-size:var(--ui-font-sm)!important} input,select,textarea,.ui-inline-form input,.ui-inline-form select,.ui-data-table td select,.ui-data-table td input[type="time"],.ui-data-table td input[type="number"]{font-size:var(--ui-font-sm)!important} .btn{font-size:var(--ui-font-sm)!important} .btn-sm{font-size:var(--ui-font-xs)!important} .field-help,label>small,.required-note,.settings-note,.security-note{font-size:var(--ui-font-xs)!important;line-height:1.65} /* Tables, statuses and metadata. */ th{font-size:var(--ui-font-xs)!important} td{font-size:var(--ui-font-sm)!important} .status,.badge,.notice-badge,.role-chip,.presence,.quality-pill,.ui-status-pill{font-size:var(--ui-font-xs)!important} .table-sub,.table-date,.followup-cell,.progress-meta,.details dt,.account-state{font-size:var(--ui-font-xs)!important} .details dd{font-size:var(--ui-font-sm)!important} .ui-responsive-table tbody td::before{font-size:var(--ui-font-xs)!important} /* Notifications, activity and compact command menus. */ .app-toast,.action-item small,.action-item time,.notification-mini-main small,.notification-mini-main em, .notification-mini time,.notification-row-top time,.notification-trigger b{font-size:var(--ui-font-xs)!important} .ui-action-menu__panel button b{font-size:var(--ui-font-sm)!important} .ui-action-menu__panel button small{font-size:var(--ui-font-xs)!important} /* CRM / leads / deals. */ .pipeline-summary-item span,.view-switcher a,.lead360-topbar>a,.lead360-owner span,.lead360-owner small, .timeline-count,.timeline-title time,.timeline-body small,.crm-deal-row small,.deal-card-main>small, .deal360-id,.deal360-value span,.deal360-value small,.installment-row>div:nth-child(2) small, .installment-money small,.finance-timeline small,.finance-timeline time,.payment-ledger-main small, .payment-ledger-amount small,.finance-month-list span,.finance-month-list small,.rule-list small{ font-size:var(--ui-font-xs)!important } .lead-card-top a,.timeline-title b,.crm-deal-row b,.crm-deal-row strong,.deal-finance b,.deal-finance strong, .payment-ledger-main>a,.finance-timeline b{font-size:var(--ui-font-sm)!important} .lead-kanban-card p,.lead-card-meta,.lead-card-followup,.kanban-empty,.timeline-body p,.lead-info-list dt, .lead-info-list dd,.lead-notes b,.lead-notes p,.ownership-history>b,.ownership-history span,.ownership-history small, .quality-checklist>div>span,.quality-checklist b,.quality-checklist small,.lost-reason-note b,.lost-reason-note p, .deal-finance span{font-size:var(--ui-font-xs)!important;line-height:1.6} /* Employee / HR / account surfaces. */ .employee-cell small,.employee-cell em,.employee-photo-card>p,.file-drop small,.account-activity-grid span, .account-activity-grid small,.employee-360-target>span,.employee-360-target>small,.metric-card span,.metric-card small, .score-line span,.score-line b,.activity-timeline p,.activity-timeline small,.deal-compact-row>div:first-child span, .account-security-summary dt,.account-security-summary dd,.audit-mini-list small,.health-list span,.health-list b, .hr-attention-list small,.hr-recent-list small,.hr-attention-list em,.hr-recent-list time, .employee-access-principle small,.employee-admin-access-note small,.employee-create-summary-v2 .summary-intro, .employee-edit-membership-strip>div:first-child small{font-size:var(--ui-font-xs)!important} .employee-cell b,.activity-timeline b,.deal-compact-row b,.deal-compact-row strong,.audit-mini-list b, .hr-attention-list b,.hr-recent-list b,.employee-access-principle b,.employee-admin-access-note b, .employee-edit-membership-strip>div:first-child b{font-size:var(--ui-font-sm)!important} /* Project portfolio and project command center. */ .ui-project-card__metrics small,.ui-project-card__footer,.ui-project-card__footer b,.ui-project-deadline small, .ui-project-deadline time,.ui-project-team-row__main small,.ui-project-team-row__stats small, .ui-project-activity-row p,.ui-project-activity-row small,.ui-project-activity-row time, .ui-project-detail-kpi small,.ui-project-detail-kpi span,.ui-task-card__meta,.ui-kanban-empty, .ui-project-pulse-item small,.ui-project-pulse-progress>div:first-child,.ui-project-risk-callout small, .ui-project-detail-team-row__identity small,.ui-project-detail-team-row__stats small,.ui-project-roadmap-summary small, .ui-project-roadmap-item>span,.ui-project-roadmap-item small,.ui-project-muted-note,.ui-delivery-intake-empty small, .ui-delivery-card__top>small,.ui-delivery-card__facts small,.ui-delivery-card__scope small, .ui-handoff-rule-note small,.ui-project-commercial-origin small,.ui-project-commercial-origin p{ font-size:var(--ui-font-xs)!important;line-height:1.55 } .ui-project-workflow-row b,.ui-project-activity-row b,.ui-project-pulse-item b,.ui-project-risk-callout b, .ui-project-roadmap-head b,.ui-project-roadmap-item b,.ui-delivery-card__facts b,.ui-delivery-card__note b, .ui-handoff-rule-note b,.ui-project-commercial-origin b,.ui-project-kanban-title b{ font-size:var(--ui-font-sm)!important } .ui-task-card__top .ui-status-pill{font-size:var(--ui-font-xs)!important} /* Delivery and commercial handoff. */ .deal-delivery-flow>div small,.deal-delivery-question p,.deal-delivery-wait p,.deal-delivery-accepted p, .deal-delivery-history p b,.deal-delivery-history p span,.deal-delivery-history p small, .deal-delivery-history summary{font-size:var(--ui-font-xs)!important;line-height:1.6} .deal-delivery-flow>div b,.deal-delivery-question b,.deal-delivery-wait b,.deal-delivery-accepted b{font-size:var(--ui-font-sm)!important} /* Employee work center and task detail. */ .ui-employee-work-hero p,.ui-employee-work-kpis small,.ui-employee-work-kpis p, .ui-work-focus-card__main>p,.ui-work-focus-card__meta,.ui-work-project-card__top small,.ui-work-project-card>p, .ui-work-project-card__stats small,.ui-work-project-card footer,.ui-work-review-grid small,.ui-work-review-grid strong, .ui-workflow-mini b,.ui-workflow-mini strong,.ui-work-effort small,.ui-work-due-list b,.ui-work-due-list small, .ui-work-due-list time,.ui-work-shortcuts b,.ui-work-shortcuts small,.ui-task-detail-hero__crumbs,.ui-task-alert p, .ui-task-detail-kpis small,.ui-task-workflow-panel__head p,.ui-task-workflow-step b,.ui-task-context-grid small, .ui-task-relations-title span,.ui-task-relation-list b,.ui-task-relation-list small,.ui-task-mini-empty, .ui-task-execution-state small,.ui-task-guidance,.ui-task-effort>div:first-child,.ui-task-effort small, .ui-task-person small,.ui-task-person span,.ui-task-meta-list dt,.ui-task-meta-list dd, .ui-task-comment header time,.ui-task-timeline header time,.ui-task-timeline p,.ui-task-timeline small,.ui-task-modal-hint{ font-size:var(--ui-font-xs)!important;line-height:1.6 } .ui-work-focus-card__head b,.ui-work-project-card__top h4,.ui-work-project-card__stats b,.ui-work-review-grid b, .ui-work-effort strong,.ui-task-alert b,.ui-task-detail-kpis strong,.ui-task-brief__description, .ui-task-context-grid strong,.ui-task-context-grid a,.ui-task-relations-title b,.ui-task-execution-state strong, .ui-task-person b,.ui-task-comment header b,.ui-task-comment p,.ui-task-timeline header b{ font-size:var(--ui-font-sm)!important } /* Service catalog. */ .service-catalog-description{font-size:var(--ui-font-sm)!important;line-height:1.75} .masterdata-inline-form textarea{font-size:var(--ui-font-sm)!important;line-height:1.65} /* Academy: learning content gets the roomiest reading scale. */ .academy-hero-progress>span,.academy-stage-title small,.academy-stage-badge,.academy-stage-status span, .academy-stage-status b,.academy-checkpoint small,.academy-course-next,.academy-lesson-kicker, .academy-assessment-editor small,.course-category,.course-facts,.practical-head small,.training-breadcrumb, .training-assignment-note small,.training-lesson-row small,.quiz-meta,.quiz-score-rule span,.quiz-score-rule small, .quiz-history span,.course-builder summary small,.simple-list small,.review-list small, .academy-readiness-score span,.academy-readiness-progress>div:first-child,.academy-readiness-panel small, .academy-dashboard-stats small,.academy-dashboard-stats p,.academy-count-pill,.academy-focus-copy small, .academy-plan-badge,.academy-program-card .course-category,.academy-program-facts span, .academy-program-progress>div:first-child,.academy-program-progress small,.academy-practical-head small,.academy-waiting-note{ font-size:var(--ui-font-xs)!important;line-height:1.6 } .academy-stage-title h3,.academy-course-lesson b,.academy-program-card h3{font-size:var(--ui-font-lg)!important} .academy-stage-title p,.academy-checkpoint p,.academy-program-card>p,.academy-focus-copy p,.academy-practical-card>p, .quiz-launch-card p,.lesson-practical p,.review-list p{font-size:var(--ui-font-sm)!important;line-height:1.75} .academy-checkpoint h4,.academy-practical-head b,.academy-focus-copy b,.academy-assessment-editor h4{font-size:var(--ui-font-sm)!important} .academy-rich-content{font-size:var(--ui-font-md)!important;line-height:2} .academy-rich-content h3{font-size:var(--ui-font-xl)!important} .academy-rich-content h4{font-size:var(--ui-font-lg)!important} .academy-callout b{font-size:var(--ui-font-sm)!important} .academy-callout p{font-size:var(--ui-font-sm)!important} .resource-link,.quiz-options span,.practical-card>p{font-size:var(--ui-font-sm)!important} /* Keep exceptional numeric emphasis bounded and consistent. */ .dashboard-command-signal strong,.academy-readiness-score strong{font-size:var(--ui-font-display)!important} .target-hero-number strong{font-size:var(--ui-font-3xl)!important} .ui-kpi strong,.stat-card strong,.dashboard-kpi strong,.leads-focus-card b{font-size:clamp(1.5rem,1.8vw,1.875rem)!important} @media(max-width:760px){ .ui-page-hero h2,.page-title h2,.crm-page-head h2,.detail-head h2, .ui-record-hero h2,.ui-project-detail-hero h2,.ui-task-detail-hero h2, .ui-employee-work-hero h2,.employee-identity h2,.lead360-identity h2,.deal360-hero h2, .academy-hero h2,.academy-dashboard-copy h2,.academy-course-header h2{font-size:1.45rem!important} .section-title h3,.ui-panel>h3,.card>h3,.academy-section-head h3,.crm-health-strip-head h3{font-size:1.125rem!important} .dashboard-command-signal strong,.academy-readiness-score strong{font-size:2.125rem!important} } /* FadiTec Screen Typography Floor 2.4 Exhaustive compatibility floor for historical module selectors. Print-document typography and icon glyph geometry are intentionally excluded. */ @media screen{ .academy-add-panel>summary, .academy-admin-breadcrumb, .academy-admin-list b, .academy-admin-list small, .academy-admin-stats small, .academy-assessment-meta span, .academy-complete-banner span, .academy-course-assessment .eyebrow, .academy-course-assessment p, .academy-course-assignment b, .academy-course-assignment p, .academy-course-breadcrumb, .academy-course-complete, .academy-course-lesson-copy p, .academy-course-lesson-copy small, .academy-course-meta span, .academy-course-progress small, .academy-course-progress-card .eyebrow, .academy-course-progress-card li, .academy-course-progress>div:first-child, .academy-course-rule-card b, .academy-course-rule-card p, .academy-course-tags>span:not(.course-level), .academy-edit-index, .academy-edit-item>summary b, .academy-edit-item>summary small, .academy-editor-help h4, .academy-editor-help p, .academy-editor-hero .eyebrow, .academy-editor-hero p, .academy-editor-nav a, .academy-editor-nav b, .academy-editor-summary b, .academy-editor-summary small, .academy-editor-summary span, .academy-empty-editor>p, .academy-lesson-state, .academy-manage-course .course-category, .academy-manage-course-footer small, .academy-manage-course-metrics span, .academy-manage-course>p, .academy-manage-hero .eyebrow, .academy-manage-hero p, .academy-new-course>summary b, .academy-new-course>summary small, .academy-outcomes-grid p, .academy-principles span, .academy-program-action, .academy-readiness-main p, .academy-readiness-ring span, .academy-readiness-side b, .academy-readiness-side small, .academy-readiness-side span, .academy-review-copy b, .academy-review-copy p, .academy-review-copy small, .academy-section-head .eyebrow, .academy-section-head p, .academy-step-number, .academy-toggle b, .academy-toggle small, .academy-version-note, .activity-next-step>b, .activity-next-step>p, .aging-chart b, .aging-chart span, .aging-grid span, .approval-summary b, .approval-summary p, .approval-summary small, .approval-summary span, .assignment-main small, .assignment-meta small, .bi-inline-insight, .bi-kpi small, .bi-kpi>span, .bi-pill, .bi-signal b, .bi-signal span, .business-document-foot, .checksum, .client-response-simple p, .collection-closed-summary span, .collection-event, .collection-history-count, .collection-history-filters label, .collection-history-table td small, .collection-kpis span, .comment-item>small, .competency-card>div:first-child small, .competency-control strong, .component-bars>div>span, .count-chip, .course-level, .course-progress-ring span, .create-summary-list b, .create-summary-list span, .create-summary-note b, .create-summary-note p, .crm-concept-separation b, .crm-concept-separation small, .crm-concept-separation span, .crm-duplicate-alert p, .crm-duplicate-alert strong, .crm-duplicate-links a, .crm-intelligence-card p, .crm-intelligence-card small, .crm-timeline-head time, .crm-timeline-item p, .crm-timeline-item small, .cron-grid code, .currency-name small, .dashboard-kicker, .dashboard-lead-list small, .dashboard-pipeline>div:not(:last-child):after, .deal-control-main p, .deal-control-value small, .deal-control-value span, .deal-finance small, .deal-health, .deal-lost-banner, .deal-stage-history b, .deal-stage-history small, .deal-stage-history time, .deal-stage-track span, .deal-task-mini b, .deal-task-mini small, .deal360-close-panel summary, .deal360-hero p, .deal360-insight b, .deal360-insight span, .deal360-kpis small, .deal360-kpis span, .deal360-stage-actions>b, .deal360-stage-track b, .deal360-stage-track span, .detail-code, .development-plan small, .development-recommendation small, .document-brand small, .document-main small, .document-main span, .document-meta span, .document-status-block small, .document-title-block>span, .duplicate-check-head b, .duplicate-check-head span, .duplicate-match em, .duplicate-match span b, .duplicate-match span small, .employee-360-nav>a, .employee-create-grid label, .employee-create-hero p, .employee-create-hero-note p, .employee-create-nav, .employee-create-section-head .section-step, .employee-create-section-head h3 em, .employee-create-section-head p, .employee-create-security label, .employee-create-security>small, .employee-create-upload b, .employee-create-upload input, .employee-create-upload small, .employee-currency-rule, .employee-edit-nav a, .employee-identity p, .employee-performance-card p, .employee360-compact-banner, .file-drop input, .finance-locked-card p, .finance-month-list>div>span, .finance-pulse-strip small, .font-install-btn, .font-install-state, .font-latin-name, .font-library-status span, .font-library-toolbar small, .font-option-head em, .font-option>small, .font-preview span, .font-source-link, .forecast-grid span, .form-section-head p, .fx-equation strong, .fx-missing-intro b, .fx-missing-intro p, .fx-missing-row b, .fx-missing-row small, .fx-readiness-head p, .fx-readiness-ok b, .fx-readiness-ok p, .fx-readiness-picker label, .fx-readiness-summary small, .governance-callout b, .governance-callout p, .governed-proposal-workspace .proposal-meta, .governed-proposal-workspace .proposal-response, .governed-proposal-workspace .proposal-scope, .governed-proposal-workspace .proposal-version-head small, .hr-module-hero__eyebrow, .hr-payout-document__meta small, .inline-create-panel summary, .input-with-suffix span, .installed-all, .intake-stage-pill, .invoice-issue-form label, .invoice-line p, .invoice-line-head, .invoice-meta-list span, .invoice-paper-foot, .invoice-party-grid>div:first-child>span, .invoice-payment-list small, .invoice-terms p, .invoice2-brand p, .invoice2-facts span, .invoice2-footer, .invoice2-kicker, .invoice2-line-head, .invoice2-line-item p, .invoice2-notes-grid p, .invoice2-parties span, .invoice2-payment-progress>span, .invoice2-payment-state, .invoice2-schedule-list small, .invoice2-section-title>div>span, .invoice2-totals span, .issued-invoice-summary p, .kanban-column-head b, .kanban-column-head small, .lead-card-location, .lead-card-open, .lead-info-list-v2 dd, .lead-info-list-v2 dt, .lead-intake-next-step p, .lead-owner-head>span:first-child, .lead-owner-meta span, .lead-profile-group-head b, .lead-profile-group-head small, .lead-profile-list dd, .lead-profile-list dt, .lead-profile-notes b, .lead-profile-notes p, .lead-record-id, .lead-service-name, .lead-table-identity .table-link, .lead-table-identity small, .lead-value-cell, .lead360-identity p, .lead360-layout-v2 .compact-form label, .lead360-layout-v2 .crm-deal-row b, .lead360-layout-v2 .crm-deal-row small, .lead360-layout-v2 .inline-create-panel summary, .lead360-layout-v2 .stack-form label, .lead360-layout-v2 .task-row b, .lead360-layout-v2 .task-row p, .lead360-layout-v2 .task-row small, .lead360-layout-v2 .timeline-body p, .lead360-layout-v2 .timeline-body small, .lead360-layout-v2 .timeline-count, .lead360-layout-v2 .timeline-title b, .lead360-layout-v2 .timeline-title time, .lead360-metrics-v2 .metric-card small, .lead360-metrics-v2 .metric-card>div>span, .lead360-owner-v2>small, .lead360-rate-warning, .lead360-subline span, .leads-clear-filters, .leads-directory-head p, .leads-directory-head>span, .leads-directory-table td, .leads-directory-table td:before, .leads-directory-table th, .leads-filter-notice, .leads-focus-card em, .leads-head-copy p, .leads-search-field>span, .leads-section-note, .leads-select-field>span, .learning-outcomes p, .lesson-content-v3, .lesson-goal b, .lesson-goal small, .login-card>.muted, .login-copy .eyebrow, .login-logo small, .manager-document-flow small, .manager-finance-strip small, .manager-work-mini small, .manager-work-summary span, .masterdata-callout b, .masterdata-callout p, .masterdata-create-form label, .masterdata-empty p, .masterdata-hero p, .masterdata-inline-form input, .masterdata-inline-form label, .masterdata-inline-form select, .masterdata-primary b, .masterdata-primary small, .masterdata-readonly-badge, .masterdata-section-head p, .masterdata-summary small, .masterdata-table code, .masterdata-table td, .masterdata-table th, .masterdata-tabs a, .metric-change, .metric-warning, .muted-text, .next-action-converted .text-action, .next-action-converted b, .next-action-converted p, .next-action-date small, .next-action-detail b, .next-action-detail small, .next-action-detail span, .next-action-empty b, .next-action-empty p, .next-action-state, .ownership-card .settings-note, .ownership-history-mini small, .ownership-history-mini>b, .ownership-history>div small, .ownership-history>div span, .pagination-summary, .performance-attention-strip b, .performance-attention-strip small, .performance-components-large b, .performance-components-large small, .performance-main-score small, .performance-main-score span, .performance-mini-metrics b, .performance-mini-metrics small, .performance-mini-score b, .performance-rank, .performance-score-pill, .performance-score-pill b, .performance-score-pill span, .performance-weight-strip b, .pipeline-group-label, .pipeline-mini span, .pipeline-mini>a span, .pipeline-stage-card small, .pipeline-stage-card span, .pipeline-stage-list b, .pipeline-stage-list small, .pipeline-stage-list span, .practical-gate-card p, .preview-chip, .proposal-amount-card small, .proposal-amount-card span, .proposal-brand-lockup p, .proposal-brand-lockup small, .proposal-client-band p, .proposal-client-band small, .proposal-client-contact, .proposal-copy em, .proposal-copy small, .proposal-discovery-list dd, .proposal-discovery-list dt, .proposal-editor-actions b, .proposal-editor-actions p, .proposal-editor-hero p, .proposal-editor-security, .proposal-editor-value small, .proposal-editor-value span, .proposal-email-actions small, .proposal-governance-badge, .proposal-history-list b, .proposal-history-list small, .proposal-history-list strong, .proposal-main-copy p, .proposal-meta, .proposal-meta-strip b, .proposal-meta-strip span, .proposal-policy-card p, .proposal-policy-card ul, .proposal-policy-note p, .proposal-reference small, .proposal-reference span, .proposal-request-form label, .proposal-request-panel b, .proposal-request-panel p, .proposal-response, .proposal-response-form input, .proposal-rich-text, .proposal-scope, .proposal-screen-footer span, .proposal-screen-footer strong, .proposal-section-number, .proposal-version-head b, .proposal-version-head small, .proposal-version-no, .qualification-action span, .qualification-form-footer b, .qualification-form-footer span, .qualification-lock-note p, .qualification-primary-grid label, .qualification-readonly-grid b, .qualification-readonly-grid span, .qualification-state, .qualification-status-current p, .qualification-status-current small, .qualification-status-current strong, .qualification-status-help, .queue-client span, .queue-money small, .queue-money time, .quiz-hero-facts span, .quiz-submit-bar span, .quote-total-panel small, .readiness-gauge span, .readiness-item b, .readiness-item small, .receivable-summary-line, .report-command-head p, .report-command-meta small, .report-command-meta span, .reporting-badge, .reset-danger-actions>span, .reset-diagnostic-status, .reset-impact-grid span, .reset-preserve-box p, .review-timeline p, .review-timeline small, .row-actions button, .sales-deal-identity p, .sales-deal-identity small, .sales-deal-metrics b, .sales-deal-metrics span, .sales-kpi small, .sales-kpi span, .sales-next-action b, .sales-next-action small, .sales-next-action span, .sales-request-context b, .sales-request-context p, .sales-request-context small, .sales-request-form label, .sales-request-history p, .sales-request-history small, .sales-request-history>b, .sales-request-reject input, .sales-request-state b, .sales-request-state p, .sales-request-state small, .score-ring small, .section-title-v2 .section-kicker, .section-title-v2 .text-action, .section-title-v2 p, .settings-brand-row p, .settings-hero-v2 p, .settings-kicker, .settings-nav-v2 a, .settings-page-v2 label, .settings-panel-head-v2 p, .settings-rule-grid em, .settings-rule-grid label>span, .settings-rule-grid small, .settings-savebar span, .settings-subsection-title b, .settings-subsection-title small, .settings-summary-link, .settings-summary-list b, .settings-summary-list span, .sidebar nav .sidebar-subnav a .nav-subicon, .sidebar-foot b, .simple-activity-list small, .simple-activity-list time, .simple-count, .simple-detail-grid dt, .simple-detail-list dt, .simple-flow-step small, .simple-installments small, .simple-task-list small, .switch-control b, .target-currency-preview small, .target-currency-preview span, .target-head-score small, .target-head-score strong, .task-action-menu summary, .task-action-pop label, .task-row small, .task-type, .team-work-person small, .team-work-state small, .team-work-time small, .team-work-time span, .training-migration-notice span, .trend-month small, .ui-bulk-summary, .ui-bulk-summary b, .ui-delivery-card__note p, .ui-delivery-card__scope p, .ui-delivery-card__title p, .ui-detail-grid span, .ui-file-upload__text small, .ui-kanban-column>header span, .ui-modal-head p, .ui-record-hero__signal small, .ui-record-hero__signal span, .ui-section-switcher button, .ui-tabs a, .ui-tabs a>span, .ui-task-card>small, .ui-workflow-mini>div>span, .usage-stack small, .user-filterbar label>span, .work-day-main small, .work-scope-cell b, .work-scope-cell small, .work-status-chip, .work-status-form label span, label small{font-size:var(--ui-font-xs)!important} } /* ====================================================================== Sidebar Navigation Polish — HUB 1.6.2 Preserve a stable scroll viewport and keep footer identity readable. ====================================================================== */ .sidebar{min-height:0} .sidebar .brand{flex:0 0 auto} .sidebar nav[data-ui-navigation]{ flex:1 1 auto; min-height:0; overscroll-behavior:contain; scrollbar-gutter:stable; } .sidebar-foot{ flex:0 0 auto; margin-top:10px!important; padding:12px 10px 4px!important; border-top:1px solid rgba(255,255,255,.11)!important; color:#f4f7f9!important; line-height:1.45!important; white-space:normal!important; overflow:visible!important; } .sidebar-foot b, .sidebar-foot small{ display:block; max-width:100%; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; } .sidebar-foot b{ color:#f4f7f9!important; font-size:var(--ui-font-sm)!important; font-weight:800!important; line-height:1.45!important; overflow-wrap:anywhere; } .sidebar-foot small{ display:flex!important; flex-wrap:wrap; align-items:center; gap:3px 6px; margin-top:4px!important; color:#c2cbd3!important; font-size:var(--ui-font-xs)!important; font-weight:650; line-height:1.45!important; } @media(max-width:960px){ .sidebar-foot{padding-bottom:8px!important} } /* ====================================================================== Commission Wallet UX Refresh — HUB 1.6.3 Scoped financial wallet workspace with responsive mobile cards. ====================================================================== */ .commission-wallet-page{display:grid;gap:16px;min-width:0} .commission-wallet-page>.card,.commission-wallet-page>.ui-panel{margin:0} .wallet-hero{position:relative;isolation:isolate;overflow:hidden;padding:28px 30px;border:0!important;background:linear-gradient(120deg,#18232d 0%,#263440 58%,#344550 100%)!important;color:#fff;box-shadow:0 18px 48px rgba(24,35,45,.16)} .wallet-hero:before{content:"";position:absolute;z-index:-1;inset-inline-end:-82px;inset-block-start:-138px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ui-brand) 34%,transparent) 0%,transparent 68%)} .wallet-hero:after{content:"";position:absolute;z-index:-1;inset-inline-start:-90px;inset-block-end:-170px;width:300px;height:300px;border-radius:50%;border:54px solid rgba(255,255,255,.035)} .wallet-hero__copy{display:grid;gap:7px;min-width:0;max-width:850px}.wallet-hero .eyebrow{color:#ffb8c0!important}.wallet-hero h2{color:#fff!important;margin:0!important}.wallet-hero p{color:#dbe3e9!important;max-width:790px!important;line-height:1.8} .wallet-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wallet-hero__meta>span{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#eef3f6;font-size:var(--ui-font-xs)!important;font-weight:750;backdrop-filter:blur(4px)} .wallet-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:max-content}.commission-wallet-page .btn-light{background:#fff!important;border-color:#fff!important;color:#1d2a35!important}.commission-wallet-page .btn-light:hover{background:#f4f6f8!important}.commission-wallet-page .btn-ghost-light{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}.commission-wallet-page .btn-ghost-light:hover{background:rgba(255,255,255,.12)!important} .wallet-filter-card{padding:18px 20px;background:#fff}.wallet-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--ui-border)}.wallet-filter-head>div:first-child{min-width:0}.wallet-section-kicker{display:block;margin-bottom:3px;color:var(--ui-brand);font-size:var(--ui-font-xs)!important;font-weight:850}.wallet-filter-head h3{margin:0!important;font-size:var(--ui-font-lg)!important}.wallet-filter-head p{margin:3px 0 0!important;color:var(--ui-text-muted);font-size:var(--ui-font-sm)!important}.wallet-period-shortcuts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.wallet-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface-subtle);color:#536371;font-size:var(--ui-font-xs)!important;font-weight:800;text-decoration:none}.wallet-filter-chip:hover{border-color:color-mix(in srgb,var(--ui-brand) 30%,var(--ui-border));color:var(--ui-brand);background:var(--ui-brand-soft)} .wallet-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end}.wallet-filter-grid label{display:grid;gap:6px;margin:0}.wallet-filter-grid label>span,.wallet-withdraw-form label>span{font-size:var(--ui-font-xs)!important;font-weight:850;color:#526270}.wallet-filter-grid input,.wallet-filter-grid select{width:100%}.wallet-filter-submit{display:flex;align-items:end}.wallet-filter-submit .btn{width:100%;white-space:nowrap} .wallet-balance-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.55fr);gap:14px}.wallet-balance-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:24px;border:1px solid #cfe6d9;border-radius:20px;background:linear-gradient(145deg,#f3fbf6 0%,#fff 65%);box-shadow:var(--ui-shadow-1)}.wallet-balance-card:after{content:"";position:absolute;inset-inline-end:-65px;inset-block-end:-85px;width:190px;height:190px;border-radius:50%;background:#dff3e8;opacity:.7}.wallet-balance-card>*{position:relative;z-index:1}.wallet-balance-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#496356;font-size:var(--ui-font-sm)!important;font-weight:800}.wallet-balance-currency{padding:4px 8px;border-radius:999px;background:#fff;border:1px solid #d8eae0;color:#356148;font-size:var(--ui-font-xs)!important}.wallet-balance-card>strong{display:block;margin:17px 0 8px;color:#126a43;font-size:clamp(1.9rem,3vw,2.55rem)!important;line-height:1.12;letter-spacing:-.03em;overflow-wrap:anywhere}.wallet-balance-card>p{margin:0;color:#60736a;font-size:var(--ui-font-sm)!important;line-height:1.75}.wallet-balance-card__foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid #dcebe3}.wallet-balance-card__foot span{display:grid;gap:2px}.wallet-balance-card__foot b{font-size:var(--ui-font-md)!important;color:#294438}.wallet-balance-card__foot small{font-size:var(--ui-font-xs)!important;color:#73837b} .wallet-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wallet-metric-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-content:start;padding:18px;border:1px solid var(--ui-border);border-radius:18px;background:#fff;box-shadow:var(--ui-shadow-1)}.wallet-metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f4f6f8;color:#667783}.wallet-metric-card.tone-amber .wallet-metric-icon{background:#fff7e8;color:#ae7914}.wallet-metric-card.tone-blue .wallet-metric-icon{background:#eef6ff;color:#2968a7}.wallet-metric-card.tone-violet .wallet-metric-icon{background:#f4f0ff;color:#6953a9}.wallet-metric-card small{display:block;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;font-weight:800}.wallet-metric-card strong{display:block;margin:6px 0 7px;color:var(--ui-text-strong);font-size:clamp(1.25rem,1.7vw,1.65rem)!important;line-height:1.2;overflow-wrap:anywhere}.wallet-metric-card p{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;line-height:1.65} .wallet-warning-banner{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid #efd6a0;border-radius:15px;background:#fff9ec;color:#6c531f}.wallet-warning-banner>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff2d4;color:#a7700b}.wallet-warning-banner b{display:block;font-size:var(--ui-font-sm)!important;color:#6a4b10}.wallet-warning-banner p{margin:3px 0 0;font-size:var(--ui-font-sm)!important;line-height:1.7;color:#735e30} .wallet-withdraw-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);gap:14px;align-items:stretch}.wallet-withdraw-card{padding:20px}.wallet-withdraw-form{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.wallet-withdraw-form label{display:grid;gap:6px;margin:0}.wallet-withdraw-form label>small{color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;line-height:1.55}.wallet-withdraw-note,.wallet-inline-warning,.wallet-withdraw-submit{grid-column:1/-1}.wallet-withdraw-note>span{display:flex;align-items:center;gap:7px}.wallet-withdraw-note>span small{color:var(--ui-text-muted);font-weight:650}.wallet-amount-input{position:relative}.wallet-amount-input input{width:100%;padding-inline-end:66px}.wallet-amount-input em{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);padding-inline-start:9px;border-inline-start:1px solid var(--ui-border);color:#687986;font-size:var(--ui-font-xs)!important;font-style:normal;font-weight:850}.wallet-inline-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:11px;background:#fff8e7;border:1px solid #f0dfb2;color:#715a24;font-size:var(--ui-font-xs)!important;line-height:1.6}.wallet-withdraw-submit{justify-self:start;min-width:190px} .wallet-readiness-card{padding:20px;border:1px solid var(--ui-border);border-radius:18px;background:linear-gradient(155deg,#fbfcfd,#f6f8fa);box-shadow:var(--ui-shadow-1)}.wallet-readiness-card h3{margin:0 0 14px!important;font-size:var(--ui-font-lg)!important}.wallet-readiness-list{display:grid;gap:9px}.wallet-readiness-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid var(--ui-border);border-radius:12px;background:#fff}.wallet-readiness-list>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef2f5;color:#70808d}.wallet-readiness-list>div.is-ready>span{background:#e9f7ef;color:#18754f}.wallet-readiness-list>div.is-blocked>span{background:#fff0f1;color:#a83442}.wallet-readiness-list b,.wallet-readiness-list small{display:block}.wallet-readiness-list b{font-size:var(--ui-font-xs)!important}.wallet-readiness-list small{margin-top:2px;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;line-height:1.5}.wallet-process-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin-top:16px;padding-top:15px;border-top:1px solid var(--ui-border)}.wallet-process-flow>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ui-border);border-radius:50%;background:#fff;color:#798792;font-size:var(--ui-font-xs)!important;font-weight:900;line-height:1}.wallet-process-flow>span small{position:absolute;margin-top:62px;color:var(--ui-text-muted);font-size:var(--ui-font-xs)!important;white-space:nowrap}.wallet-process-flow>span.is-current{border-color:#d5e9dd;background:#eaf8f0;color:#16734d}.wallet-process-flow>i{height:2px;background:#dfe5e9} .wallet-section-title{align-items:center}.wallet-count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface-subtle);color:#61717e;font-size:var(--ui-font-xs)!important;font-weight:850;white-space:nowrap}.wallet-table-card,.wallet-ledger-card{padding:20px}.wallet-table-wrap{border:1px solid var(--ui-border);border-radius:14px;overflow:auto}.wallet-responsive-table,.wallet-ledger-table{min-width:880px;margin:0}.wallet-responsive-table td,.wallet-ledger-table td{vertical-align:top}.wallet-table-amount,.wallet-ledger-amount{font-size:var(--ui-font-sm)!important;white-space:nowrap}.wallet-payout-method,.wallet-person-name{font-size:var(--ui-font-xs)!important}.wallet-status-hint{margin-top:5px;max-width:230px;color:var(--ui-text-muted)!important;line-height:1.55}.wallet-review-note{margin-top:5px;padding:5px 7px;border-radius:8px;background:#f7f8fa;color:#61717e!important;line-height:1.55}.wallet-action-cell{min-width:138px}.wallet-no-action{color:#a0aab2}.commission-wallet-page .commission-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.commission-wallet-page details>summary{list-style:none}.commission-wallet-page details>summary::-webkit-details-marker{display:none}.wallet-action-details{position:relative}.wallet-action-details[open]>summary{filter:brightness(.96)}.commission-wallet-page .mini-action-form{position:absolute;z-index:24;inset-inline-end:0;top:calc(100% + 7px);width:min(300px,calc(100vw - 34px));display:grid;gap:9px;padding:12px;border:1px solid var(--ui-border);border-radius:13px;background:#fff;box-shadow:0 18px 46px rgba(22,33,43,.16)}.commission-wallet-page .mini-action-form label{display:grid;gap:5px;margin:0}.commission-wallet-page .mini-action-form label>span{font-size:var(--ui-font-xs)!important;font-weight:800;color:#576875}.commission-wallet-page .mini-action-form input{width:100%;min-width:0}.wallet-ledger-type{display:inline-flex;align-items:center;min-height:29px;padding:4px 8px;border-radius:9px;background:#f4f6f8;color:#546572;font-size:var(--ui-font-xs)!important;font-weight:800} @media(max-width:1180px){.wallet-balance-layout{grid-template-columns:1fr}.wallet-balance-card{min-height:190px}.wallet-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.wallet-withdraw-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}} @media(max-width:900px){.wallet-hero{padding:23px 22px}.wallet-hero__actions{justify-content:flex-start;min-width:0;width:100%}.wallet-filter-head{flex-direction:column}.wallet-period-shortcuts{justify-content:flex-start}.wallet-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-filter-submit{grid-column:1/-1}.wallet-filter-submit .btn{width:auto}.wallet-metric-grid{grid-template-columns:1fr 1fr}.wallet-withdraw-layout{grid-template-columns:1fr}.wallet-readiness-card{order:-1}.wallet-withdraw-card{padding:18px}} @media(max-width:700px){.commission-wallet-page{gap:12px}.wallet-hero{border-radius:16px!important}.wallet-hero__meta{display:grid;grid-template-columns:1fr}.wallet-hero__meta>span{border-radius:10px}.wallet-hero__actions{display:grid;grid-template-columns:1fr}.wallet-hero__actions .btn{width:100%}.wallet-filter-card,.wallet-table-card,.wallet-ledger-card{padding:16px}.wallet-filter-grid{grid-template-columns:1fr}.wallet-filter-submit{grid-column:auto}.wallet-filter-submit .btn{width:100%}.wallet-period-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.wallet-filter-chip{padding-inline:7px}.wallet-balance-card{min-height:0;padding:20px}.wallet-balance-card__foot{grid-template-columns:1fr 1fr}.wallet-metric-grid{grid-template-columns:1fr}.wallet-withdraw-form{grid-template-columns:1fr}.wallet-withdraw-note,.wallet-inline-warning,.wallet-withdraw-submit{grid-column:auto}.wallet-withdraw-submit{width:100%;justify-self:stretch}.wallet-readiness-card{padding:17px}.wallet-section-title{align-items:flex-start}.wallet-count-badge{align-self:flex-start}.wallet-table-wrap{overflow:visible;border:0}.wallet-responsive-table,.wallet-ledger-table{min-width:0!important}.commission-wallet-page .ui-responsive-table tbody{padding:0}.commission-wallet-page .ui-responsive-table tbody tr{border-radius:14px;box-shadow:0 5px 18px rgba(24,35,45,.035)}.commission-wallet-page .ui-responsive-table tbody td{grid-template-columns:minmax(105px,.38fr) minmax(0,1fr);padding:10px 12px}.commission-wallet-page .ui-responsive-table tbody td::before{font-size:var(--ui-font-xs)!important}.wallet-status-hint{max-width:none}.wallet-action-cell{min-width:0}.commission-wallet-page .commission-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.commission-wallet-page .commission-actions>*{min-width:0}.commission-wallet-page .commission-actions .btn,.wallet-action-cell>.wallet-action-details>.btn,.wallet-action-cell>form .btn{width:100%}.commission-wallet-page .mini-action-form{position:static;width:100%;margin-top:8px;box-shadow:none;background:#f9fafb}.wallet-action-details{width:100%}.wallet-ledger-amount{white-space:normal}} @media(max-width:480px){.wallet-hero{padding:19px 17px}.wallet-filter-card,.wallet-table-card,.wallet-ledger-card{padding:14px}.wallet-filter-head{gap:12px}.wallet-period-shortcuts{grid-template-columns:1fr}.wallet-balance-card__foot{grid-template-columns:1fr}.wallet-process-flow{gap:4px}.wallet-process-flow>span{width:38px;height:38px}.wallet-process-flow>span small{margin-top:57px}.commission-wallet-page .ui-responsive-table tbody td{grid-template-columns:1fr;gap:4px}.commission-wallet-page .ui-responsive-table tbody td::before{padding-bottom:2px}.commission-wallet-page .commission-actions{grid-template-columns:1fr}}