:root{--nav:#1c1c1c;--nav2:#242424;--accent:#ef7c31;--accent-dark:#d85d16;--bg:#f5f7fa;--white:#fff;--ink:#252525;--muted:#7b7b7b;--border:#ebebeb;--success:#1c875e;--warning:#a86613;--shadow:0 9px 35px rgba(25,44,78,.045);font-family:'Tajawal','IBM Plex Sans Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #f8b986;outline-offset:2px}.icon{width:19px;height:19px;vertical-align:middle;flex-shrink:0;stroke-width:1.8}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--nav);font-size:20px;font-weight:800}.spinner{width:23px;height:23px;border-radius:50%;border:3px solid #dadada;border-top-color:var(--accent);display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1fr) minmax(440px,1.05fr);background:#fff}.auth-panel{display:flex;justify-content:center;align-items:center;padding:62px 28px}.auth-card{width:min(100%,420px)}.auth-card .big-title{font-size:31px;letter-spacing:-1.5px;margin:28px 0 8px;font-weight:850}.auth-card .subline{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 31px}.auth-logo{display:flex;align-items:center;gap:12px}.auth-logo strong{font-size:27px;letter-spacing:1px;color:#202020}.auth-logo small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.8px}.brandmark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#fff;font-size:32px;font-weight:1000;line-height:1;letter-spacing:-5px;padding-left:7px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:12px;font-weight:750}.field input,.field select,.field textarea{border:1px solid #e4e4e4;background:#fff;padding:13px 14px;border-radius:11px;color:var(--ink);min-height:45px;width:100%;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f07d301c}.field textarea{resize:vertical;min-height:90px}.input-wrap{position:relative}.input-wrap input{padding-left:48px}.eye-button{position:absolute;top:6px;left:6px;width:34px;height:34px;border:0;background:transparent;color:#7d7d7d}.button{border:0;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:42px;font-weight:740;font-size:13px;transition:.15s;background:#eef1f5;color:#2c2c2c}.button:hover:not(:disabled){filter:brightness(.96)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 5px 13px #ed7d3122}.button.primary:hover{background:var(--accent-dark)}.button.outline{background:#fff;border:1px solid #e3e3e3;color:#2e2e2e}.button.ghost{background:transparent;color:var(--muted)}.button.full{width:100%}.button.small{min-height:33px;padding:8px 10px;font-size:12px}.auth-card .button.primary{margin-top:5px}.auth-bottom{margin:23px 0 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.auth-separator{margin:22px 0;border-top:1px solid var(--border)}.auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:75px clamp(40px,6vw,100px);background:linear-gradient(140deg,#191919,#242424 70%,#2d2d2d);color:white;overflow:hidden}.auth-showcase:before{content:'';position:absolute;width:520px;height:520px;border:1px solid #ffffff15;border-radius:50%;left:-180px;top:-140px;box-shadow:0 0 0 95px #ffffff04,0 0 0 190px #ffffff03}.showcase-eyebrow{font-size:12px;letter-spacing:2px;color:#ffa76d;font-weight:800}.auth-showcase h2{font-size:clamp(36px,4vw,58px);line-height:1.35;margin:23px 0;font-weight:850;max-width:590px}.auth-showcase p{font-size:15px;line-height:2.1;color:#dadada;max-width:460px}.showcase-stats{display:flex;gap:35px;margin-top:60px;padding-top:28px;border-top:1px solid #ffffff26}.showcase-stat strong{display:block;font-size:23px}.showcase-stat span{display:block;margin-top:7px;color:#dadada;font-size:12px}.demo-label{background:#fff4e9;color:#a85a14;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;margin-bottom:17px}
/* Shell */
.shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:248px;flex-shrink:0;background:var(--nav);color:#dadada;padding:28px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.sidebar .logo-area{display:flex;align-items:center;gap:10px;padding:4px 12px 22px;margin-bottom:24px;border-bottom:1px solid #ffffff14}.sidebar .logo-area strong{color:#fff;font-size:23px;letter-spacing:1px;display:block}.sidebar .logo-area small{color:#a3a3a3;font-size:9px;letter-spacing:1.5px;display:block}.nav-caption{padding:9px 15px 13px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#7e7e7e}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border:0;text-align:right;background:transparent;color:#dadada;width:100%;border-radius:10px;font-size:13px;margin-bottom:5px;font-weight:650}.nav-item:hover{background:#ffffff10;color:#fff}.nav-item.active{background:linear-gradient(90deg,#ef7c3129,#ef7c311c);color:#fff;border-right:3px solid var(--accent)}.nav-item.active .icon{color:#ffad74}.sidebar-spacer{flex:1}.sidebar-foot{background:#ffffff08;border:1px solid #ffffff0e;border-radius:13px;padding:13px}.sidebar-foot .online-dot{background:#48bd82;border-radius:50%;height:7px;width:7px;display:inline-block;margin-left:5px}.sidebar-foot strong{font-size:12px;color:#fff}.sidebar-foot p{font-size:11px;color:#a2a2a2;line-height:1.7;margin:7px 0 0}.main{flex:1;min-width:0}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,48px);gap:18px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.breadcrumbs{color:#8e8e8e;font-size:12px}.breadcrumbs b{color:#2d2d2d;margin-right:7px}.user-profile{display:flex;align-items:center;gap:10px;border-right:1px solid var(--border);padding-right:20px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#ffeedf;color:#b45f18;font-weight:800}.user-name{font-size:12px;font-weight:800;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-role{font-size:10px;color:#929292;margin-top:3px}.icon-btn{height:37px;width:37px;border:1px solid var(--border);background:#fff;border-radius:10px;display:grid;place-items:center;color:#6f6f6f}.mobile-menu{display:none}.body-area{padding:31px clamp(20px,3vw,47px) 70px;max-width:1560px;margin:0 auto;width:100%}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:1.9px;color:var(--accent);font-size:10px;font-weight:850;margin-bottom:7px}.page-heading h1{font-size:27px;font-weight:850;letter-spacing:-.7px;margin:0 0 8px}.page-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;box-shadow:var(--shadow)}.stat-header{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f3f3f3;color:#424242}.stat-card.orange .stat-icon{background:#fff1e7;color:#df7126}.stat-card.green .stat-icon{background:#e8f8f1;color:#278262}.stat-card.gold .stat-icon{background:#fff6e8;color:#b37730}.stat-label{font-size:12px;font-weight:650;color:#8c8c8c}.stat-value{font-size:31px;font-weight:850;margin-top:15px;line-height:1.3;font-variant-numeric:tabular-nums}.stat-foot{font-size:11px;color:#a5a5a5;margin-top:5px}.card{border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.card-header{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid var(--border)}.card-title{font-size:15px;font-weight:850;margin:0}.card-subtitle{font-size:11px;color:#9a9a9a;margin-top:5px}.card-body{padding:20px 23px}.dash-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,1fr);gap:19px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:750;white-space:nowrap}.badge.neutral{color:#717171;background:#f1f1f1}.badge.warning{color:#a86b27;background:#fff4e4}.badge.success{color:#18855d;background:#eaf8f1}.badge.blue{color:#676767;background:#f1f1f1}.badge.danger{color:#bd4b4b;background:#fff0f0}.text-muted{color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 20px;color:#949494;gap:9px}.empty .empty-icon{height:55px;width:55px;background:#f4f6fa;border-radius:15px;display:grid;place-items:center;color:#dadada}.empty strong{font-size:14px;color:#414141}.empty small{line-height:1.8}.table-scroll{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:right;white-space:nowrap}.data-table thead{background:#f9fafc;color:#8a8a8a}.data-table th{font-weight:800;font-size:11px;padding:15px 20px}.data-table td{padding:17px 20px;border-top:1px solid #f0f2f6;vertical-align:middle}.data-table tbody tr:hover{background:#fbfcff}.data-table .item-name{font-weight:800;color:#2e2e2e}.data-table .subtext{font-size:10px;color:#9a9a9a;margin-top:5px}.linkish{color:#d87529;font-weight:780;cursor:pointer}.linkish:hover{text-decoration:underline}.searchbar{display:flex;gap:10px;align-items:center;margin:15px 0 20px;flex-wrap:wrap}.search-input{display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--border);border-radius:10px;padding:0 13px;flex:1;min-width:200px;max-width:430px;color:#898989}.search-input input{border:0;outline:0;padding:12px 3px;width:100%;background:transparent;color:#2c2c2c}.searchbar select{background:#fff;border:1px solid var(--border);min-height:42px;border-radius:10px;color:#5d5d5d;padding:0 12px}.mobile-projects{display:none}.project-card{display:block;text-align:right;width:100%;border:1px solid var(--border);background:white;border-radius:13px;padding:18px;margin-bottom:12px}.project-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.project-card strong{font-size:14px}.project-card .subtext{color:var(--muted);font-size:11px;margin-top:7px}.project-card .footer{border-top:1px solid var(--border);margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;font-size:11px;color:#7b7b7b}.small-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--accent);margin-left:7px}.detail-meta{display:flex;gap:16px;flex-wrap:wrap;color:#929292;font-size:11px;margin:12px 0 0}.detail-meta span{display:flex;align-items:center;gap:5px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:19px;margin-top:20px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-item label{display:block;color:#9d9d9d;font-size:11px;margin-bottom:8px}.info-item strong{font-size:13px;font-weight:800;overflow-wrap:anywhere}.tabs{display:flex;align-items:center;gap:7px;overflow:auto;border-bottom:1px solid var(--border);padding:0 21px}.tab{border:0;background:transparent;color:#939393;font-size:12px;padding:16px 12px;white-space:nowrap;border-bottom:2px solid transparent;font-weight:760}.tab.active{border-color:var(--accent);color:#d7762f}.notecard{background:#fffaf3;border:1px solid #f5e7d4;border-radius:11px;padding:14px;display:flex;align-items:flex-start;gap:9px;color:#98692c;font-size:12px;line-height:1.9}.timeline{display:flex;flex-direction:column}.timeline-entry{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.timeline-entry:last-child{border:0}.timeline-dot{height:10px;width:10px;border:3px solid #ffddc4;background:#f17a2b;border-radius:50%;margin-top:5px}.timeline-entry strong{font-size:12px}.timeline-entry p{font-size:12px;color:#8e8e8e;margin:7px 0 0;line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.team-card .team-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.team-card .team-avatar{width:45px;height:45px;border-radius:12px;background:#ececec;color:#5c5c5c;display:grid;place-items:center;font-weight:850;font-size:18px}.team-card strong{display:block;font-size:13px}.team-card .role{font-size:11px;color:#8c8c8c;margin-top:4px}.team-card .team-foot{padding-top:12px;border-top:1px solid var(--border);font-size:11px;color:#a2a2a2;display:flex;justify-content:space-between}.demo-strip{background:#fff3e6;border-bottom:1px solid #f0d8b7;padding:9px 24px;text-align:center;color:#9e5e1c;font-size:11px;font-weight:800}.error-box{border:1px solid #ffd5d5;color:#a63b3b;background:#fff1f1;padding:12px;border-radius:9px;font-size:12px;line-height:1.75;margin-bottom:15px}.notice-list{display:flex;flex-direction:column;gap:12px}.notice{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border);border-radius:11px;padding:13px}.notice .notice-icon{background:#f3f5f9;border-radius:10px;color:#797979;padding:9px;display:grid;place-items:center}.notice strong{display:block;font-size:12px;margin-bottom:5px}.notice p{margin:0;color:#949494;font-size:11px;line-height:1.8}.simple-link{border:0;background:none;color:var(--accent-dark);font-weight:800;font-size:11px;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#191919a8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{width:min(100%,530px);max-height:min(90vh,850px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 18px 60px #15151550}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:17px;margin:0}.modal-body{padding:23px 25px}.modal-actions{display:flex;justify-content:flex-start;gap:9px;padding:15px 25px 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field{margin-bottom:0}.modal-note{background:#f7f9fc;padding:12px;border-radius:9px;color:#848484;font-size:12px;margin:16px 0 0;line-height:1.8}.close-modal{background:transparent;border:0;color:#959595}.textarea-normal{min-height:100px}.small-text{font-size:11px;color:var(--muted);line-height:1.9}#toast{position:fixed;left:20px;bottom:22px;z-index:200;min-width:240px;max-width:420px;pointer-events:none}#toast>div{border-radius:12px;background:#242424;color:white;padding:15px 18px;box-shadow:0 10px 30px #1a1a1a3d;font-size:12px;line-height:1.7}.sidebar-overlay{display:none}
@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px}.dash-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}
@media(max-width:870px){.sidebar{position:fixed;right:-265px;top:0;height:100dvh;width:260px;transition:right .2s;box-shadow:0 5px 35px #14141433}.sidebar.open{right:0}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:#11111184;z-index:15}.mobile-menu{display:grid}.topbar{height:67px}.topbar .user-profile{padding-right:12px}.body-area{padding:25px 22px 75px}.dash-layout,.detail-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stats-grid{gap:10px}.stat-card{padding:15px}.stat-card .stat-icon{width:34px;height:34px}.stat-value{font-size:26px}.stat-label{font-size:11px}.body-area{padding:23px 14px 65px}.page-heading{align-items:stretch;flex-direction:column}.page-heading h1{font-size:23px}.team-grid,.info-grid{grid-template-columns:1fr}.table-scroll{display:none}.mobile-projects{display:block;padding:13px}.mobile-projects .project-card{margin-bottom:9px}.topbar{padding:0 15px}.user-name{max-width:100px}.breadcrumbs{display:none}.topbar-right{margin-right:auto}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}.auth-panel{padding:40px 24px}.auth-card .big-title{font-size:27px}.card-header,.card-body{padding:17px}.team-card{padding:16px}.detail-meta{gap:9px}.searchbar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.searchbar select{width:100%}}

/* SMART original brand artwork. Black wordmark sits on a light surface for accessibility. */
.brand-logo{display:block;width:100%;height:auto;object-fit:contain;object-position:right center;max-width:100%;}
.auth-logo{display:block;max-width:325px;width:100%;}
.auth-logo .brand-logo{width:100%;}
.logo-area{display:flex;align-items:center;justify-content:center;padding:9px 9px 19px !important;margin-bottom:24px;}
.logo-area .brand-logo{width:100%;max-width:212px;background:#fff;border-radius:9px;padding:11px 9px;box-sizing:border-box;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.boot-logo{width:min(65vw,300px);height:auto;display:block;}
.boot{flex-direction:column;gap:22px;}
@media(max-width:870px){.logo-area .brand-logo{max-width:222px}}
@media(max-width:600px){.auth-logo{max-width:min(100%,325px)}}
/* WhatsApp pilot sandbox; isolated from live customer/group communications. */
.pilot-banner {display:flex;gap:14px;align-items:flex-start;background:#fff6e9;border:1px solid #f0cc99;border-radius:14px;padding:17px;margin-bottom:20px;color:#66401c}
.pilot-banner strong{font-size:15px;color:#50351d}.pilot-banner p{margin:5px 0 0;line-height:1.8;font-size:13px}.pilot-banner .badge{margin-inline-start:auto;white-space:nowrap}
.pilot-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.pilot-results{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px}.pilot-result-header{display:flex;gap:8px;font-weight:800;margin-bottom:11px}.pilot-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.pilot-chip{border-radius:10px;border:1px solid #f4cfb4;background:#fff7ef;padding:9px 12px;color:#7b431f;font-size:13px;font-weight:700;max-width:100%}.pilot-chip small{display:block;font-weight:400;color:#8d6b51;margin-top:4px;max-width:260px;line-height:1.5}.pilot-record{border:1px solid var(--border);border-radius:12px;padding:15px;margin-bottom:15px}.pilot-record-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.pilot-record-top strong{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.pilot-record .pilot-results{border:0;background:#f8fafc}.pilot-record .row-actions{flex-wrap:wrap}.pilot-record .small-text{font-size:11px;line-height:1.6}
@media (max-width:900px){.pilot-layout{grid-template-columns:1fr}.pilot-banner{flex-wrap:wrap}.pilot-banner .badge{margin-inline-start:0}.pilot-record-top{flex-wrap:wrap}}

/* V7 simulated task assignment: never a production task */
.pilot-assignment-form{background:#f8fafc;border:1px solid #e9e9e9;border-radius:11px;padding:14px;margin-top:13px}
.pilot-assignment-form .form-grid{margin-bottom:13px}
.pilot-assignment-status{background:#f7f9fc;border:1px solid #e9e9e9;border-radius:10px;padding:12px;font-size:12px;line-height:2;color:#444444}
@media(max-width:600px){.pilot-assignment-form{padding:12px}.pilot-assignment-form .form-grid{grid-template-columns:1fr}.pilot-assignment-form button{width:100%}}

/* V8 authentication recovery */
.auth-forgot{text-align:center;margin:12px 0 0}.auth-forgot .simple-link{font-weight:600;color:#d85814;cursor:pointer}.auth-card #recover-form,.auth-card #set-password-form{margin-top:24px}.auth-card .notecard{margin:18px 0}


/* SMART AI OS V11 — Hybrid corporate brand, first-party artwork with transparent background. */
:root{--nav:#1c1c1c;--nav2:#292929;--accent:#fc6317;--accent-dark:#df5816;--bg:#f5f7fb;--ink:#242424;--muted:#7c7c7c;--border:#e9e9e9;--success:#187955;--shadow:0 7px 30px rgba(23,45,75,.045);font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;}
html{scroll-behavior:smooth}body{font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;font-size:13px;font-weight:500;line-height:1.6;min-width:320px;text-rendering:optimizeLegibility;background:var(--bg)}
button,input,select,textarea{font-family:inherit;font-size:inherit}button{touch-action:manipulation}*{scrollbar-color:#dadada transparent}
/* Real logo transparency: NO white badge or box around wordmarks. */
.brand-logo,.logo-area .brand-logo,.auth-logo .brand-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;object-fit:contain;display:block}
.logo-area{background:transparent!important;display:block!important;padding:14px 10px 26px!important;border-bottom:1px solid rgba(255,255,255,.13)!important;margin:0 0 22px!important}
.logo-area .brand-logo{width:100%!important;max-width:212px!important;height:auto}
.sidebar{background:linear-gradient(170deg,#1c1c1c 0%,#242424 100%);width:254px;padding:20px 16px;box-shadow:inset -1px 0 rgba(255,255,255,.065)}
.sidebar .nav-caption{color:#9e9e9e;letter-spacing:1.4px;padding:12px 13px 9px;font-size:10px}
.sidebar .nav-item{border-radius:10px;padding:12px 13px;color:#dadada;font-weight:700;gap:12px;margin-bottom:5px;transition:background-color .16s}
.sidebar .nav-item:hover{background:rgba(255,255,255,.08)}
.sidebar .nav-item.active{background:rgba(252,99,23,.16);border-right:3px solid #fc6317;color:white}
.sidebar .nav-item.active .icon{color:#ff995d}
.sidebar-foot{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}
/* Dark header uses WHITE brand mark and lettering; no inverse logo outline. */
.topbar{background:#1c1c1c;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);min-height:78px;height:auto;padding:12px clamp(19px,3vw,43px);box-shadow:0 2px 10px #1b1b1b0b}
.topbar-brand{display:flex;align-items:center;gap:12px;direction:ltr;min-width:0}
.topbar-brand>img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.topbar-brand>span{display:block;text-align:left;line-height:1.2}
.topbar-brand strong{display:block;font-size:16px;letter-spacing:1.1px;font-weight:900;color:#fff;white-space:nowrap}
.topbar-brand small{display:block;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:8px;letter-spacing:1.2px;color:#dadada;font-weight:700;white-space:nowrap;margin-top:4px}
.topbar-left{min-width:0;gap:18px}
.topbar-right{gap:10px}
.topbar .breadcrumbs{color:#a6a6a6;border-right:1px solid rgba(255,255,255,.2);padding-right:17px;white-space:nowrap}
.topbar .breadcrumbs b{color:#f4f4f4;font-size:11px;font-weight:700}
.topbar .user-profile{border-color:rgba(255,255,255,.2)}
.topbar .user-name{color:white;font-weight:800}
.topbar .user-role{color:#dadada}
.topbar .icon-btn{color:#e9e9e9;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:11px;min-width:40px;min-height:40px;display:grid;place-items:center}
.topbar .icon-btn:hover{background:rgba(255,255,255,.15)}
.topbar .avatar{background:#fc6317;color:#fff;box-shadow:0 2px 7px #1c1c1c14;border-radius:12px}
/* Dashboard typography and hierarchy */
.body-area{padding:32px clamp(18px,3vw,43px) 72px;max-width:1580px;margin:0 auto}
.page-heading{margin-bottom:23px}
.page-heading h1{font-weight:900;color:#242424;font-size:clamp(23px,2.1vw,28px);line-height:1.45;letter-spacing:-.45px}
.page-heading p{line-height:1.95;color:#828282;max-width:820px;font-size:12px}
.eyebrow{color:#d85e19;letter-spacing:2px;font-weight:900;font-size:10px}
.stat-card,.card,.team-card{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}
.stat-card{min-height:150px;padding:19px 20px}
.stat-value{font-size:32px;font-weight:900;color:#252525;line-height:1.4;font-variant-numeric:tabular-nums}
.stat-label,.stat-foot{line-height:1.8}
.stat-label{font-weight:800;color:#707070}
.stat-card.orange .stat-icon,.stat-card .stat-icon{background:#fff1e8;color:#db5b1b;border-radius:11px}
.card-header{border-color:var(--border)}.card-title,.team-card strong{font-weight:900;color:#2e2e2e}
.button{border-radius:10px;font-weight:800;min-height:43px;transition:filter .15s,transform .15s;border:1px solid transparent}
.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);box-shadow:0 5px 15px #fa63171c;color:#fff}
.button.primary:hover:not(:disabled){background:var(--accent-dark)}
.button.outline{border:1px solid #e4e4e4;background:#fff}
.field input,.field select,.field textarea{border-radius:10px;border:1px solid #e3e3e3;min-height:47px;font-size:13px}
.tab.active{border-color:#fc6317;color:#d85e19}
.badge.warning{background:#fff5e6;color:#98601e}
.project-card,.pilot-record,.notice{border-radius:12px}
.auth-shell{background:#fff}
.auth-logo{max-width:320px}
.auth-card .big-title{font-size:clamp(27px,2.5vw,33px);font-weight:900;letter-spacing:-.3px}
.auth-showcase{background:linear-gradient(145deg,#1b1b1b,#2c2c2c 83%)}
.auth-showcase h2{font-weight:900}
.auth-bottom{line-height:2}
.auth-panel{background:#fff}
.boot-logo{width:min(70vw,340px)}
/* Mobile ergonomic navigation: rest of all screens retains existing data-page handlers. */
.mobile-bottom-nav{display:none}
@media(max-width:950px){.sidebar{width:250px}.topbar .breadcrumbs{display:none}}
@media(max-width:870px){
 .sidebar{right:-270px;box-shadow:0 10px 42px rgba(7,20,38,.23);padding-top:30px}
 .sidebar.open{right:0}
 .topbar{min-height:66px;padding:9px 16px;height:68px;position:sticky;top:0;z-index:11}
 .topbar-left{gap:8px}.topbar-brand>img{width:32px;height:32px}.topbar-brand strong{font-size:14px}.topbar-brand small{font-size:7px}
 .topbar .user-profile{padding-right:9px}
 .body-area{padding-bottom:calc(93px + env(safe-area-inset-bottom, 0px))}
 .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));direction:rtl;z-index:12;align-items:stretch;padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid #eaeaea;background:#fff;box-shadow:0 -8px 28px rgba(30,52,78,.08)}
 .mobile-nav-item{background:transparent;border:0;border-radius:10px;color:#7c7c7c;display:grid;justify-items:center;align-content:center;gap:4px;min-height:54px;line-height:1.15;font-weight:800;font-size:10px;white-space:nowrap}
 .mobile-nav-item.active{color:#d95b1b;background:#fff2e9}
 .mobile-nav-item .icon{width:21px;height:21px}
}
@media(max-width:600px){
 .body-area{padding:22px 14px calc(88px + env(safe-area-inset-bottom,0px))}
 .topbar{padding:8px 11px;gap:7px}
 .topbar-left{gap:4px}.topbar-brand>span{display:block}.topbar-brand>img{width:30px;height:30px}
 .topbar-brand strong{font-size:12px;letter-spacing:.25px}.topbar-brand small{font-size:6px;letter-spacing:.5px}
 .topbar-right{gap:6px}.topbar .icon-btn{min-width:34px;min-height:36px;width:34px;height:36px}
 .topbar .user-profile{gap:5px;padding-right:6px}.topbar .user-role{font-size:8px}.topbar .user-name{max-width:71px;font-size:10px}
 .topbar .avatar{width:27px;height:27px;border-radius:8px;font-size:11px}
 .stat-card{min-height:126px;padding:15px}.stat-value{font-size:27px}
 .page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.9}
 .modal-backdrop{padding-bottom:max(80px,env(safe-area-inset-bottom,0px))}
 .modal{max-height:83dvh}
 .auth-panel{min-height:100dvh;padding:32px 21px}
 .auth-logo{max-width:295px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Render official transparent logo in white on navy without a backing rectangle. */
.brand-logo-inverse, .topbar-brand>img { filter:brightness(0) invert(1); }


/* SMART AI OS V11.1 — BLACK EDITION — visual changes only. */
:root{--nav:#0b0b0c;--nav2:#171718;--accent:#fc6317;--accent-dark:#dc4e0b;--bg:#f6f6f7;--white:#fff;--ink:#1a1a1c;--muted:#6e7178;--border:#e6e6e9;--shadow:0 8px 28px rgba(0,0,0,.045);font-family:'IBM Plex Sans Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif}
html{color-scheme:light}
body,button,input,select,textarea,.sidebar,.topbar,.modal{font-family:'IBM Plex Sans Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif}
body{color:var(--ink);background:var(--bg);line-height:1.75}
.sidebar{background:linear-gradient(155deg,#09090a 0%,#171718 95%);box-shadow:inset -1px 0 rgba(255,255,255,.09);color:#ececee}
.sidebar .logo-area{border-bottom-color:rgba(255,255,255,.19)!important}
.sidebar .nav-caption{color:#a6a6ac}.sidebar .nav-item{color:#cdced2}
.sidebar .nav-item:hover{color:#fff;background:rgba(255,255,255,.095)}
.sidebar .nav-item.active{background:rgba(252,99,23,.20);color:#fff;border-right-color:var(--accent)}
.sidebar .sidebar-foot{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.12)}
.sidebar .sidebar-foot p{color:#bebec2}
.topbar{background:#0b0b0c;color:#fff;border-bottom:1px solid #2a2a2c;box-shadow:0 3px 14px rgba(0,0,0,.11)}
.topbar .topbar-brand strong,.topbar .breadcrumbs b,.topbar .user-name{color:#fff}
.topbar .topbar-brand small,.topbar .breadcrumbs,.topbar .user-role{color:#c0c0c5}
.topbar .icon-btn{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16)}
.topbar .icon-btn:hover{background:rgba(255,255,255,.16)}
.topbar .avatar{background:var(--accent);color:#fff;box-shadow:none}
.brand-logo-inverse,.topbar-brand>img{filter:brightness(0) invert(1)}
.sidebar .logo-area .brand-logo,.auth-logo .brand-logo{background:transparent!important;border:0!important;box-shadow:none!important}
.auth-showcase{background:linear-gradient(142deg,#080809 0%,#1b1b1c 80%,#272729 100%);color:#fff}
.auth-showcase p,.showcase-stat span{color:#cdced0}.auth-showcase:before{border-color:rgba(255,255,255,.08)}
.auth-showcase h2{color:#fff}
.auth-card .big-title,.page-heading h1,.card-title,.team-card strong{color:#151517;letter-spacing:0}
.page-heading p,.stat-label,.stat-foot,.team-card .role{color:#6b6d73}
.stat-value{color:#101012}
.stat-card,.card,.team-card,.project-card{background:#fff;border-color:var(--border)}
.stat-card .stat-icon{background:#fff1e9;color:#d85c18}
.button{color:#202024}
.button.primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 6px 17px rgba(252,99,23,.16)}
.button.primary:hover:not(:disabled){background:var(--accent-dark)}
.button.outline{color:#25252a;border-color:#dadade;background:#fff}
.button.ghost{color:#585960}
.icon-btn{color:#44464c}
.field input,.field select,.field textarea,.search-input,.searchbar select{border-color:#dcdce1;color:#1c1c20}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(252,99,23,.14)}
.data-table thead{background:#f6f6f7;color:#56585f}
.data-table .item-name,.search-input input,.breadcrumbs b,.user-name{color:inherit}
.tab.active{color:#c94d0d;border-color:var(--accent)}
.nav-caption,.stat-label,.team-card strong,.card-title{letter-spacing:0}
.modal-backdrop{background:rgba(0,0,0,.66)}.modal{box-shadow:0 18px 60px rgba(0,0,0,.28)}
#toast>div{background:#171718;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.sidebar-overlay.open{background:rgba(0,0,0,.6)}
.topbar .brand-logo-inverse{filter:brightness(0) invert(1)}
.pilot-results,.pilot-record .pilot-results{background:#fafafa}
.pilot-assignment-status,.modal-note{background:#f6f6f7;border-color:#e6e6e9;color:#505258}
.mobile-bottom-nav{background:#fff;border-top:1px solid #e1e1e4;box-shadow:0 -6px 22px rgba(0,0,0,.06)}
.mobile-nav-item{color:#56585f}.mobile-nav-item.active{background:#fff0e7;color:#c94d0d}
@media(max-width:870px){.sidebar{box-shadow:0 12px 38px rgba(0,0,0,.38)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}



/* V22 · manager-only daily site reporting monitor */
.site-monitor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 16px;background:#fff;border:1px solid var(--border);border-radius:14px}
.site-monitor-toolbar label{font-size:.9rem;font-weight:700;color:#30323a}
.site-monitor-toolbar input[type="date"]{min-width:145px;padding:10px 11px;border:1px solid #d7d8dc;border-radius:10px;background:#fff;color:#18191d;font:inherit}
.site-monitor-toolbar .button{white-space:nowrap}
.site-monitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}
.site-monitor-kpis .stat-card{min-width:0}
.site-monitor-section{margin-top:18px}
.site-monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.site-monitor-card{min-width:0;overflow:hidden;border:1px solid #dedee2;background:#fff;border-radius:14px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.035)}
.site-monitor-card.received{border-right:4px solid #328656}
.site-monitor-card.waiting{border-right:4px solid #df9b4c}
.site-monitor-card.missing{border-right:4px solid #c75c50}
.site-monitor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:11px}
.site-monitor-header strong{display:block;line-height:1.45;color:#1d1e20;font-size:.99rem;overflow-wrap:anywhere}
.site-monitor-header .small-text{font-size:.72rem;color:#797b82}
.site-monitor-label{flex-shrink:0;border-radius:100px;font-size:.77rem;padding:5px 9px;font-weight:700;white-space:nowrap}
.site-monitor-label.received{color:#236847;background:#e8f5ed}
.site-monitor-label.waiting{color:#875320;background:#fff1de}
.site-monitor-label.missing{color:#ac3630;background:#ffedeb}
.site-monitor-reports{margin-top:12px}
.site-monitor-report{padding:10px 0;border-top:1px solid #ededf0;min-width:0}
.site-monitor-by{display:flex;flex-wrap:wrap;gap:5px;align-items:center;color:#63666d;font-size:.79rem}
.site-monitor-unverified{padding:2px 7px;border-radius:7px;background:#f4f4f4;color:#65666b;font-size:.74rem}
.site-monitor-summary{margin:9px 0 4px;color:#282a2e;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:.9rem}
.site-monitor-info,.site-monitor-issue{font-size:.85rem;margin:5px 0;overflow-wrap:anywhere;white-space:pre-wrap;color:#5d5e65}
.site-monitor-issue{color:#9c492f;background:#fff5ef;padding:7px 9px;border-radius:7px}
.site-monitor-muted{font-size:.86rem;color:#76777d;margin:13px 0}
.site-monitor-foot,.site-monitor-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:11px}
.site-monitor-foot{color:#74757d;font-size:.82rem}
.site-monitor-foot span{display:inline-flex;align-items:center;gap:5px}
.site-monitor-buttons{padding-top:10px;border-top:1px solid #ededf0}
.site-monitor-prompt{border:1px solid #ebd5ac;border-radius:12px;padding:14px 16px;background:#fffaf1;margin-top:13px}
.site-monitor-prompt strong{display:flex;gap:8px;align-items:center;font-size:.93rem;color:#6c4b15}
.site-monitor-prompt p{font-size:.84rem;color:#735f3b;margin:7px 0 0}
.site-monitor-settings-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;cursor:pointer;padding:17px 19px;font-weight:700;list-style-position:inside}
.site-monitor-settings-title .small-text{font-weight:400}
.site-monitor-settings-list{display:grid;gap:8px;margin-top:14px}
.site-monitor-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8f8f9;border:1px solid #eeeeef;border-radius:10px;padding:10px 13px}
.site-monitor-setting strong{font-size:.9rem;color:#2a2b2e}
.site-monitor-setting .small-text{color:#878990;font-size:.73rem}
.site-monitor-setting button{flex-shrink:0}
.site-monitor-bottom{margin-top:18px}
@media(max-width:1050px){.site-monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.site-monitor-grid{grid-template-columns:1fr}.site-monitor-toolbar{padding:12px}.site-monitor-kpis{gap:9px}.site-monitor-kpis .stat-card{padding:14px 12px}.site-monitor-toolbar label{width:100%}.site-monitor-toolbar input[type="date"]{flex:1}}
@media(max-width:380px){.site-monitor-kpis{grid-template-columns:1fr 1fr}.site-monitor-header{flex-wrap:wrap}.site-monitor-setting{flex-wrap:wrap}}


/* V22.1.1 · iPhone sidebar independent scrolling */
@media (max-width: 870px) {
  .sidebar {
    height: 100vh; /* fallback for older in-app browsers */
    height: 100dvh;
    max-height: 100dvh;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    scrollbar-width: thin;
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
  }
  .sidebar > .logo-area,
  .sidebar > .nav-caption,
  .sidebar > .nav-item,
  .sidebar > .sidebar-foot {
    flex-shrink: 0;
  }
  .sidebar > .sidebar-spacer {
    flex: 0 0 10px;
  }
}

/* SMART V26.2 — desktop sidebar scrolling: keep the dark surface viewport-tall.
   The menu is taller than a 100vh sticky aside, so previously excess links
   painted outside its background on the page's light surface. */
@media (min-width: 871px) {
  .sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #626265 transparent;
  }
  .sidebar > .logo-area,
  .sidebar > .nav-caption,
  .sidebar > .nav-item,
  .sidebar > .sidebar-foot {
    flex-shrink: 0;
  }
  .sidebar > .sidebar-spacer {
    flex: 1 0 12px;
  }
}

/* SMART mail review: mobile-first, plain-language decision cards */
.mail-simple-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin:15px 0;background:#fff;border:1px solid #e9e9e9;border-radius:13px}
.mail-simple-intro strong{display:block;font-size:16px;line-height:1.5;font-weight:800;color:#191919}
.mail-simple-intro p{font-size:13px;line-height:1.6;color:#717171;margin:3px 0 0}
.mail-simple-filter{display:flex;align-items:center;gap:12px;margin:16px 0 20px}
.mail-simple-filter label{font-size:13px;font-weight:750;white-space:nowrap}
.mail-simple-filter select{height:44px;min-width:0;flex:1;border:1px solid #dadada;border-radius:11px;padding:0 12px;background:#fff;font:inherit;color:#222}
.mail-simple-card{background:#fff;border:1px solid #e7e7e7;border-radius:15px;margin:0 0 13px;padding:17px 18px;box-shadow:0 2px 12px #00000005;min-width:0}
.mail-simple-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mail-simple-project{font-size:14px;font-weight:850;color:#cf6e2e;overflow-wrap:anywhere}
.mail-simple-date{font-size:12px;color:#737373;white-space:nowrap}
.mail-simple-title{font-size:17px;line-height:1.5;font-weight:850;color:#191919;margin-top:10px;overflow-wrap:anywhere}
.mail-simple-summary{font-size:15px;line-height:1.75;color:#353535;margin:9px 0 12px;overflow-wrap:anywhere}
.mail-simple-next{padding:10px 12px;font-size:14px;line-height:1.75;border-radius:10px;background:#f6f6f6;color:#383838}
.mail-simple-next strong{color:#161616}
.mail-simple-old{display:flex;align-items:center;gap:6px;color:#967332;font-size:12px;line-height:1.55;margin:12px 0 0}
.mail-simple-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mail-simple-status{font-size:12px;font-weight:760;color:#777}
.mail-simple-status.needs-review{color:#a16926}
.mail-simple-status.done{color:#33825a}
.mail-simple-expanded{border-top:1px solid #e9e9e9;margin-top:15px;padding-top:16px;display:grid;gap:14px}
.mail-simple-source{display:grid;gap:9px;font-size:13px;line-height:1.65;color:#555;overflow-wrap:anywhere}
.mail-simple-source strong{color:#222}
.mail-simple-raw,.mail-simple-assignment,.mail-simple-tools{border:1px solid #ebebeb;background:#fcfcfc;border-radius:11px;padding:12px 14px;min-width:0}
.mail-simple-raw summary,.mail-simple-assignment summary,.mail-simple-tools summary{cursor:pointer;font-weight:750;font-size:14px;line-height:1.7;color:#292929}
.mail-simple-raw p{white-space:pre-wrap;font-size:13px;line-height:1.75;overflow-wrap:anywhere;margin:12px 0 0}
.mail-simple-raw ul{font-size:12px;line-height:1.8;padding:0 18px 0 0}
.mail-simple-assignment{background:#fffdf9;border-color:#e7d9c9}
.mail-simple-assignment form{display:grid;gap:12px;margin-top:12px}
.mail-simple-assignment-hint{font-size:13px;line-height:1.6;color:#777;margin:10px 0}
.mail-simple-dismiss{justify-self:start}
.mail-simple-caution{font-size:13px;color:#946b36;background:#fff7ed;border-radius:9px;padding:10px}
.mail-simple-more{margin:14px 0}
.mail-simple-tools{margin-top:20px}
.mail-simple-tools p{font-size:13px;color:#737373;line-height:1.7}
.mail-simple-sync-msg{font-size:13px;padding:12px 14px;border-radius:9px;background:#fafafa;line-height:1.7}
@media(max-width:600px){
 .mail-simple-intro{padding:13px 14px;align-items:flex-start}
 .mail-simple-intro strong{font-size:15px}
 .mail-simple-intro p{font-size:12px}
 .mail-simple-card{padding:14px 15px}
 .mail-simple-title{font-size:16px}
 .mail-simple-summary{font-size:14px}
 .mail-simple-next{font-size:13px}
 .mail-simple-date{font-size:11px}
 .mail-simple-filter{gap:8px}
 .mail-simple-footer .button{min-height:41px}
}

/* SMART dashboard report overview V28.3 */
.home-reports{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:22px;margin:18px 0 23px;min-width:0;box-shadow:0 2px 12px #00000004}
.home-reports-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px}
.home-reports-heading h2{font-size:21px;line-height:1.5;margin:3px 0 4px;color:#1f1f1f;font-weight:850}
.home-reports-heading p{font-size:13px;color:#707070;line-height:1.7;margin:0}
.home-section-eyebrow{font-weight:760;font-size:11px;color:#a06331}
.home-reports-heading button{flex-shrink:0}
.home-reports-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.home-reports-metric{border:1px solid #ebebeb;border-radius:12px;background:#fafafa;padding:16px 15px;min-width:0}
.home-reports-metric strong{font-size:31px;color:#232323;display:block;font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums}
.home-reports-metric span{font-size:12px;color:#666;display:block;line-height:1.65;margin-top:7px}
.home-reports-explainer{background:#f5f5f5;border-radius:10px;margin:13px 0 23px;padding:11px 14px;font-size:13px;line-height:1.8;color:#555}
.home-reports-list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:7px 0 13px}
.home-reports-list-heading h2,.home-reports-list-heading h3{font-size:17px;font-weight:850;color:#272727;margin:0;line-height:1.5}
.home-reports-list-heading p{font-size:12px;color:#777;margin:5px 0 0;line-height:1.7}
.home-reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.home-report-site{border:1px solid #e7e7e7;border-radius:13px;padding:17px;min-width:0;display:flex;flex-direction:column;gap:13px;background:#fff}
.home-report-site-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}
.home-report-site-top h4{font-size:15px;font-weight:850;line-height:1.65;color:#232323;margin:0;overflow-wrap:anywhere}
.home-report-site-top p{font-size:11px;color:#777;margin:4px 0 0;line-height:1.6}
.home-report-site-state{border-radius:8px;background:#f3f3f3;color:#646464;font-size:11px;font-weight:740;padding:7px 9px;white-space:normal;line-height:1.5}
.home-report-site-state.has-blocker{background:#fff5e8;color:#986328}
.home-report-work span{display:block;color:#676767;font-weight:750;font-size:12px;margin-bottom:5px}
.home-report-work p{white-space:pre-line;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#262626;margin:0}
.home-report-work small{display:block;color:#858585;font-size:11px;margin-top:8px;line-height:1.65}
.home-report-blockers{border-right:3px solid #ce8c4f;background:#fff9f2;padding:10px 12px;border-radius:8px}
.home-report-blockers strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#855d2d;line-height:1.7}
.home-report-blockers p{font-size:13px;white-space:pre-line;overflow-wrap:anywhere;color:#5f4d39;margin:6px 0 0;line-height:1.75}
.home-report-blockers small{color:#896d49;font-size:11px}
.home-report-no-blockers{font-size:12px;color:#777;line-height:1.75;margin:0}
.home-report-more{border:1px solid #ececec;border-radius:9px;padding:10px 12px}
.home-report-more summary{cursor:pointer;font-size:13px;font-weight:750;color:#444;line-height:1.7}
.home-report-individual{border-top:1px solid #ebebeb;padding-top:10px;margin-top:10px}
.home-report-individual strong{font-size:12px;color:#444}
.home-report-individual p{font-size:12px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere;color:#555;margin:6px 0}
.home-report-project-link{margin-top:auto;padding:11px 3px 0;border:0;border-top:1px solid #ededed;background:transparent;color:#b4672e;display:flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:780;cursor:pointer;text-align:right}
.home-reports-empty{border:1px dashed #e2e2e2;border-radius:12px;display:grid;place-items:center;text-align:center;gap:7px;padding:30px 16px;color:#888}
.home-reports-empty strong{font-size:14px;color:#444}
.home-reports-empty p{font-size:12px;line-height:1.7;margin:0}
.home-reports-note{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#858585;line-height:1.8;margin:16px 0 0}
.home-overview-extras{margin:22px 0}
.home-overview-extras>h2{font-size:17px;color:#292929;font-weight:850;margin:0 0 14px}
.home-overview-alerts{border:1px solid #e9e9e9;background:#fff;border-radius:14px;padding:20px;margin:20px 0}
.home-overview-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.home-overview-links button{display:flex;align-items:center;gap:7px;padding:12px 14px;border:1px solid #ececec;background:#fafafa;border-radius:9px;color:#333;line-height:1.7;text-align:right;font:inherit;font-size:12px;font-weight:700;cursor:pointer;min-width:0}
.home-overview-links button:hover,.home-report-project-link:hover{color:#d47731}
.home-overview-bottom{margin-top:18px}
@media(max-width:1050px){.home-reports-grid{grid-template-columns:1fr}}
@media(max-width:600px){
 .home-reports{padding:14px;margin:13px 0 21px}
 .home-reports-heading{display:block;margin-bottom:13px}
 .home-reports-heading h2{font-size:18px}
 .home-reports-heading p{font-size:12px}
 .home-reports-heading button{margin-top:12px;min-height:40px}
 .home-reports-metrics{gap:6px}
 .home-reports-metric{padding:11px 8px}
 .home-reports-metric strong{font-size:26px}
 .home-reports-metric span{font-size:11px;line-height:1.55;margin-top:5px}
 .home-reports-explainer{font-size:12px;padding:11px;margin:11px 0 18px}
 .home-reports-list-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}
 .home-reports-list-heading h2,.home-reports-list-heading h3{font-size:15px}
 .home-reports-list-heading p{font-size:11px}
 .home-report-site{padding:13px;gap:11px}
 .home-report-site-top h4{font-size:14px}
 .home-report-site-state{font-size:10px}
 .home-report-work p{font-size:13px}
 .home-report-blockers p{font-size:12px}
 .home-overview-links{grid-template-columns:1fr}
 .home-overview-alerts{padding:14px}
}

/* V28.4 dashboard automatic reporting sync status */
.home-report-sync-state{display:flex;align-items:center;gap:6px;margin:13px 0 4px;color:#617061;font-size:12px;line-height:1.65;border-top:1px solid #f0f0f0;padding-top:11px}
.home-report-sync-state:before{content:"";height:7px;width:7px;border-radius:50%;background:#4c9d73;flex:none}
@media(max-width:600px){.home-report-sync-state{font-size:11px;line-height:1.8}}

/* V28.5 — Cairo 9 PM report cut-off */
.home-reports-missing{border:1px solid #e8e8e8;border-radius:11px;background:#fafafa;padding:12px 15px;margin:13px 0 17px}
.home-reports-missing strong{display:block;font-size:13px;line-height:1.75;font-weight:850;color:#595959}
.home-reports-missing p{font-size:14px;line-height:1.8;color:#454545;overflow-wrap:anywhere;margin:4px 0}
.home-reports-missing.overdue{background:#fff8f0;border-color:#f0ddc3}
.home-reports-missing.overdue strong{color:#93602a}
.home-reports-missing .simple-link{margin-top:3px}
@media(max-width:600px){.home-reports-missing{padding:11px 12px}.home-reports-missing p{font-size:13px}}

/* V28.6 - site report daily closing digest */
.home-close-card{border:1px solid #e7e7e7;background:#fff;border-radius:15px;padding:19px 22px;margin:17px 0 22px;box-shadow:0 2px 12px #00000004}
.home-close-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;flex-wrap:wrap}
.home-close-heading h2{font-size:18px;color:#252525;font-weight:850;line-height:1.55;margin:3px 0}
.home-close-pill{color:#846232;background:#fcf5e9;border:1px solid #f1e6d5;padding:6px 10px;border-radius:9px;font-size:11px;line-height:1.6;font-weight:750}
.home-close-hint{font-size:13px;color:#6d6d6d;line-height:1.85;margin:12px 0}
.home-close-summary{white-space:pre-line;line-height:2;color:#343434;font-size:14px;margin:12px 0 15px;border-radius:10px;background:#f7f7f7;padding:13px 15px;overflow-wrap:anywhere}
.home-close-details{border:1px solid #ebebeb;border-radius:9px;padding:12px 14px;margin:12px 0 18px}
.home-close-details summary{cursor:pointer;color:#373737;font-size:13px;font-weight:800;line-height:1.7}
.home-close-details p{white-space:pre-line;line-height:1.95;font-size:13px;color:#4e4e4e;overflow-wrap:anywhere;margin:12px 0 0}
.home-close-card>.simple-link{display:inline-flex;align-items:center;gap:6px}
@media(max-width:600px){
.home-close-card{padding:14px 15px;margin:13px 0 20px}
.home-close-heading h2{font-size:16px}
.home-close-pill{font-size:10px}
.home-close-hint{font-size:12px}
.home-close-summary{padding:11px 12px;font-size:13px;line-height:1.9}
.home-close-details p{font-size:12px}
}

/* SMART push management card */
.smart-push-panel{border:1px solid #e6e6e6;background:#fff;border-radius:15px;padding:19px 21px;margin:17px 0 22px;box-shadow:0 2px 12px #00000005}
.smart-push-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.smart-push-head h2{font-size:17px;line-height:1.5;font-weight:850;color:#242424;margin:0}
.smart-push-head p{font-size:12px;line-height:1.75;color:#6d6d6d;margin:5px 0}
.smart-push-indicator{white-space:nowrap;color:#686868;background:#f1f1f1;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:750}
.smart-push-indicator.active{background:#eaf8f0;color:#167347}
.smart-push-note{font-size:13px;line-height:1.9;color:#585858;margin:12px 0}
.smart-push-message{border:1px solid #eaeaea;border-radius:9px;background:#f8f8f8;padding:11px 12px;font-size:12px;line-height:1.8;color:#555;margin:10px 0}
.smart-push-actions{margin-top:13px;gap:8px}
@media(max-width:600px){.smart-push-panel{padding:14px 15px;margin:13px 0 20px}.smart-push-head h2{font-size:15px}.smart-push-head{flex-wrap:wrap}.smart-push-note{font-size:12px}.smart-push-actions>.button{min-height:43px}}

/* SMART push setup navigation V28.8 */
.smart-topbar-bell{flex-shrink:0;cursor:pointer}
/* The bell inherits the exact same visual states as the adjacent refresh .icon-btn. */
.smart-push-guide{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:17px 19px;margin:12px 0 16px}
.smart-push-guide>strong{font-size:15px;font-weight:850;color:#242424}
.smart-push-guide p{margin:9px 0;font-size:13px;line-height:1.8;color:#4a4a4a}
.smart-push-guide .smart-push-guide-warning{padding:10px 12px;border-radius:9px;color:#986b30;background:#fff7ec;border:1px solid #f4e5ce}
@media(max-width:600px){
 /* Both header icon buttons inherit the same responsive dimensions. */
 .topbar-right{gap:7px}
 .smart-push-guide{padding:13px 15px}
 .smart-push-guide p{font-size:13px}
}

/* SMART management morning priorities */
.smart-priority-board{background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:20px 22px;margin:16px 0 23px;box-shadow:0 2px 12px #00000005;min-width:0}
.smart-priority-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.smart-priority-head h2{font-size:18px;font-weight:850;color:#262627;line-height:1.5;margin:0}
.smart-priority-intro{font-size:13px;line-height:1.9;color:#68686c;margin:10px 0 15px}
.smart-priority-stats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 15px}
.smart-priority-stats span{border-radius:9px;background:#f5f5f5;color:#555;padding:7px 10px;font-size:12px;font-weight:750}
.smart-priority-tile{padding:12px 14px;border:1px solid #ededf0;background:#fcfcfd;border-radius:12px;margin:9px 0;overflow-wrap:anywhere}
.smart-priority-tile>strong{font-size:13px;line-height:1.6;color:#252528}
.smart-priority-tile p{font-size:13px;color:#3b3b40;line-height:1.85;white-space:pre-line;margin:6px 0 7px}
.smart-priority-meta{font-size:11px;color:#777;line-height:1.9}
.smart-priority-meta b{color:#46464b}
.smart-priority-group{margin-top:19px}
.smart-priority-group h3{font-size:14px;color:#292929;font-weight:850;line-height:1.7;margin:0 0 10px}
.smart-priority-buttons{margin-top:14px;gap:8px}
.smart-priority-foot{font-size:11px;color:#777;line-height:1.9;margin:13px 0 0}
@media(max-width:600px){
 .smart-priority-board{padding:15px 14px;margin:13px 0 20px;border-radius:13px}
 .smart-priority-head h2{font-size:16px}
 .smart-priority-intro{font-size:12px}
 .smart-priority-tile{padding:11px 12px}
 .smart-priority-buttons .button{font-size:12px;min-height:40px}
 .smart-priority-stats span{font-size:11px}
}

/* SMART task WhatsApp sharing */
.smart-task-share-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.smart-task-share-actions .button{white-space:normal;text-align:center;line-height:1.6;text-decoration:none}
#task-share-card{scroll-margin-top:15px;min-width:0}
#task-share-card input{max-width:100%;font-size:12px}
@media(max-width:600px){
 .smart-task-share-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .smart-task-share-actions .button{width:100%;min-height:43px;padding:10px 12px}
 #task-share-card .card-body{padding:15px}
}

/* SMART staff performance dashboard */
.smart-staff-board{background:#fff;border:1px solid #e6e6e9;border-radius:16px;margin:18px 0 20px;padding:19px;min-width:0}
.smart-staff-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.smart-staff-heading h2{font-size:18px;font-weight:800;line-height:1.5;color:#25252b;margin:0}
.smart-staff-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0 14px}
.smart-staff-metrics>div{min-width:0;border:1px solid #eee;border-radius:10px;padding:12px 8px;background:#f9f9fa;text-align:center}
.smart-staff-metrics b{display:block;font-size:25px;line-height:1.35;color:#25252c;font-weight:850;font-variant-numeric:tabular-nums}
.smart-staff-metrics span{font-size:11px;line-height:1.8;color:#696971}
.smart-staff-caveat,.smart-staff-footer{font-size:12px;line-height:2;color:#6c6c74;margin:10px 0 14px}
.smart-staff-footer{margin:16px 4px}
.smart-staff-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}
.smart-staff-filter{display:flex;flex-wrap:wrap;gap:6px}
.smart-staff-filter button{font:inherit;font-size:12px;font-weight:700;background:#f4f4f5;border:1px solid #e3e3e7;border-radius:9px;color:#52525b;padding:8px 10px;cursor:pointer}
.smart-staff-filter button.active{background:#fff0e7;border-color:#eea476;color:#bd541d}
#smart-staff-search{border:1px solid #dcdce2;background:white;border-radius:10px;padding:10px 12px;min-width:220px;max-width:100%;font-family:inherit;font-size:13px}
.smart-staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.smart-staff-person{border:1px solid #e7e7eb;border-radius:14px;padding:14px;background:#fcfcfd;min-width:0}
.smart-staff-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.smart-staff-person-head h3{margin:0 0 4px;font-size:16px;color:#29292e;font-weight:850;line-height:1.5}
.smart-staff-person-head span:not(.smart-staff-condition){font-size:12px;color:#767681}
.smart-staff-condition{font-size:11px;padding:5px 9px;border-radius:99px;font-weight:750;background:#f2f2f3;color:#54545a}
.smart-staff-condition.warn{background:#fff0e6;color:#a34a20}
.smart-staff-condition.review{background:#f1efff;color:#6550a5}
.smart-staff-condition.ok{background:#ecf8f0;color:#33734b}
.smart-staff-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}
.smart-staff-numbers>span{min-width:0;background:#f3f3f5;border-radius:9px;padding:8px 5px;text-align:center;font-size:11px;line-height:1.8;color:#6c6c75}
.smart-staff-numbers b{display:block;color:#303035;font-size:19px;line-height:1.25}
.smart-staff-numbers .is-late{background:#ffede5;color:#a94a26}
.smart-staff-numbers .is-late b{color:#a94a26}
.smart-staff-detail{border-top:1px solid #e9e9ed;margin-top:11px;padding-top:10px}
.smart-staff-detail summary{cursor:pointer;font-weight:750;font-size:12px;color:#4c4c53;line-height:1.8}
.smart-staff-task{background:white;border:1px solid #e9e9ed;border-radius:9px;margin:9px 0;padding:9px 11px;overflow-wrap:anywhere}
.smart-staff-task strong{font-size:12px;color:#33333a}
.smart-staff-task p{font-size:12px;line-height:1.8;margin:5px 0;color:#555}
.smart-staff-task small{font-size:11px;color:#797980}
.smart-staff-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.smart-staff-actions .button{white-space:normal;text-align:center}
.smart-staff-report-summary{display:flex;align-items:center;gap:12px;background:#f7f7f8;padding:11px 13px;border-radius:10px;margin:14px 0}
.smart-staff-report-summary strong{font-size:25px;white-space:nowrap}
.smart-staff-report-summary span{font-size:13px;color:#555}
.smart-staff-report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.smart-staff-reporter{border:1px solid #e8e8eb;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:6px}
.smart-staff-reporter strong{font-size:13px;color:#303039}
.smart-staff-reporter span{font-size:12px;color:#5a5a62}
.smart-staff-reporter small{font-size:11px;line-height:1.8;color:#83838a}
.smart-staff-empty{padding:22px;text-align:center;color:#7d7d85;font-size:13px;grid-column:1/-1}
.smart-staff-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border:1px solid #e6e6e9;background:#fff;border-radius:15px;padding:18px;margin:14px 0 20px}
.smart-staff-preview h2{margin:3px 0 6px;font-size:17px;font-weight:850}
.smart-staff-preview p{margin:0;color:#65656d;font-size:12px;line-height:1.8}
@media(max-width:900px){.smart-staff-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .smart-staff-board{padding:13px 12px;margin:14px 0;border-radius:12px}
 .smart-staff-heading h2{font-size:16px}
 .smart-staff-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .smart-staff-metrics b{font-size:22px}
 .smart-staff-controls{align-items:stretch}
 .smart-staff-filter{width:100%;gap:6px}
 .smart-staff-filter button{font-size:11px;padding:9px 10px;flex:1 1 auto}
 #smart-staff-search{width:100%;min-width:0;box-sizing:border-box}
 .smart-staff-grid,.smart-staff-report-list{grid-template-columns:minmax(0,1fr)}
 .smart-staff-person{padding:12px}
 .smart-staff-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}
 .smart-staff-preview{padding:13px;align-items:flex-start}
 .smart-staff-preview .button{width:100%}
 .smart-staff-actions .button{flex:1 1 auto}
}

/* SMART project health V28.13 */
.smart-health-dashboard{background:#fff;border:1px solid #e8e8ed;border-radius:15px;padding:19px;margin:16px 0 20px}
.smart-health-heading,.smart-health-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.smart-health-heading h2{font-size:18px;font-weight:850;line-height:1.6;margin:0;color:#292930}
.smart-health-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}
.smart-health-metrics>div{min-width:0;text-align:center;background:#f6f6f8;border-radius:10px;padding:10px 6px}
.smart-health-metrics b{display:block;color:#28282d;font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums}
.smart-health-metrics span{color:#65656d;font-size:11px;line-height:1.8}
.smart-health-explain{font-size:12px;color:#6b6b75;line-height:1.9;margin:12px 0}
.smart-health-filters{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}
.smart-health-filters button{border:1px solid #e5e5e8;border-radius:9px;background:#f6f6f7;color:#56565d;padding:9px 11px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.smart-health-filters button.active{background:#fff0e6;border-color:#edac7b;color:#a94e25}
.smart-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.smart-health-card{border:1px solid #e8e8ec;border-right:4px solid #d5d5da;background:#fcfcfd;border-radius:12px;min-width:0;padding:15px}
.smart-health-card.intervention{border-right-color:#ce6b46}
.smart-health-card.follow_up{border-right-color:#d8a44d}
.smart-health-card.reported_clear{border-right-color:#5e9980}
.smart-health-top h3{font-size:16px;color:#303036;line-height:1.5;font-weight:850;margin:0 0 6px}
.smart-health-top small{font-size:11px;line-height:1.9;color:#7b7b83}
.smart-health-status{font-size:11px;font-weight:800;padding:5px 9px;border-radius:99px;line-height:1.65;background:#eee;color:#555}
.smart-health-card.intervention .smart-health-status{background:#ffede7;color:#ae532f}
.smart-health-card.follow_up .smart-health-status{background:#fff5dd;color:#97691d}
.smart-health-card.reported_clear .smart-health-status{background:#eaf6ef;color:#317453}
.smart-health-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:15px 0}
.smart-health-counts span{min-width:0;background:#f0f0f2;border-radius:8px;text-align:center;padding:7px 4px;font-size:10px;color:#606068;line-height:1.7}
.smart-health-counts b{display:block;color:#2d2d32;font-size:17px}
.smart-health-reasons{font-size:12px;color:#5c5c64;line-height:1.9;padding:10px;background:#f6f6f8;border-radius:9px;overflow-wrap:anywhere}
.smart-health-section{margin:14px 0}
.smart-health-section h4{font-size:13px;margin:0 0 7px;color:#35353a}
.smart-health-section>p,.smart-health-task{font-size:12px;line-height:1.9;padding:10px;border-radius:9px;background:white;border:1px solid #e8e8e9;overflow-wrap:anywhere}
.smart-health-section small,.smart-health-task p{display:block;color:#73737d;font-size:11px;margin:6px 0 0;line-height:1.8}
.smart-health-task strong{font-size:12px}
.smart-health-detail{padding:12px 0;border-top:1px solid #e7e7ea;margin-top:10px}
.smart-health-detail summary{font-size:12px;font-weight:800;cursor:pointer;color:#4b4b50}
.smart-health-actions,.smart-health-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}
.smart-health-actions .button{white-space:normal}
.smart-health-empty{font-size:13px;color:#787880;text-align:center;padding:24px;grid-column:1/-1}
.smart-health-preview{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid #e7e7ed;background:#fff;border-radius:15px;padding:17px;margin:15px 0}
.smart-health-preview h2{font-size:17px;font-weight:850;margin:5px 0}
.smart-health-preview p{font-size:12px;color:#63636e;line-height:1.8;margin:0}
@media(max-width:900px){.smart-health-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .smart-health-dashboard{padding:13px 12px;border-radius:12px}
 .smart-health-heading h2{font-size:16px}
 .smart-health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .smart-health-grid{grid-template-columns:minmax(0,1fr)}
 .smart-health-filters button{flex:1 1 auto;padding:9px 8px;font-size:11px}
 .smart-health-card{padding:12px}
 .smart-health-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .smart-health-actions .button,.smart-health-bottom .button{flex:1 1 auto}
 .smart-health-preview{padding:13px}
 .smart-health-preview .button{width:100%}
}

/* SMART V28.15 clean home: focus on decisions, keep advanced tools reachable. */
.smart-clean-home{min-width:0}
.smart-clean-home .page-heading{margin-bottom:17px}
.smart-clean-home .page-heading p{font-size:13px}
.smart-clean-home .home-reports{margin:12px 0 18px;padding:17px 18px}
.smart-clean-home .home-reports-heading{margin-bottom:12px}
.smart-clean-home .home-reports-heading h2{font-size:18px}
.smart-clean-home .home-reports-explainer{font-size:12px;line-height:1.8;margin:10px 0}
.smart-clean-home .home-reports-metrics{margin-bottom:10px}
.home-report-details{border-top:1px solid #ececef;margin-top:13px;padding-top:12px}
.home-report-details>summary{cursor:pointer;font-size:13px;line-height:1.9;font-weight:800;color:#424249;list-style-position:inside}
.home-report-details>summary:hover{color:#cb662e}
.home-report-details[open]>.home-reports-list-heading{margin-top:15px}
.home-clean-actions{padding:16px 18px;margin:14px 0}
.home-clean-actions h2{font-size:16px;line-height:1.5;margin:0 0 13px}
.home-clean-more{margin-top:11px;border-top:1px solid #e8e8ea;padding-top:10px}
.home-clean-more>summary{font-size:12px;font-weight:750;cursor:pointer;color:#555}
.home-clean-more .home-overview-links{margin-top:10px}
.home-clean-fold{background:#fff;border:1px solid #e6e6e9;border-radius:13px;margin:12px 0;padding:14px 17px;min-width:0}
.home-clean-fold>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:1.7;color:#29292e;font-weight:850}
.home-clean-fold>summary span{font-size:11px;color:#83838a;font-weight:600}
.home-clean-fold>.home-close-card,.home-clean-fold>.smart-priority-board{margin:14px 0 0;border:0;box-shadow:none;padding:10px 0 0;border-top:1px solid #ededf1;border-radius:0}
.home-clean-quick{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:17px 0 5px}
.home-clean-quick .button{flex:1 1 120px;min-width:0}
.sidebar .smart-sidebar-extra{margin:9px 0 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;min-width:0;padding:0}
.sidebar .smart-sidebar-extra>summary{cursor:pointer;padding:13px 14px;font-size:12px;font-weight:800;color:#d9d9df;line-height:1.6;list-style-position:inside}
.sidebar .smart-sidebar-extra[open]>summary{border-bottom:1px solid rgba(255,255,255,.10);color:#fff}
.sidebar .smart-sidebar-extra-links{padding:8px 5px 6px;display:flex;flex-direction:column}
.sidebar .smart-sidebar-extra-links .nav-item{font-size:12px;padding:10px 12px;margin-bottom:2px}
@media(max-width:650px){
 .smart-clean-home .page-heading{margin-bottom:14px}
 .smart-clean-home .home-reports{padding:14px 12px;margin:8px 0 13px}
 .smart-clean-home .home-reports-heading h2{font-size:17px}
 .smart-clean-home .home-reports-heading p{font-size:11px}
 .smart-clean-home .home-reports-explainer{font-size:11px}
 .home-clean-actions{padding:14px 12px}
 .home-clean-fold{padding:13px 12px}
 .home-clean-fold>summary{font-size:13px}
 .home-clean-quick{gap:7px}
 .home-clean-quick .button{font-size:12px;padding:10px}
}

/* SMART V28.15.2 financial alert compact */
.smart-finance-clear{display:flex;gap:14px;align-items:flex-start;margin:16px 0;padding:19px;background:#fff;border:1px solid #e5e5e8;border-radius:14px;min-width:0}
.smart-finance-clear-mark{width:42px;height:42px;flex-shrink:0;background:#eff8f1;color:#37835a;border-radius:11px;display:grid;place-items:center}
.smart-finance-clear h2{font-size:17px;margin:0 0 6px;line-height:1.55;color:#2d2d32}
.smart-finance-clear p{font-size:12px;line-height:1.95;margin:0;color:#696973}
.smart-finance-shortcuts{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:14px 0 21px}
.smart-finance-source-note{margin:13px 0;background:transparent;border:1px solid #e4e4e7;border-radius:10px;padding:11px 14px}
.smart-finance-source-note>summary{font-size:12px;font-weight:700;line-height:1.6;color:#74747b;cursor:pointer}
.smart-finance-source-note p{font-size:12px;line-height:1.85;margin:10px 0 0;color:#75757b}
.smart-finance-history-list{display:grid;gap:9px;margin:16px 0}
.smart-finance-history-row{min-width:0;padding:0;border:1px solid #e8e8ec;background:#fff;border-radius:12px;overflow:hidden}
.smart-finance-history-row>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;list-style-position:inside;padding:13px 16px;cursor:pointer;line-height:1.75}
.smart-finance-history-row>summary span{color:#303038;font-size:13px;font-weight:800}
.smart-finance-history-row>summary small{font-size:11px;color:#86868c}
.smart-finance-history-detail{padding:0 10px 10px}
.smart-finance-history-detail .card{margin-top:0!important;border-color:#efeff1}
.smart-finance-history-row:not([open]){box-shadow:none}
.smart-finance-zero{padding:19px;font-size:13px;color:#75757e}
@media(max-width:640px){
 .smart-finance-clear{padding:13px 12px;gap:11px;margin:10px 0}
 .smart-finance-clear-mark{width:37px;height:37px}
 .smart-finance-clear h2{font-size:15px}
 .smart-finance-shortcuts .button{font-size:12px}
 .smart-finance-history-row>summary{padding:11px 12px}
}

/* SMART V28.15.2 operations events */
.smart-ops-event{border:1px solid #e8e8eb;background:#fff;border-radius:10px;margin-bottom:8px;padding:0}
.smart-ops-event>summary{padding:12px 13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;line-height:1.7}
.smart-ops-event>summary strong{color:#32323a;font-size:12px;font-weight:800}
.smart-ops-event>summary small{color:#8b8b93;font-size:11px}
.smart-ops-event>p{font-size:12px;line-height:1.9;color:#666672;margin:0;padding:10px 14px 13px;border-top:1px solid #eee;white-space:pre-line;overflow-wrap:anywhere}
.smart-ops-event>.simple-link{margin:0 14px 12px}
.smart-ops-source-note{margin:13px 0;border:1px solid #e4e4e9;border-radius:10px;padding:12px 14px;background:#fff}
.smart-ops-source-note>summary{font-size:12px;font-weight:800;line-height:1.7;color:#666675;cursor:pointer}
.smart-ops-source-note>p{font-size:12px;color:#75757c;line-height:2;margin:9px 0 0}
@media(max-width:640px){.smart-ops-event>summary{align-items:flex-start;padding:11px 12px}.smart-ops-source-note{padding:11px 12px}}


/* SMART V28.16.5 | compact task-management controls on iOS/Android */
.smart-task-management{margin-bottom:18px}
.smart-task-manage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.smart-task-manage-bar .button{font-size:.86rem;min-height:39px;padding:8px 13px}
.smart-task-manage-active{border-color:#e96925!important;color:#d35118!important;background:#fff7f0!important}
.smart-task-manage-form{border:1px solid #e8c9b6;background:#fffaf6;border-radius:14px;padding:16px;margin:10px 0 14px;display:grid;gap:12px}
.smart-task-manage-form h3{font-size:1.04rem;margin:0}
.smart-task-manage-form .field label{display:block;margin-bottom:6px}
.smart-task-manage-form textarea,.smart-task-manage-form input{width:100%;box-sizing:border-box}
.smart-task-manage-form .row-actions{display:flex;gap:8px;flex-wrap:wrap}
.smart-task-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.smart-task-split-part{background:#fff;border:1px solid #e8dcd2;border-radius:12px;padding:14px;display:grid;gap:10px;min-width:0}
.smart-task-lineage{padding:10px 12px;border-radius:9px;background:#f4f6f9;font-size:.86rem;line-height:1.8;margin:8px 0}
.smart-task-manage-warning{background:#fff1d7;color:#8a510d;padding:12px;border-radius:9px;font-weight:600}
.smart-task-history{margin-top:12px;padding-top:9px;border-top:1px solid #e7e7e7}
.smart-task-history summary{font-weight:600;cursor:pointer}
.smart-task-history p{line-height:1.8;font-size:.86rem;padding:9px;border-bottom:1px solid #eee}
.smart-task-history p span{display:block;color:#697080}
@media(max-width:650px){
 .smart-task-manage-bar{gap:7px}
 .smart-task-manage-bar>.small-text{width:100%}
 .smart-task-manage-bar .button{flex:1 1 calc(50% - 7px);white-space:normal;text-align:center;justify-content:center}
 .smart-task-split-grid{grid-template-columns:1fr}
 .smart-task-manage-form{padding:12px}
}


/* SMART V28.16.8: individual employee performance and accountable reporting schedules */
.smart-staff-name-button{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:750;text-align:start;cursor:pointer;text-decoration:underline;text-decoration-color:#eb762d;text-underline-offset:5px}
.smart-staff-name-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.smart-score-page{display:grid;gap:16px;max-width:1120px;margin:0 auto;padding-bottom:32px}
.smart-score-head{background:#181a1e;color:#fff;padding:24px;border-radius:18px}
.smart-score-head h1{font-size:clamp(1.4rem,4vw,2rem);margin:8px 0}
.smart-score-head p{color:#d3d6da;margin:5px 0 18px;line-height:1.85}
.smart-score-head .eyebrow{color:#f3a86b}
.smart-score-period{display:flex;gap:9px;flex-wrap:wrap}
.smart-score-period .button{border-color:#9a9ba0}
.smart-score-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.smart-score-stat{background:#fff;border:1px solid #e5e8ef;border-radius:14px;padding:16px 13px;min-width:0;display:flex;flex-direction:column;gap:5px}
.smart-score-stat strong{font-size:clamp(1.6rem,3vw,2.05rem);line-height:1.4;color:#24272c;font-variant-numeric:tabular-nums}
.smart-score-stat span{font-size:.92rem;font-weight:750;color:#4e5767}
.smart-score-stat small{font-size:.75rem;color:#647184}
.smart-score-grade{display:flex;gap:16px;align-items:center;padding:14px 0 21px}
.smart-score-grade strong{font-size:2.25rem;color:#e56e28;font-variant-numeric:tabular-nums}
.smart-score-grade span{font-weight:700;color:#495264}
.smart-score-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eaedf2;align-items:center}
.smart-score-line:last-child{border-bottom:0}
.smart-score-line span{color:#4d596a}.smart-score-line strong{color:#1c2532}
.smart-score-info{background:#f4f6f9;padding:12px 14px;border-radius:12px;line-height:1.9;color:#546376}
.smart-score-entry{padding:11px 4px;border-bottom:1px solid #edf0f4;display:flex;flex-direction:column;gap:4px}
.smart-score-entry:last-child{border-bottom:none}
.smart-score-entry small{color:#617086;line-height:1.6}
.smart-score-breakdown{margin-bottom:14px}
.smart-score-details{margin:11px 0;border:1px solid #e9ecf1;border-radius:12px;padding:12px}
.smart-score-details>summary{cursor:pointer;font-weight:750;color:#2e394a}
.smart-score-details[open]>summary{padding-bottom:9px;border-bottom:1px solid #edf0f4}
.smart-score-schedule{padding:16px 0;border-bottom:1px solid #e6eaf0}
.smart-score-schedule:last-child{border-bottom:0}
.smart-score-schedule-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.smart-score-days{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}
.smart-score-days label{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce1eb;border-radius:10px;padding:8px 10px;cursor:pointer;background:#fbfcfe;font-weight:600;font-size:.82rem}
.smart-score-days label:has(input:checked){background:#fff1e9;border-color:#eb9b68}
.smart-score-days input{width:16px;min-height:16px;height:16px;padding:0;accent-color:#ed752a}
@media(max-width:800px){.smart-score-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-score-head{padding:20px 16px}}
@media(max-width:380px){.smart-score-kpis{gap:8px}.smart-score-stat{padding:12px 10px}.smart-score-stat strong{font-size:1.6rem}.smart-score-days{gap:5px}.smart-score-days label{padding:7px 8px}}


/* SMART V28.16.9 reporting responsibility in project-first cards */
.smart-coverage-overview,.smart-coverage-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.smart-coverage-overview>div,.smart-coverage-numbers>div{padding:13px;background:#fff;border:1px solid #e6e9ef;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.smart-coverage-overview b,.smart-coverage-numbers b{font-size:1.5rem;color:#26303b}
.smart-coverage-overview span,.smart-coverage-numbers span{font-size:.8rem;color:#59687d}
.smart-coverage-list{display:grid;gap:15px}
.smart-coverage-card{background:#fff;border:1px solid #e5e9f0;border-radius:17px;padding:18px}
.smart-coverage-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.smart-coverage-top h3{font-size:1.12rem;margin:0 0 8px}
.smart-coverage-top p{margin:5px 0;color:#44546b}
.smart-coverage-top small{color:#718097}
.smart-coverage-form{display:grid;gap:11px;padding:12px 2px}
.smart-coverage-form label{display:grid;gap:5px;font-weight:700}
.smart-coverage-form select{min-height:42px;border-radius:9px;border:1px solid #cfd6e0;background:white;padding:8px;width:100%;font:inherit}
.smart-coverage-form button{justify-self:start}
@media(max-width:780px){.smart-coverage-overview,.smart-coverage-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-coverage-card{padding:14px}}

/* V28.16.9 — responsive date-range cover and compact daily digest */
.smart-coverage-form input[type="date"]{width:100%;min-height:42px;background:#fff;border:1px solid #cfd6e0;border-radius:9px;padding:8px;font:inherit;color:#26303b}
.smart-coverage-form .row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.smart-coverage-form .row-actions .button{width:auto;max-width:100%;min-height:42px;white-space:normal}
.smart-coverage-card .smart-score-details{margin:11px 0}
.smart-coverage-card .small-text{line-height:1.9}
.smart-coverage-card .badge{max-width:100%;white-space:normal;text-align:center}
@media(max-width:430px){.smart-coverage-form .row-actions .button{flex:1 1 145px}}