/* RayCraft Office — dimensional controls and a calm, precise workspace. */
:root{--ink:#17364d;--muted:#586f83;--line:#d4e1ed;--blue:#0875bb;--office-shadow:0 12px 32px #1d466710,0 2px 5px #1d466706;--office-focus:#17a3d1}
body{background:radial-gradient(ellipse at 92% 1%,#d4edf7 0,transparent 41%),radial-gradient(ellipse at 5% 85%,#e3e8f6 0,transparent 46%),#f2f6fb;color:var(--ink);-webkit-font-smoothing:antialiased}
.workspace:before{background:linear-gradient(115deg,transparent 45%,#ffffff38 65%,transparent 85%)}
.sidebar{background:radial-gradient(ellipse at 12% 0%,#205476 0,transparent 48%),linear-gradient(165deg,#12334d,#10283d 65%,#0e2236);border-right:1px solid #29475e;box-shadow:8px 0 36px #122c4212}
.sidebar .brand{padding:17px 10px 24px;gap:14px}
.sidebar .brand img,.nav-collapsed .sidebar .brand img{filter:none;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;height:auto;max-width:100%;object-fit:contain}
.sidebar .brand .brand-wordmark{display:block;width:184px;max-width:100%}
.sidebar .brand .brand-symbol{display:none}
.sidebar .brand small{color:#a6c1d3;letter-spacing:1.4px;font-size:8px;margin-top:14px}
.nav-collapsed .sidebar .brand{padding:11px 4px 24px;display:flex;justify-content:center}
.nav-collapsed .sidebar .brand .brand-wordmark{display:none}
.nav-collapsed .sidebar .brand .brand-symbol{display:block;width:32px;height:32px}
.sidebar #main-nav{gap:5px;scrollbar-width:thin;scrollbar-color:#45677d transparent}
.sidebar nav a{border:1px solid transparent;min-height:45px;border-radius:11px;color:#c8dce9;transition:background .18s,border-color .18s,box-shadow .18s}
.sidebar nav a i{opacity:.85;font-size:19px}
.sidebar nav a:hover{background:#ffffff0c;border-color:#ffffff13}
.sidebar nav a.active,.sidebar nav a.active:hover{background:linear-gradient(135deg,#138aca,#0676ac 65%,#056b95);border-color:#54b8dc55;box-shadow:inset 0 1px 0 #ffffff45,inset 0 -2px 0 #03456970,0 5px 14px #001b2c40;color:#fff}
.sidebar nav a.active i{opacity:1}
.sidebar #sidebar-account{border-top:1px solid #ffffff16;padding-top:12px}
.workspace>header{background:#f9fcffeb;border-bottom:1px solid #ffffff;box-shadow:0 5px 20px #183b5610;backdrop-filter:blur(20px);gap:14px}
header p{font-weight:600;letter-spacing:.05px}header .eyebrow{font-size:9px;letter-spacing:1.7px;color:#687f91}
.header-actions{gap:10px;min-width:0;flex-wrap:wrap}
#network{border:1px solid #b9decb;background:linear-gradient(#f1fbf5,#e2f3e9);box-shadow:inset 0 1px 0 #fff;color:#28694b;font-weight:600;padding:5px 10px}
main{padding-top:34px;padding-bottom:48px}
h1{font-size:clamp(27px,2.5vw,36px);line-height:1.19;letter-spacing:-1.1px;font-weight:720;color:#15354c}
h2{letter-spacing:-.55px}h3{letter-spacing:-.2px}
.page-head{margin-bottom:28px}.page-head p{line-height:1.7;max-width:740px}.eyebrow{letter-spacing:1.6px;color:#5e7a90}
.panel,.card,.dashboard-tile{border:1px solid #dce6f0;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:inset 0 1px 0 #fff,var(--office-shadow);border-radius:18px}
.panel .panel{box-shadow:0 3px 12px #244d6b05;border-color:#e4edf4;background:#fcfeff}
.card{transition:box-shadow .2s,border-color .2s,transform .2s}
.dashboard-primary{gap:22px}
.dashboard-primary .dashboard-tile{min-height:245px;padding:29px;border:1px solid #cbdfee;background:radial-gradient(circle at 100% 0,#e0f3ff 0,transparent 64%),linear-gradient(145deg,#fff,#edf7fd);box-shadow:inset 0 1px 0 #fff,0 14px 30px #1b568b12,0 3px 0 #d8e6f0}
.dashboard-primary .dashboard-tile:nth-child(2){background:radial-gradient(circle at 100% 0,#ddf4ed 0,transparent 64%),linear-gradient(145deg,#fff,#edf8f5);border-color:#cfe4df;box-shadow:inset 0 1px 0 #fff,0 14px 30px #24645810,0 3px 0 #d6e8e3}
.dashboard-primary .dashboard-tile:nth-child(3){background:radial-gradient(circle at 100% 0,#e9e9ff 0,transparent 64%),linear-gradient(145deg,#fff,#f0f1fc);border-color:#d9deef;box-shadow:inset 0 1px 0 #fff,0 14px 30px #49467510,0 3px 0 #dfe2f1}
.dashboard-primary .dashboard-icon,.card-icon{background:linear-gradient(145deg,#fff,#edf5fc);box-shadow:inset 0 1px 0 #fff,0 4px 0 #d9e7f1,0 8px 15px #23496910;border:1px solid #d4e6f2;border-radius:13px;color:#117aaf}
.dashboard-primary h2{font-size:25px;line-height:1.25}.dashboard-primary .dashboard-link{font-weight:650;letter-spacing:.05px}
.dashboard-nav .dashboard-tile{padding:24px}.task-dashboard{border-color:#d8e5f0;background:#ffffffc9;box-shadow:inset 0 1px 0 #fff,0 5px 16px #24496908}
.primary,.secondary,.quiet,.office-navigation-button,.doc-folders button,.stock-stat,.chat-map-tools button{font-family:inherit;transition:background .16s,box-shadow .16s,transform .16s,border-color .16s;cursor:pointer}
.primary{border:1px solid #076cae;background:linear-gradient(160deg,#2499db 0,#0d80c5 42%,#0868b0 100%);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #075e9e,0 3px 0 #05548e,0 7px 14px #0869a928;text-shadow:0 1px 1px #034e7e55;border-radius:11px;min-height:42px;padding:11px 18px;color:#fff!important;font-weight:650}
.secondary,.office-navigation-button{border:1px solid #c9d9e7;background:linear-gradient(175deg,#fff 0,#f4f8fc 65%,#e9f0f7);box-shadow:inset 0 1px 0 #fff,0 2px 0 #c6d6e4,0 5px 10px #224c6b0d;color:#2c526c;min-height:40px;border-radius:11px}
.quiet{background:linear-gradient(#ffffffa6,#f3f7fb80);border:1px solid #d3e1ed;box-shadow:inset 0 1px 0 #fff,0 1px 2px #163b5307;color:#3a5c73;min-height:38px}
.primary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #044d8b44,0 1px 0 #05548e,0 2px 5px #0869a915;background:linear-gradient(#076fb4,#0d7dbf)}
.secondary:active:not(:disabled),.office-navigation-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #1b466716,0 1px 0 #c6d6e4}
.primary:disabled,.secondary:disabled,.quiet:disabled,.office-navigation-button:disabled{opacity:.42;cursor:default;transform:none;box-shadow:inset 0 1px 0 #fff6;text-shadow:none}
button:focus-visible,a:focus-visible{outline:3px solid var(--office-focus);outline-offset:3px}
.office-navigation{gap:7px}.office-navigation-button{min-height:42px;gap:9px}.office-navigation-button>span:first-child{font-size:22px}
input,textarea,select{border-color:#c8d9e7!important;background:linear-gradient(#f9fcff,#fff 16px)!important;box-shadow:inset 0 2px 4px #1e466908,0 1px 0 #fff;border-radius:11px!important;transition:border-color .16s,box-shadow .16s}
input:focus,textarea:focus,select:focus{border-color:#269acf!important;box-shadow:0 0 0 4px #159cd012,inset 0 1px 2px #23476906;outline:none}
input[type=checkbox],input[type=radio]{accent-color:#087fbd;box-shadow:none;min-width:16px;min-height:16px}
label{color:#35566e;font-weight:550}.source-label{color:#60788b;line-height:1.65}
.table-scroll{border-color:#d9e5ef;border-radius:14px;box-shadow:inset 0 1px 0 #fff,0 5px 16px #173e5d05}
.work-table th{background:linear-gradient(#f4f8fc,#eaf2f9)!important;color:#4a687f!important;padding:13px 14px;letter-spacing:.3px}
.work-table td{padding:15px 14px;vertical-align:middle}.work-table tbody tr:nth-child(even){background:#f8fbfe}.work-table tbody tr:hover{background:#edf7fd}
.doc-source button.active{border-color:#0875ae;background:linear-gradient(145deg,#188dcb,#086eb0);box-shadow:inset 0 1px 0 #ffffff60,0 3px 0 #055689,0 7px 12px #0876a91c;color:#fff}
.doc-folders button{box-shadow:inset 0 1px 0 #fff,0 3px 0 #d8e5ef,0 7px 16px #1c4b6a0b;border-radius:14px;background:linear-gradient(145deg,#fff,#edf6fd)}
.doc-path button{box-shadow:none;background:#edf4fa;border:1px solid #dae8f2}
.stock-stat{background:linear-gradient(145deg,#fff,#edf5fc);box-shadow:inset 0 1px 0 #fff,0 3px 0 #dbe7f1,0 7px 18px #234b6c08}
.stock-stat.active{border-color:#7bbadc;background:linear-gradient(145deg,#eefaff,#dcedf8)}
.pill{border:1px solid #d8e7f1;background:#eff6fc;font-weight:550;padding:4px 10px}
.chat-shell{border-color:#d6e4ee;box-shadow:0 12px 30px #1c496c12}.chat-top{background:linear-gradient(#fff,#f5fafe)}.chat-rooms{background:#f5f9fd}.room-item.active{box-shadow:inset 3px 0 0 #168cc4,inset 0 1px 0 #fff,0 3px 8px #144c6b08}
.bubble{box-shadow:0 3px 10px #254c6a0b;border-color:#dce7ef}.bubble.mine{background:linear-gradient(140deg,#e3f3ff,#dceff4);border-color:#c7e0ec}
.chat-map-root,.chat-department,.chat-map-card{box-shadow:inset 0 1px 0 #ffffff66,0 10px 24px #1c496b10}
.mail-row{border-radius:11px;transition:background .16s,box-shadow .16s}.mail-row.selected{box-shadow:inset 3px 0 0 #1689c0;background:linear-gradient(110deg,#e6f5ff,#f5faff)}.mail-message{border-color:#dce7ef}
dialog{border:1px solid #dae7f0!important;border-radius:20px!important;box-shadow:0 32px 90px #0c294447,0 5px 15px #122f4a1a!important}
dialog::backdrop{background:#102a424d;backdrop-filter:blur(7px)}
.office-tab-strip{background:linear-gradient(#153a51,#102c40);border-bottom:1px solid #33566c;box-shadow:0 2px 8px #071c3018;padding:0 9px;gap:6px}
.office-tab-strip button{border-radius:8px 8px 0 0;color:#bfd6e5;padding:7px 12px;transition:background .15s}.office-tab-strip button[aria-pressed=true]{background:linear-gradient(#2a667f,#1f4f68);box-shadow:inset 0 1px 0 #71b0c355;color:#fff}.office-tab-strip button:hover{background:#ffffff16;color:#fff}
.login-page{border-color:#d4e4f0;border-radius:24px;box-shadow:0 28px 80px #18476814,inset 0 1px 0 #fff}.login-story{background:radial-gradient(ellipse at 0 0,#d4edf9,transparent 65%),linear-gradient(145deg,#edf7ff,#e5edf8)}.login-box{background:linear-gradient(145deg,#fff,#f9fcff)}
footer{color:#758b9b;font-size:11px}
@media(hover:hover) and (pointer:fine){.primary:hover:not(:disabled){background:linear-gradient(160deg,#39a8e5,#148bce 48%,#0875b9);box-shadow:inset 0 1px 0 #ffffff88,0 3px 0 #05548e,0 9px 20px #0874b333;transform:translateY(-1px)}.secondary:hover:not(:disabled),.office-navigation-button:hover:not(:disabled){background:linear-gradient(#fff,#eaf5fd);border-color:#9dc8e1;transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 2px 0 #b9d3e5,0 7px 14px #23547214}.quiet:hover:not(:disabled){background:#eaf4fc;border-color:#afcede}.card:hover,.dashboard-primary .dashboard-tile:hover{border-color:#a9ccdf;box-shadow:inset 0 1px 0 #fff,0 18px 34px #174b6e19,0 3px 0 #d5e5ef;transform:translateY(-3px)}.doc-folders button:hover{transform:translateY(-2px);background:linear-gradient(145deg,#fff,#e4f2fc)}.primary:active:not(:disabled),.secondary:active:not(:disabled),.office-navigation-button:active:not(:disabled){transform:translateY(2px)}}
@media(max-width:1100px){.dashboard-primary .dashboard-tile{min-height:0;padding:23px}.header-actions{gap:8px}.office-navigation-button{padding:9px 11px}}
@media(max-width:760px){.sidebar .brand{padding:9px 0 16px}.sidebar .brand .brand-wordmark,.nav-collapsed .sidebar .brand .brand-wordmark{display:block;width:170px}.nav-collapsed .sidebar .brand .brand-symbol{display:none}.nav-collapsed .sidebar .brand{justify-content:flex-start}.sidebar .brand small{margin-top:11px}.sidebar{border-radius:0}.workspace>header{backdrop-filter:none;background:#f8fcff}.panel,.card{border-radius:15px}.dashboard-primary{gap:16px}.dashboard-primary h2{font-size:23px}.primary,.secondary,.office-navigation-button{min-height:44px}.dashboard-nav .dashboard-tile{padding:20px}main{padding-top:25px}.table-scroll{border-radius:11px}dialog::backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary:hover,.secondary:hover,.office-navigation-button:hover,.card:hover,.dashboard-tile:hover,.doc-folders button:hover{transform:none!important}}

@media(max-width:760px){body.with-office-tabs:not(.auth-locked)>.sidebar,body>.sidebar{height:auto;min-height:0;top:auto;bottom:auto}.sidebar #main-nav{flex:none}.sidebar #sidebar-account:empty{display:none}}