:root{font:16px/1.65 Tahoma,Arial,sans-serif;color:#102c3c;background:#f2f6f8}*{box-sizing:border-box}body{margin:0}header{background:#103e51;color:white;display:flex;align-items:center;gap:2rem;padding:1rem max(1.5rem,4vw);flex-wrap:wrap}.brand{font-weight:700;font-size:1.25rem}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{color:#fff}header form{margin-inline-start:auto}a{color:#126b81}button{font:inherit;cursor:pointer;border:1px solid #b4cbd3;border-radius:8px;padding:.45rem 1rem;background:#fff}main{max-width:1200px;margin:2rem auto;padding:0 1.5rem}h1{font-size:1.75rem;margin:0 0 1.5rem}.login{max-width:440px;margin:6vh auto;background:white;padding:2rem;border-radius:14px;box-shadow:0 8px 30px #102c3c14}.login form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input{font:inherit;width:100%;padding:.65rem;border:1px solid #a9c0c9;border-radius:8px}.primary{background:#126b81;color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 18px #102c3c12;font-weight:700;text-decoration:none}.table-wrap{overflow-x:auto;background:white;border-radius:12px;box-shadow:0 4px 18px #102c3c12}table{border-collapse:collapse;width:100%;min-width:750px}td,th{text-align:right;padding:.85rem;border-bottom:1px solid #dbe6ea}th{background:#e8f2f4}.detail{display:flex;flex-wrap:wrap;gap:0 2rem;background:white;padding:.5rem 1.5rem;border-radius:12px}@media(max-width:600px){main{margin:1rem auto}header{gap:.8rem}header form{margin:0}}
.editor{display:grid;gap:1.4rem}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1.2rem;background:white;border-radius:12px}.fields label{align-self:start}select,textarea{font:inherit;width:100%;padding:.65rem;border:1px solid #a9c0c9;border-radius:8px;background:white}.editor table input,.editor table select{min-width:125px}.editor .primary{justify-self:start}.button{display:inline-block;background:#126b81;color:white;text-decoration:none;border-radius:8px;padding:.5rem 1rem}.error{background:#ffe4e4;color:#8b1414;padding:1rem;border-radius:8px}
.summary{margin-top:1rem;padding:1rem 1.4rem;background:#e8f2f4;border-radius:10px;font-weight:600;white-space:pre-wrap}.summary p{margin:.35rem 0}.editor table td:last-child{font-weight:600;white-space:nowrap}
/* Desktop identity adapted for responsive web navigation. */
body{min-height:100vh;display:flex;flex-direction:column;background:#f4f8fb}.app-header{display:flex;min-height:88px;gap:1.4rem;align-items:center;background:#113c50;color:#fff;padding:.65rem 2.4vw}.identity{display:flex;align-items:center;gap:.8rem;color:white;text-decoration:none;font-size:1.23rem;font-weight:700}.identity img{object-fit:contain;background:white;border-radius:12px;padding:4px}.identity small{display:block;font-size:.74rem;font-weight:400;opacity:.78;letter-spacing:.08em}.header-meta{display:flex;align-items:center;gap:1rem;margin-inline-start:auto}.app-header form{margin:0}.exit{color:white;background:#ac2637;border-color:#e1828d}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);flex:1}.sidebar{background:#17495e;color:white;padding:1rem .7rem;min-height:calc(100vh - 136px)}.main-nav{display:grid;gap:.4rem}.main-nav a,.main-nav summary{display:block;color:#fff;padding:.75rem .9rem;border-radius:8px;text-decoration:none;cursor:pointer}.main-nav a:hover,.main-nav summary:hover,.main-nav details[open]>summary{background:#24647a}.main-nav details div{margin-inline-start:.6rem;border-inline-start:2px solid #588fa1;padding-inline-start:.4rem}.main-nav details div a{font-size:.9rem;padding:.5rem .8rem}.workspace{width:100%;min-width:0;max-width:none;margin:0;padding:2rem clamp(1rem,3vw,3rem)}body>main{width:100%}footer{display:flex;gap:2rem;justify-content:space-between;background:#e1ebef;color:#24485a;padding:.65rem 2rem;font-size:.85rem}.welcome{text-align:center;margin:1.5rem 0 2rem}.welcome h1{margin-bottom:.1rem}.welcome p{margin:0;color:#527184}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;max-width:1000px;margin-inline:auto}.hub-card{display:flex;align-items:center;gap:1rem;min-height:118px;padding:1.5rem;background:white;border-radius:14px;color:#17495e;text-decoration:none;box-shadow:0 5px 18px #16465b15;font-size:1.12rem}.hub-card:hover{outline:2px solid #1b7b91}.hub-card b{display:grid;place-items:center;background:#d9eef1;width:54px;height:54px;border-radius:12px;font-size:1.7rem}.count{color:#486779}.workspace .table-wrap{max-width:100%}@media(max-width:800px){.shell{display:block}.sidebar{min-height:0;padding:.35rem 1rem}.main-nav{display:flex;overflow-x:auto;align-items:start}.main-nav>a,.main-nav>details{flex:none}.main-nav details[open]{min-width:210px}.header-meta{margin:0}.app-header{padding:.65rem 1rem}.workspace{padding:1.2rem}footer{padding:.7rem 1rem}}@media(max-width:520px){.identity{font-size:1rem}.identity img{width:42px;height:42px}.header-meta{display:none}}
.record-editor{display:grid;gap:1.2rem}.record-editor .fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.record-editor .primary{justify-self:start}.field-locked{display:grid;gap:.3rem;background:#edf4f6;padding:.55rem .8rem;border-radius:8px;color:#395a68}.field-locked strong{font-weight:500}.check{display:flex;align-items:center;gap:.7rem;padding:.8rem}.check input{width:18px;height:18px}

.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem}.chat-people,.chat-panel{background:#fff;border-radius:12px;padding:1rem}.chat-person{display:block;padding:.6rem;border-radius:8px;text-decoration:none}.chat-person.active{background:#e1f1f4}.chat-thread{max-height:58vh;overflow:auto;display:flex;flex-direction:column;gap:.7rem}.chat-message{background:#e9f2f5;padding:.7rem 1rem;border-radius:10px;align-self:start;max-width:85%;white-space:pre-wrap}.chat-message.mine{background:#dcf2e6;align-self:end}.chat-message p{margin:.25rem 0}.chat-compose{margin-top:1rem;display:grid;gap:.7rem}.chat-compose button{justify-self:start}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-people{display:flex;gap:.5rem;overflow:auto}}@media print{.sidebar,.app-header form,.main-nav,footer,.button,button,.chat-compose{display:none!important}.shell{display:block}.workspace{padding:0}body{background:white}.table-wrap{box-shadow:none}table{min-width:0}}
.media-upload{background:#fff;padding:1rem;border-radius:10px;margin:1rem 0;display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.media-upload label{min-width:240px}.print-brand img,.print-footer img{max-width:100%;height:auto}.print-brand,.print-footer{display:none}@media print{.print-brand,.print-footer{display:block}.print-brand img,.print-footer img{width:100%}.print-footer{margin-top:1rem}header.app-header,.sidebar{display:none!important}table{page-break-inside:auto}tr{page-break-inside:avoid}}
/* Windows program colors and recognizable section icons. */
:root{--brand:#0f766e;--brand-dark:#073b3a}.app-header{background:var(--brand-dark)}.sidebar{background:#115b57}.main-nav a:hover,.main-nav summary:hover,.main-nav details[open]>summary{background:#0f766e}.primary,.button{background:var(--brand);border-color:var(--brand)}.hub-card{color:var(--brand-dark)}.hub-card:nth-child(1) b{color:#0f766e;background:#daf6ee}.hub-card:nth-child(2) b{color:#2169ad;background:#e2f0ff}.hub-card:nth-child(3) b{color:#b56a1b;background:#fff1db}.hub-card:nth-child(4) b{color:#9a4164;background:#ffe4ee}
.inline-delete{display:inline-block;margin-inline-start:.45rem}.danger{background:#b91c1c;color:#fff;border-color:#9f1239}.alert-expired{background:#fff0f0}.alerts-shortcut{margin-top:2rem}
.header-meta time{display:grid;line-height:1.25;text-align:center;font-size:.88rem}.header-meta time small{font-size:.8rem;opacity:.85;margin-top:.25rem}

.theme-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.theme-choice{display:flex;align-items:center;gap:.5rem;padding:.7rem;background:white;border-radius:10px}.theme-choice input{width:20px}.theme-swatch{width:25px;height:25px;border:2px solid;border-radius:50%}.about{margin-top:2rem;background:#fff;padding:1rem;border-radius:12px}
body[data-theme="Crystal"]{--brand-dark:#073B3A;--brand:#0F766E;--brand-secondary:#0B4F4D;--page:#F1F5F9}.theme-choice[data-swatch="Crystal"] .theme-swatch{background:#073B3A;border-color:#0F766E}
body[data-theme="Ocean"]{--brand-dark:#0F2A4A;--brand:#2563EB;--brand-secondary:#173F6B;--page:#F1F5F9}.theme-choice[data-swatch="Ocean"] .theme-swatch{background:#0F2A4A;border-color:#2563EB}
body[data-theme="Royal"]{--brand-dark:#3B1F5E;--brand:#7C3AED;--brand-secondary:#512B77;--page:#F7F5FF}.theme-choice[data-swatch="Royal"] .theme-swatch{background:#3B1F5E;border-color:#7C3AED}
body[data-theme="Burgundy"]{--brand-dark:#571C2D;--brand:#BE123C;--brand-secondary:#76253A;--page:#FFF7F8}.theme-choice[data-swatch="Burgundy"] .theme-swatch{background:#571C2D;border-color:#BE123C}
body[data-theme="Slate"]{--brand-dark:#1E293B;--brand:#475569;--brand-secondary:#334155;--page:#F8FAFC}.theme-choice[data-swatch="Slate"] .theme-swatch{background:#1E293B;border-color:#475569}
body[data-theme="Emerald"]{--brand-dark:#064E3B;--brand:#059669;--brand-secondary:#065F46;--page:#F0FDF4}.theme-choice[data-swatch="Emerald"] .theme-swatch{background:#064E3B;border-color:#059669}
body[data-theme="Sky"]{--brand-dark:#0C4A6E;--brand:#0284C7;--brand-secondary:#075985;--page:#F0F9FF}.theme-choice[data-swatch="Sky"] .theme-swatch{background:#0C4A6E;border-color:#0284C7}
body[data-theme="Orange"]{--brand-dark:#7C2D12;--brand:#EA580C;--brand-secondary:#9A3412;--page:#FFFBEB}.theme-choice[data-swatch="Orange"] .theme-swatch{background:#7C2D12;border-color:#EA580C}
body[data-theme="Rose"]{--brand-dark:#831843;--brand:#DB2777;--brand-secondary:#9D174D;--page:#FFF7FB}.theme-choice[data-swatch="Rose"] .theme-swatch{background:#831843;border-color:#DB2777}
body[data-theme="Petrol"]{--brand-dark:#0F6972;--brand:#147D85;--brand-secondary:#175260;--page:#F2F8FA}.theme-choice[data-swatch="Petrol"] .theme-swatch{background:#0F6972;border-color:#147D85}
body{background:var(--page,#f1f5f9)}.sidebar{background:var(--brand-secondary,#0b4f4d)}.app-header{background:var(--brand-dark,#073b3a)}.primary,.button{background:var(--brand,#0f766e)}
.list-search{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.list-search label{min-width:min(320px,100%)}.list-search a{align-self:center}.salary-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem 1.4rem;white-space:normal;margin-bottom:1rem}
/* Windows application surfaces */
.login-page{background:#f5fbff;justify-content:center;align-items:center}.login-page>main{margin:auto;width:min(100%,540px);padding:16px}.login-page .login{max-width:none;margin:0;padding:20px 28px 24px;border:1px solid #23657c;border-radius:17px;box-shadow:none;text-align:center;background:white}.login-logo{display:block;width:172px;height:116px;object-fit:contain;margin:0 auto 8px}.login h1{color:#07536b;font-size:1.65rem;margin:0}.login>p:not(.error){margin:0 0 17px;color:#16566b}.login form{gap:12px}.login label{color:#06425d;text-align:center}.login input{height:44px;border:1px solid #1d6985;border-radius:0;background:white}.login-actions{display:flex;flex-direction:row-reverse;justify-content:center;gap:10px;margin-top:24px}.login-actions button{min-width:104px;color:white;font-weight:700}.login-actions .cancel{background:#bd1d20;border-color:#bd1d20}.login-page footer{display:none}
.home-page .app-header{min-height:170px;background:var(--brand-dark,#155d6b);display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr)}.home-page .app-header .identity{grid-column:1;grid-row:1;justify-self:start;flex-direction:row-reverse}.home-page .app-header .identity span{display:none}.home-page .app-header .identity img{width:148px;height:100px;object-fit:contain;background:white;border:6px solid #214f60;border-radius:14px}.home-page .app-header:after{content:'مؤسسة الكريستالية للتجارة';grid-column:2;grid-row:1;font-size:1.65rem;font-weight:700;white-space:nowrap}.home-page .app-header .header-meta{grid-column:3;grid-row:1;justify-self:end;order:0;margin:0;display:grid;min-width:240px;text-align:center;background:#1d5060;border-radius:12px;padding:.5rem 1rem}.home-page .app-header .header-meta>span{display:none}.home-page .app-header time small{display:block;color:#ffdc53}.home-page .app-header form{display:none}.home-page .shell{display:block}.home-page .sidebar{display:none}.home-page .workspace{padding:1.2rem 4vw 2rem}.home-intro{text-align:center;font-size:1.35rem;font-weight:500;margin:0 0 1.2rem}.home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:1rem}.home-tile{min-height:165px;background:white;border:1px solid #1c6179;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#055b71;text-decoration:none;font-size:1.25rem;text-align:center}.home-tile:hover,.home-tile:focus-visible{background:#ecfaff;outline:2px solid var(--brand,#147d85)}.tile-icon{font:2.65rem/1 Arial;color:#bf6710}.home-tile:nth-child(2) .tile-icon{color:#156275}.home-tile:nth-child(3) .tile-icon{color:#177a91}.home-tile:nth-child(4) .tile-icon{color:#d77e00}.home-tile:nth-child(5) .tile-icon{color:#087c43}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:1650px;margin:1.3rem auto}.home-panel{border:1px solid #1c6179;border-radius:16px;background:#effbff;padding:1rem;text-align:center;min-height:340px}.home-panel h2{font-size:1.1rem;color:#14596b;margin:0 0 .8rem}.home-alerts{height:250px;overflow:auto;background:white}.home-alerts table{min-width:0;font-size:.84rem}.home-alerts td,.home-alerts th{padding:.3rem .5rem;border:1px solid #cbdbe0;text-align:center}.home-alerts .alert-overdue td{background:#e92a2e;color:white}.home-panel .button,.home-panel button{margin-top:.5rem}.home-panel form{display:grid;justify-items:center}.home-panel textarea,.home-note-text{height:245px;resize:vertical;background:white;border:1px solid #1d6985;border-radius:0;text-align:right}.home-note-text{padding:.7rem;white-space:pre-wrap;overflow:auto}.home-actions{display:flex;justify-content:center;gap:1rem}.home-actions .lock{background:#ff7b14;color:white;border-color:#ff7b14}.home-actions .exit{background:#b91c1c;color:white}.chat-float{position:fixed;inset-inline-end:auto;left:18px;bottom:65px;background:#0d7888;color:white;border-radius:12px;padding:.7rem 1rem;text-decoration:none;font-weight:700}.home-page footer{background:#1a6570;color:white}
.record-page .workspace>h1,.record-page .workspace>a+h1{color:#0f586e}.record-page .table-wrap{border:1px solid #36778a;border-radius:4px;box-shadow:none}.record-page th{background:var(--brand-secondary,#175260);color:white;white-space:nowrap;text-align:center}.record-page td{border:1px solid #d0dde2;text-align:center;vertical-align:middle}.record-page tbody tr:nth-child(even){background:#f4faff}.record-page tbody tr:hover{background:#e8f7fa}.record-page .fields,.record-page .record-editor{background:#effaff}.record-page .record-editor{border:1px solid #96bcc8;padding:1rem;border-radius:10px}.record-page .workspace>.button,.record-page .workspace>p>.button{margin:.25rem}.record-page .sidebar{border-inline-end:1px solid #0c525d}
@media(max-width:900px){.home-page .app-header{display:flex;min-height:110px;justify-content:space-between}.home-page .app-header:after{font-size:1.1rem;white-space:normal}.home-page .app-header .header-meta{min-width:0}.home-page .app-header .identity img{width:85px;height:70px}.home-panels{grid-template-columns:1fr}}
@media(max-width:600px){.home-page .app-header .header-meta{display:none}.home-page .workspace{padding:1rem}.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tile{min-height:120px;font-size:1rem}.tile-icon{font-size:2rem}.login-page .login{padding:1rem}.chat-float{bottom:12px}}
@media print{.home-page .app-header,.chat-float,.home-actions{display:none!important}}
.record-toolbar{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.item-thumbnail{width:74px;height:56px;object-fit:contain;background:#fff;border:1px solid #cfdee3;border-radius:4px}.record-page td a{white-space:nowrap}.record-page .list-search{justify-content:center}
/* Section menus and records mirror the WPF sidebar proportions and icon order. */
.record-page{font-family:'Segoe UI',Tahoma,Arial,sans-serif}.record-page .shell{grid-template-columns:285px minmax(0,1fr)}.record-page .sidebar{width:270px;min-height:calc(100vh - 130px);height:fit-content;margin:14px 14px 14px 0;border:1px solid #3f8c8b;border-radius:14px;padding:8px;background:var(--brand-dark,#0f555d)}.record-page .main-nav{display:flex;flex-direction:column;gap:3px}.record-page .main-nav h2{text-align:center;color:white;font-size:23px;font-weight:600;line-height:1.4;margin:12px 4px 8px}.record-page .main-nav h2 small{display:block;font-size:14px;font-weight:400;color:#c0e2df}.record-page .main-nav>a,.record-page .nav-utilities>a{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:48px;margin:2px 8px;padding:7px 14px;border:1px solid #ffffff30;border-radius:9px;background:var(--brand-secondary,#175260);color:white;font-weight:600;font-size:14px}.record-page .main-nav>a[aria-current="page"],.record-page .nav-utilities>a[aria-current="page"]{background:var(--brand,#0f766e);border-color:#b4ddd5}.record-page .main-nav>a:hover,.record-page .nav-utilities>a:hover{background:var(--brand,#0f766e)}.nav-icon{font-family:'Segoe UI Emoji','Segoe UI Symbol',sans-serif;font-size:21px;line-height:1}.nav-utilities{margin-top:1rem;padding-top:.5rem;border-top:1px solid #ffffff40;display:flex;flex-direction:column}.nav-utilities form{margin:2px 8px}.nav-lock{width:100%;min-height:45px;background:#f97316;border-color:#fdba74;color:#fff;font-weight:700}.record-page .app-header{min-height:90px}.record-page .workspace{padding:1.5rem 2vw}.record-page .hub-grid{margin:2rem auto;max-width:1200px}.record-page .hub-card{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #247185;box-shadow:none;background:white;color:var(--brand-dark,#0b4f4d)}.record-page .hub-card b{font:40px 'Segoe UI Symbol',sans-serif;background:transparent}.record-page .hub-card:nth-child(1) b{color:#b45309}.record-page .hub-card:nth-child(2) b{color:#0f766e}.record-page .hub-card:nth-child(3) b{color:#d97706}.record-page .hub-card:nth-child(4) b{color:#15803d}.record-page .record-editor .fields{background:#f8fafc}.record-page .record-editor .primary{justify-self:center;min-width:110px}.record-page th{background:var(--brand,#0f766e);font-weight:600;font-size:14px;line-height:1.3;min-height:56px}.record-page .summary.salary-totals{grid-template-columns:repeat(4,minmax(0,1fr));background:#f8fafc;border:1px solid #cbd5e1}.salary-totals span{border-radius:7px;padding:8px;border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46}.salary-totals span:nth-child(4n+2){background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.salary-totals span:nth-child(4n+3){background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.salary-totals span:nth-child(4n+4){background:#fdf2f8;border-color:#fbcfe8;color:#9d174d}.salary-totals strong{display:block;font-size:19px}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.report-card{min-height:170px;border:1px solid #8cb3c2;border-radius:12px;background:white;padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;text-align:center}.report-icon{font-size:2rem;color:#0f766e}.report-card small{color:#476779}.report-card div{display:flex;gap:.5rem}.report-card a{padding:.35rem 1rem;border:1px solid #26788a;border-radius:7px;text-decoration:none}
@media(max-width:900px){.record-page .shell{display:block}.record-page .sidebar{width:auto;min-height:0;margin:8px}.record-page .main-nav{display:flex;flex-direction:row;flex-wrap:wrap;max-height:220px;overflow:auto}.record-page .main-nav h2{flex-basis:100%;margin:2px}.record-page .main-nav>a,.record-page .nav-utilities>a{margin:2px;min-width:165px}.record-page .nav-utilities{display:contents}.record-page .nav-utilities form{display:none}.record-page .summary.salary-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.record-page .summary.salary-totals{grid-template-columns:1fr}.record-page .main-nav>a,.record-page .nav-utilities>a{min-width:130px;font-size:12px}}
@media print{.record-page .sidebar{display:none!important}.record-page .shell{display:block}}
.record-actions{position:relative;display:inline-block;text-align:right;white-space:nowrap}.record-actions summary{list-style:none;cursor:pointer;color:#0b6173;background:#e9f7fa;border:1px solid #9fcad2;border-radius:7px;padding:4px 9px}.record-actions summary::-webkit-details-marker{display:none}.record-actions[open]>div{position:absolute;z-index:10;top:100%;right:0;min-width:175px;background:#fff;border:1px solid #9fb9c4;border-radius:8px;box-shadow:0 12px 25px #1235;padding:5px;display:grid;gap:2px}.record-actions a,.record-actions button{display:block;width:100%;padding:7px 9px;text-decoration:none;text-align:right;background:white;color:#18485b;border:0;border-radius:5px;font-size:14px}.record-actions a:hover,.record-actions button:hover{background:#e6f2f5}.record-actions .danger{color:#b91c1c}.record-actions form{margin:0}
/* Desktop gear menu and employee chat launcher */
.app-header{position:relative}.gear-menu{position:relative;z-index:60;flex:none}.gear-menu summary{width:62px;height:62px;display:grid;place-items:center;list-style:none;cursor:pointer;border:1px solid #ffffff50;border-radius:11px;background:var(--brand-secondary,#175260);font:31px 'Segoe UI Symbol',sans-serif;color:white}.gear-menu summary::-webkit-details-marker{display:none}.gear-menu summary:hover,.gear-menu[open] summary{background:var(--brand,#0f766e)}.gear-options{position:absolute;top:calc(100% + 5px);right:0;width:240px;background:var(--page,#f1f5f9);border:1px solid #a4c6c6;border-radius:8px;padding:4px;box-shadow:0 12px 24px #183d4a44}.gear-options a{display:block;text-align:center;min-height:42px;padding:9px 7px;color:var(--brand-dark,#073b3a);text-decoration:none;border-radius:4px;font:16px 'Segoe UI',Tahoma,sans-serif}.gear-options a:hover,.gear-options a:focus-visible{background:var(--brand,#0f766e);color:white}.home-page .app-header>.gear-menu{position:absolute;right:12px;top:59px}.home-page .app-header .identity img{margin-right:62px}.program-about{text-align:center}.program-about img{width:180px;max-width:100%;height:110px;object-fit:contain}
.chat-widget{position:fixed;z-index:65;left:28px;bottom:48px;direction:ltr;touch-action:none}.chat-launcher{padding:0;border:0;background:transparent;display:flex;align-items:center;position:relative;touch-action:none;user-select:none}.chat-label{background:var(--brand,#0f766e);border-radius:11px;color:white;padding:10px 17px;font-size:17px;font-weight:700;margin-right:-3px}.chat-logo{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:3px solid var(--brand-secondary,#175260);background:#fff;overflow:hidden}.chat-logo img{width:56px;height:56px;object-fit:contain}.chat-unread{position:absolute;top:-5px;left:-10px;border-radius:15px;padding:2px 6px;min-width:26px;background:#dc2626;color:white;font-weight:700;font-size:13px}.chat-unread[hidden],.chat-popover[hidden]{display:none}.chat-popover{position:absolute;bottom:calc(100% + 7px);left:0;width:min(560px,calc(100vw - 20px));height:min(600px,calc(100vh - 135px));background:var(--page,#f1f5f9);border:2px solid var(--brand-secondary,#175260);border-radius:16px;box-shadow:0 10px 24px #163e4b44;overflow:hidden}.chat-popover iframe{width:100%;height:100%;border:0;background:var(--page,#f1f5f9)}.chat-popup-page{height:100vh;overflow:hidden}.chat-popup-main{height:100vh;width:100%;max-width:none;margin:0;padding:13px}.chat-popup-page .chat-panel{height:100%;display:flex;flex-direction:column;position:relative;background:transparent;padding:0}.chat-popup-page .chat-panel h1{color:var(--brand-dark,#073b3a);font-size:21px;text-align:center;margin:0 0 8px}.chat-close{position:absolute;top:0;left:0;width:32px;height:32px;background:var(--brand-secondary,#175260);color:#fff;border:0;padding:0}.chat-select{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:15px;margin:0 0 8px}.chat-select select{width:min(275px,70%);height:37px;padding:2px 10px;text-align:center}.chat-popup-page .chat-thread{flex:1;max-height:none;min-height:80px;background:white;border:1px solid #9ac1c5;border-radius:10px;padding:7px}.chat-popup-page .chat-compose{margin-top:8px;gap:5px;display:grid;grid-template-columns:1fr auto}.chat-popup-page .chat-compose label:first-of-type{grid-column:1/-1}.chat-popup-page .chat-compose textarea{min-height:54px;max-height:88px}.chat-file-label{font-size:14px;color:#15803d}.chat-file-label input{font-size:12px;padding:3px}.chat-popup-page .chat-compose .primary{grid-column:2;grid-row:2;align-self:end}.chat-popup-page .chat-compose [role=status]{grid-column:1/-1;font-size:13px;color:#9a3412}
@media(max-width:650px){.gear-menu summary{width:46px;height:46px;font-size:25px}.home-page .app-header>.gear-menu{top:40px}.home-page .app-header .identity img{margin-right:45px}.chat-widget{left:8px;bottom:12px}.chat-popover{height:min(600px,calc(100vh - 98px))}}
@media print{.gear-menu,.chat-widget{display:none!important}}
/* Dashboard layout aligned with the Windows navigation and header */
body:not(.login-page):not(.chat-popup-page) .app-header{min-height:130px;display:grid;grid-template-columns:235px minmax(0,1fr) 235px;align-items:center;gap:16px;padding:10px 22px;color:#fff;background:var(--brand-dark,#155d6b)}
body:not(.login-page):not(.chat-popup-page) .app-header:after{content:none}
.header-brand{display:flex;align-items:center;gap:12px;justify-content:flex-start;min-width:0}.header-brand .identity{display:block;margin:0;grid-column:auto;grid-row:auto}.header-brand .identity img,.home-page .app-header .identity img{display:block;width:126px;height:96px;object-fit:contain;margin:0;border:4px solid #ffffff99;border-radius:13px;background:white}.header-title{text-align:center;line-height:1.4;font-size:1.22rem}.header-title span,.header-title strong{display:block}.header-title strong{font-size:1.4rem}.header-meta{justify-self:end;grid-column:auto;grid-row:auto;order:initial;margin:0}.header-meta time{display:grid;gap:3px;text-align:center;min-width:155px;padding:8px;border:1px solid #ffffff65;border-radius:8px;background:#ffffff15;color:white}.header-meta time small{margin:0}.header-day{display:block}
body:not(.login-page):not(.chat-popup-page) .app-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center;text-align:right;background:var(--brand-dark,#155d6b);color:white;padding:10px 24px}.app-footer .footer-user{text-align:center}.app-footer .footer-save{text-align:left}
.record-page .shell{grid-template-columns:270px minmax(0,1fr)}.record-page .main-nav>a{grid-template-columns:34px minmax(0,1fr) auto}.nav-count{display:inline-block;background:#ffffff2b;border-radius:10px;padding:1px 9px;min-width:30px;text-align:center;font-weight:700}
.dashboard-shell{background:#fff;border:1px solid #d2dce1;border-radius:12px;padding:22px;min-height:calc(100vh - 240px)}.dashboard-shell h1{text-align:center;color:var(--brand-dark,#155d6b);font-size:1.55rem;margin:0 0 24px}.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.dashboard-card{display:flex;align-items:center;gap:14px;min-height:112px;padding:15px;border:1px solid #d4e2e7;border-radius:12px;background:#f9fcfd;text-decoration:none;color:#234454;box-shadow:0 3px 8px #1333}.dashboard-card>span:last-child{display:grid;gap:4px}.dashboard-card strong{font-size:1.9rem;color:var(--brand-dark,#155d6b);line-height:1}.dashboard-card small{font-size:.85rem}.dashboard-icon{display:grid;place-items:center;width:55px;height:55px;flex:none;border-radius:12px;color:#fff;font-size:1.7rem;background:#477bb7}.dashboard-icon[data-color="#d78058"]{background:#d78058}.dashboard-icon[data-color="#4c9ac4"]{background:#4c9ac4}.dashboard-icon[data-color="#46a78b"]{background:#46a78b}.dashboard-icon[data-color="#6488bd"]{background:#6488bd}.dashboard-icon[data-color="#dd8532"]{background:#dd8532}.dashboard-icon[data-color="#41a796"]{background:#41a796}.dashboard-icon[data-color="#9572b9"]{background:#9572b9}
.dashboard-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}.dashboard-panel{display:flex;flex-direction:column;min-height:315px;border:1px solid #b7d2dd;border-radius:11px;overflow:hidden;background:white}.dashboard-panel h2{text-align:center;font-size:1.06rem;background:#edf6f8;color:var(--brand-dark,#155d6b);padding:12px;margin:0}.dashboard-table{flex:1;overflow:auto}.dashboard-table table{width:100%;font-size:.82rem}.dashboard-table td{padding:8px;border-bottom:1px solid #e1e9ed}.dashboard-panel>.button{align-self:center;margin:12px;background:var(--brand,#147d85);color:white}
.quote-dashboard{text-align:center}.quote-dashboard>p{color:#56717b;margin:-12px 0 36px}.quote-dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1060px;margin:10px auto}.quote-dashboard-card{display:grid;justify-items:center;align-content:start;gap:13px;padding:25px 15px;background:#fafcfd;border:1px solid #cbdce2;border-radius:14px;text-decoration:none;color:#234454}.quote-dashboard-icon{display:grid;place-items:center;width:75px;height:75px;border-radius:14px;background:var(--card-color);font-size:2.3rem;color:white}.quote-dashboard-number{font-size:2.6rem;font-weight:700;color:var(--card-color)}.quote-dashboard-action{background:var(--card-color);color:white;padding:11px 16px;border-radius:8px;width:100%;margin-top:10px}
@media(max-width:1150px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panels{grid-template-columns:1fr 1fr}.dashboard-panel:first-child{grid-column:1/-1}}@media(max-width:760px){body:not(.login-page):not(.chat-popup-page) .app-header{grid-template-columns:1fr auto;min-height:100px;padding:10px}.header-title{grid-column:1/-1;grid-row:2}.header-brand .identity img,.home-page .app-header .identity img{width:75px;height:67px}.header-meta time{min-width:105px}.dashboard-shell{padding:12px}.dashboard-cards,.dashboard-panels,.quote-dashboard-cards{grid-template-columns:1fr}.dashboard-panel:first-child{grid-column:auto}body:not(.login-page):not(.chat-popup-page) .app-footer{grid-template-columns:1fr;text-align:center}.app-footer .footer-save{text-align:center}}
.chat-notice{position:fixed;left:16px;bottom:125px;z-index:70;max-width:min(360px,calc(100vw - 32px));border:2px solid var(--brand,#147d85);border-radius:10px;padding:12px 16px;background:white;color:var(--brand-dark,#155d6b);box-shadow:0 8px 25px #1235;font-weight:700;text-align:right;cursor:pointer}.chat-notice[hidden]{display:none}
/* Keep the date panel in the selected theme on every page. */
.home-page .app-header .header-meta,body:not(.login-page):not(.chat-popup-page) .app-header .header-meta{background:var(--brand-secondary,#175260);border:1px solid #ffffff55;border-radius:12px;padding:7px;min-width:0}
.home-page .app-header .header-meta time,body:not(.login-page):not(.chat-popup-page) .app-header .header-meta time{background:var(--brand-dark,#073b3a);border-color:#ffffff50}
/* Let each dashboard row wrap inside its panel instead of adding a horizontal scrollbar. */
.dashboard-panels{align-items:stretch}.dashboard-panel{min-width:0;overflow:visible}.dashboard-table{overflow:visible;min-width:0}.dashboard-table table{display:block;min-width:0!important;width:100%;table-layout:fixed}.dashboard-table tbody{display:block}.dashboard-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-bottom:1px solid #e1e9ed}.dashboard-panel:nth-child(2) .dashboard-table tr{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-table td{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal!important;padding:7px 5px;text-align:center;font-size:.78rem;border:0}.dashboard-table td:only-child{grid-column:1/-1}.dashboard-panel>.button{margin-top:auto}
/* Windows-style user controls and lock/logout placement. */
.users-screen h1{text-align:center}.users-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px;background:#f3fbff}.users-toolbar .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0;text-decoration:none}.users-toolbar .danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.users-hint{text-align:center;color:#527585}.users-screen tbody tr{cursor:pointer}.users-screen tbody tr:has(input:checked){background:#d6f1ee}.users-screen input[type=radio]{width:20px;height:20px;accent-color:var(--brand,#0f766e)}
.record-page .nav-exit{display:block;width:72%;margin:6px auto;min-height:45px;background:#b91c1c;border-color:#b91c1c;color:white;font-weight:700}.record-page .nav-lock{display:block;width:100%}.home-actions{flex-direction:column;align-items:center}.home-actions form,.home-actions button{width:240px}.home-actions button{min-height:47px}.home-actions .exit{background:#b91c1c;border-color:#b91c1c;color:white}
@media(max-width:900px){.record-page .nav-utilities form{display:block;min-width:160px}.record-page .nav-utilities .nav-exit{width:100%}}
.gov-dashboard .dashboard-panel:nth-child(2) .dashboard-table tr{grid-template-columns:repeat(3,minmax(0,1fr))}