/* Corporate CCBE visual language, shared with the RRHH portal. */
:root{--bg:#080e1b;--panel:#0e1728;--line:#233249;--muted:#a9b4c6;--ink:#f1f5fc;--mint:#36bfee;--orange:#efb847;--portal-cyan:#36bfee;--portal-gold:#e6ad39;--portal-green:#32c6a3}
body{background:radial-gradient(ellipse at 85% 12%,#12374975,transparent 48%),#080e1b;color:var(--ink);font-size:15px;min-height:100vh}a,button,input,select,textarea{touch-action:manipulation}
.portal-header{background:#0c1424eb;border-bottom:1px solid #26354b}.portal-header-inner{display:flex;gap:25px;align-items:center;padding:20px 28px;max-width:1800px;margin:0 auto}.portal-brand{display:flex;align-items:center;gap:14px;flex:0 0 258px}.portal-brand img{object-fit:contain;filter:drop-shadow(0 0 10px #55bcda22)}.portal-brand strong{display:block;font-size:20px;letter-spacing:.025em;line-height:1.3}.portal-brand small{display:block;max-width:215px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#9daabc;margin-top:5px;line-height:1.6}.portal-sections{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0;padding:5px;border:1px solid #26354b;border-radius:25px;background:#101827;flex:1}.portal-sections .portal-section{padding:10px 14px;color:#bac4d4;border:1px solid transparent;border-radius:20px;font-size:13px;font-weight:650;white-space:nowrap;line-height:1.5}.portal-sections .portal-section:hover{background:#182d42;color:#fff}.portal-sections .is-active{background:#153c52;border-color:#337b96;color:#ddf6ff;box-shadow:0 0 14px #36bfee12}.portal-sections .portal-internal.is-active{background:#163a38;border-color:#2b7f6d;color:#a4efd9}.portal-sections .portal-community.is-active{background:#3a2f19;border-color:#886621;color:#f3d17e}.portal-user{display:flex;align-items:center;gap:14px;flex-shrink:0}.portal-user>a{max-width:170px;overflow-wrap:anywhere}.portal-user strong{display:block;font-size:13px}.portal-user small{display:block;font-size:11px;color:#a9b4c6}.portal-user form{margin:0}.portal-user button{min-height:36px;padding:8px 12px;font-size:12px}
.portal-tabs{margin:0;background:#090f1ddd;border-bottom:1px solid #24334a}.portal-tabs-inner{display:flex;gap:8px;align-items:stretch;max-width:1800px;margin:0 auto;padding:0 28px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#2f687d #0b1220}.portal-tabs a{padding:16px 17px;border-bottom:2px solid transparent;border-radius:0;color:#a9b4c6;font-size:13px;font-weight:600;white-space:nowrap;display:flex;gap:8px;align-items:center}.portal-tabs a:hover{color:#eefaff;background:#142335}.portal-tabs a.is-active{color:#fff;border-bottom-color:#36bfee;background:#12223470}.portal-count{display:inline-block;border-radius:12px;background:#164359;color:#bdeeff;font-size:10px;padding:2px 7px}.portal-main{margin:0 auto;max-width:1800px;padding:22px 28px 40px}.portal-context{display:flex;justify-content:space-between;gap:15px;color:#8f9db3;font-size:11px;letter-spacing:.025em;margin-bottom:22px}.portal-skip{position:absolute;left:15px;top:-100px;z-index:300;background:#36bfee;color:#07111c;padding:12px 18px;border-radius:7px}.portal-skip:focus{top:10px}
.hero{padding:20px 25px;margin-bottom:24px;background:#0e1728dc;border:1px solid #26354a;border-left:4px solid #36bfee;border-radius:10px;max-width:none}.hero h1{font-size:clamp(26px,2.3vw,34px);margin-top:8px}.eyebrow{color:#67c9ed;font-size:11px;letter-spacing:.09em}.card,.stat,.command-panel,.command-metric{background:#0e1728e8;border:1px solid #25354b;box-shadow:0 8px 24px #00000016;border-radius:10px}.card>h2:first-child{border-bottom-color:#26354a}.card h2{font-size:20px}.need{background:#0a1322;border-color:#25364b}.need p,.card p{color:#abb8ca}.bank-notice{background:#102b3a;border-color:#245167;border-left-color:#38beee;color:#bdd2df}.notice{background:#13342e;border-color:#2c7561;color:#d0eee0}.notice.error{background:#38212d;border-color:#855067;color:#fbd5df}.tag{background:#123143;border-color:#296780;color:#8edaff}.warn{color:#f0c36c}.section-tabs{border-bottom-color:#26384e}.section-tabs .button:not(.secondary){background:#153d54;border-color:#29738d;color:#c5efff}.section-tabs .secondary{color:#b0bdd0}.section-tabs .secondary:hover{background:#182a40}
button,.button{background:#36bfee;color:#061724;border-radius:6px}.button:hover,button:hover{background:#73d5f7}.secondary,.button.secondary{background:#182a40;border-color:#344960;color:#d9e4f1}.secondary:hover,.button.secondary:hover{background:#213b52;border-color:#4d809b}.danger{background:#472532;border-color:#804152;color:#ffe0e7}.danger:hover{background:#603044}input,select,textarea{background:#080f1e;border-color:#3b4d67;color:#f1f5fc}input::placeholder,textarea::placeholder{color:#8e9fb5}input:focus,select:focus,textarea:focus{outline-color:#36bfee;border-color:#36bfee}input[type=checkbox],input[type=radio]{accent-color:#36bfee}th{background:#142237;color:#b0c0d4}td,th{border-bottom-color:#25354b}tbody tr:hover{background:#16304a40}.tablewrap{scrollbar-color:#39637f #0b1220}details>summary{color:#72d1f1}.material-suggestions{background:#101f33;border-color:#366881}.material-suggestions [aria-selected=true]{background:#20475f}footer{border-top-color:#25354b;color:#92a2b8}.recipe-modal{background:#0e1728;border-color:#3a6e85}.recipe-modal::backdrop{background:#030816cf}
.command-home{--accent:#39c3ef;max-width:none}.command-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;min-height:0;background:#0e1728e8;border:1px solid #26394f;border-left:4px solid #36bfee;border-radius:10px;margin-bottom:24px;overflow:visible}.command-hero:before{display:none}.command-intro{display:flex;align-items:center;gap:23px}.portal-hero-logo{width:78px;height:78px;object-fit:contain;flex-shrink:0}.command-hero h1{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.025em;margin:5px 0 9px}.command-hero p{font-size:13px;margin:0;max-width:680px;color:#a8b6c9}.command-hero .command-greeting{font-size:12px;margin-top:8px!important;color:#6dcced!important}.command-actions{flex-shrink:0;gap:9px}.command-home .button{border-radius:6px;min-height:40px;padding:10px 15px}.command-actions .secondary{background:#182a40;border-color:#38516a}.command-metrics{gap:19px;margin-bottom:27px}.command-metric{padding:23px;position:relative;border-top:3px solid #35bde8}.command-metric:nth-child(1){border-top-color:#32c6a3}.command-metric:nth-child(2){border-top-color:#e6ad39}.command-metric:nth-child(4){border-top-color:#7c8bdb}.command-metric:hover{background:#14243a;border-color:#3f718d}.command-metric>span{font-size:12px;color:#aab7ca}.command-metric strong{color:#f6f9ff;font-size:34px}.command-metric small{color:#8fa0b8}.metric-messages strong{color:#4dc9f2}.command-columns{grid-template-columns:1.2fr 1fr;gap:22px}.command-panel{padding:26px}.command-panel h2{font-size:22px}.command-panel .eyebrow{color:#64cdec}.command-pill{background:#133c4e;border-color:#2d6c84;color:#a6e5ff}.command-thread{border-top-color:#26384f}.thread-avatar{background:#183146;border-color:#30546b;color:#9eddF6}.thread-unread{background:#3ac2ef;color:#071827}.command-empty{background:#0b1424;border-color:#304a65}.command-shortcut{border-top-color:#29384f}.shortcut-number{border-color:#346276;color:#78d0ef}.command-shortcut:nth-of-type(1) .shortcut-number{border-color:#846328;color:#efc25b}.command-shortcut:nth-of-type(2) .shortcut-number{border-color:#307966;color:#62d6b8}.command-note{border-top-color:#2a3a50}.command-note-mark{border-color:#43748d;color:#7edbfa}.command-note p,.command-footnote{color:#97a8bf}.login .brand img{width:65px;height:65px;object-fit:contain}.login .card{border-top:3px solid #36bfee}.login .brand{letter-spacing:.06em}
@media(max-width:1250px){.portal-header-inner{flex-wrap:wrap;gap:17px}.portal-brand{flex:1}.portal-user{margin-left:auto}.portal-sections{order:3;flex:1 1 100%;justify-content:center}.command-hero{flex-wrap:wrap}.command-actions{margin-left:101px}}
@media(max-width:800px){.portal-header-inner{padding:16px 18px}.portal-brand{flex-basis:190px}.portal-brand strong{font-size:17px}.portal-brand small{font-size:9px}.portal-brand img{width:44px;height:44px}.portal-user{gap:9px}.portal-user>a{max-width:115px}.portal-user strong{font-size:12px}.portal-user small{font-size:10px}.portal-sections{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;border-radius:9px;scrollbar-width:thin;flex-basis:100%;min-width:0}.portal-sections .portal-section{font-size:12px;padding:9px 12px}.portal-tabs-inner{padding:0 14px;gap:2px}.portal-tabs a{padding:13px 12px;font-size:12px}.portal-main{padding:18px}.portal-context{font-size:10px;flex-wrap:wrap;gap:5px;margin-bottom:18px}.hero{padding:18px 20px}.command-hero{padding:22px;gap:18px}.command-intro{gap:16px}.portal-hero-logo{width:58px;height:58px}.command-actions{margin-left:74px}.command-metrics{gap:12px}.command-columns{grid-template-columns:1fr}.command-panel{padding:22px}.command-hero h1{font-size:25px}.command-hero p{font-size:13px}}
@media(max-width:520px){.portal-brand{flex-basis:100%}.portal-user{width:100%;justify-content:space-between;border-top:1px solid #26374d;padding-top:10px}.portal-user>a{max-width:80%}.portal-sections{order:0}.portal-hero-logo{width:46px;height:46px}.command-intro{align-items:flex-start}.command-actions{margin-left:0;width:100%}.command-actions .button{flex:1}.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-metric{padding:17px}.command-panel{padding:20px 16px}.command-hero h1{font-size:22px}.command-hero .eyebrow{font-size:10px}}