:root{--bg:#06101c;--panel:#0e1b2c;--panel2:#13243a;--line:#203a5b;--cyan:#00d4ff;--text:#f4f7fb;--muted:#9fb3ca;--green:#16c784;--orange:#f59e0b;--red:#ef4444;--purple:#7c3aed;}
*{box-sizing:border-box} body.portal-body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#073655 0,#06101c 36%,#050912 100%);color:var(--text);font-family:Inter,Arial,sans-serif;}
a{color:inherit} .portal-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px} .portal-card{width:min(920px,95vw);background:linear-gradient(145deg,rgba(14,27,44,.92),rgba(9,18,33,.92));border:1px solid rgba(120,170,220,.22);box-shadow:0 30px 120px rgba(0,0,0,.55);border-radius:24px;padding:48px;text-align:center}.portal-logo{width:142px;height:124px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}.portal-kicker{font-family:monospace;color:var(--cyan);letter-spacing:4px;font-weight:800;font-size:12px;margin-top:18px}.portal-card h1{font-size:38px;line-height:1.1;margin:14px 0 10px}.portal-card p{color:var(--muted);font-size:16px}.portal-actions{display:flex;gap:18px;justify-content:center;margin-top:34px;flex-wrap:wrap}.portal-btn{min-width:210px;padding:18px 24px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-weight:900;text-decoration:none;cursor:pointer;font-size:16px}.portal-btn.primary{border-color:rgba(0,212,255,.55);background:linear-gradient(135deg,rgba(0,212,255,.14),rgba(124,58,237,.16));color:var(--cyan)}.portal-foot{font-family:monospace;letter-spacing:3px;color:var(--cyan);font-size:12px;font-weight:800;margin-top:26px}.top-shell{min-height:100vh;background:#f6f7f9;color:#0d1724}.fms-bar{height:44px;background:#182322;color:white;display:flex;align-items:center;padding:0 18px;gap:0;box-shadow:0 2px 8px rgba(0,0,0,.18)}.fms-logo{font-size:22px;font-weight:900;margin-right:28px;letter-spacing:-.4px}.fms-logo span{color:#e21b2d}.fms-menu{display:flex;height:100%;align-items:stretch}.fms-item{position:relative;display:flex;align-items:center;padding:0 22px;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none}.fms-item:hover,.fms-item.active{background:#fff;color:#182322}.fms-drop{display:none;position:absolute;top:44px;left:0;background:white;color:#111;border:1px solid #c9ced6;min-width:310px;padding:18px 20px;box-shadow:0 14px 30px rgba(0,0,0,.22);z-index:50}.fms-item:hover .fms-drop{display:block}.drop-section{padding:6px 0 12px;border-bottom:1px solid #e4e7eb;margin-bottom:10px}.drop-title{color:#1b75d0;font-weight:900;margin-bottom:8px}.drop-link{display:block;padding:7px 4px;text-decoration:none;color:#111;font-weight:600}.drop-link:hover{color:#0078d4;text-decoration:underline}.project-select{margin-left:auto;display:flex;align-items:center;gap:8px}.project-select select{height:28px;border:1px solid #999;background:white;color:#111;min-width:160px}.workspace{padding:36px}.project-card{background:white;border:1px solid #ccd4de;min-height:310px;padding:36px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1040px}.blue-link{color:#1b75d0;text-decoration:none;font-weight:700}.blue-link:hover{text-decoration:underline}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#073655,#06101c 48%,#050912);padding:20px}.login-box{width:min(440px,95vw);background:rgba(14,27,44,.94);border:1px solid rgba(120,170,220,.25);border-radius:20px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.login-box h1{margin:0 0 8px}.login-box label{display:block;margin-top:14px;color:var(--muted);font-size:13px;font-weight:800}.login-box input{width:100%;height:44px;margin-top:6px;border:1px solid var(--line);border-radius:12px;background:#0a1524;color:white;padding:0 14px}.login-btn{margin-top:20px;width:100%;height:46px;border:1px solid rgba(0,212,255,.5);border-radius:12px;background:rgba(0,212,255,.13);color:var(--cyan);font-weight:900;cursor:pointer}.msg.err{margin-top:12px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:10px;border-radius:10px}@media(max-width:760px){.portal-card{padding:28px}.fms-bar{height:auto;flex-wrap:wrap;padding:8px}.fms-menu{flex-wrap:wrap}.fms-item{height:38px}.project-grid{grid-template-columns:1fr;gap:24px}}


/* === V3 Professional portal/navigation polish === */
body.top-shell{background:#d4dae2;color:#111827;}
.fms-bar{height:48px;background:#182321;color:#fff;border-bottom:2px solid #2f3f3d;padding:0 22px;gap:0;}
.fms-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;margin-right:28px;letter-spacing:.1px;white-space:nowrap;}
.fms-logo img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));}
.fms-logo span{color:#ef233c;}
.fms-item{height:48px;}
.project-select{margin-left:auto;font-weight:900;}
.profile-menu{position:relative;height:48px;display:flex;align-items:center;margin-left:16px;}
.profile-btn{height:32px;border:1px solid rgba(255,255,255,.25);background:#243230;color:#fff;border-radius:4px;padding:0 12px;font-weight:800;cursor:pointer;}
.profile-drop{display:none;position:absolute;right:0;top:48px;min-width:210px;background:#fff;color:#111;border:1px solid #c9ced6;box-shadow:0 14px 30px rgba(0,0,0,.22);z-index:80;padding:8px;}
.profile-menu:hover .profile-drop{display:block;}
.profile-drop a,.profile-drop button{display:block;width:100%;text-align:left;border:0;background:#fff;color:#111;padding:9px 10px;font-weight:700;text-decoration:none;cursor:pointer;border-radius:4px;}
.profile-drop a:hover,.profile-drop button:hover{background:#eef3f8;color:#0b65c2;}
.workspace{padding:34px 42px;min-height:calc(100vh - 48px);background:#d4dae2;}
.project-card.project-home-card{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;background:#d4dae2;border:1px solid #b7c0ca;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);}
.home-logo-panel{text-align:center;opacity:.98;}
.home-logo-panel img{width:min(360px,48vw);max-height:310px;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.22));}
.home-logo-panel .home-title{font-size:28px;font-weight:900;letter-spacing:.5px;margin-top:18px;color:#1a232e;}
.home-logo-panel .home-sub{font-size:14px;font-weight:800;letter-spacing:2px;color:#52606f;text-transform:uppercase;margin-top:8px;}
@media(max-width:760px){.fms-bar{height:auto;gap:8px}.profile-menu{height:38px}.profile-drop{top:38px}.project-select{width:100%;margin-left:0}.workspace{padding:18px}.home-logo-panel img{width:72vw}}


/* === V143 Material Request nav buttons === */
.fms-quick-icons{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:12px;height:48px;}
.fms-icon{width:32px;height:30px;border:1px solid rgba(255,255,255,.22);background:#243230;color:#fff;border-radius:4px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.fms-icon:hover{background:#fff;color:#182322;}
@media(max-width:900px){.fms-quick-icons{order:5;margin-left:0}.project-select{margin-left:0}}


/* === V145 header quick-icons alignment === */
.fms-menu{display:flex;height:100%;align-items:stretch;flex:1;min-width:0;}
.fms-quick-icons{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:18px;height:48px;flex-shrink:0;}
.project-select{margin-left:0;display:flex;align-items:center;gap:8px;flex-shrink:0;}
.profile-menu{flex-shrink:0;}
@media(max-width:900px){.fms-bar{flex-wrap:wrap}.fms-menu{flex:1 1 100%;order:2}.fms-quick-icons{order:3;margin-left:auto}.project-select{order:4}.profile-menu{order:5}}


/* === V146 Material Request inbox dropdown === */
.fms-icon{position:relative}
.ccc-inbox-badge{position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:950;display:none;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);line-height:16px}
.ccc-inbox-pop{position:fixed;z-index:100000;width:380px;max-width:calc(100vw - 20px);background:#071827;color:#e9f6ff;border:1px solid rgba(0,212,255,.50);border-radius:12px;box-shadow:0 22px 46px rgba(0,0,0,.55);overflow:hidden;font-family:Segoe UI,Arial,sans-serif}
.ccc-inbox-head{padding:10px 12px;background:#0d2237;border-bottom:1px solid rgba(255,255,255,.10);font-weight:950;color:#dffaff}
.ccc-inbox-body{max-height:360px;overflow:auto}
.ccc-inbox-row{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.ccc-inbox-row.unread{background:rgba(0,212,255,.08)}
.ccc-inbox-title{font-weight:950;color:#fff;font-size:13px;margin-bottom:5px}
.ccc-inbox-text{white-space:pre-wrap;color:#d5e9ff;font-size:12px;line-height:1.35}
.ccc-inbox-meta{margin-top:6px;color:#8fb0ce;font-size:11px;font-weight:800}
.ccc-inbox-empty{padding:18px;color:#9fb3ca;font-weight:850}
.ccc-inbox-foot{padding:8px;background:#071322;text-align:right}
.ccc-inbox-foot button{border:1px solid rgba(0,212,255,.45);background:rgba(0,212,255,.08);color:#00d4ff;border-radius:7px;padding:6px 9px;font-weight:900;cursor:pointer}