/* MODULYA / ModussApp V164–V166: shared visual layer, no behavior changes.
   Brand #149DB0, lime #BBD406, readable teal #0F6E7C, canvas #EAF0F5.
   The mosaic is the original branded graphic, not business content. */
:root {
  --brand:#149DB0; --lime:#BBD406; --petrol:#0D6875; --ink:#12242C;
  --muted:#526877; --accent:#0F6E7C; --paper:#EAF0F5; --line:#D8E2EA;
  --nav:#08151D; --blue:#C7EBEF; --radius:16px;
  --brand-shadow:0 1px 2px #0a28320e,0 14px 30px -22px #0d687573;
  --brand-gradient:radial-gradient(ellipse at 90% 0%,#149db04a,transparent 62%),linear-gradient(120deg,#0B1720,#12333F 48%,#185965);
}
body {
  background-color:var(--paper); color:var(--ink);
  background-image:radial-gradient(ellipse at 100% 0%,#149db00d,transparent 48%),linear-gradient(#149db006 1px,transparent 1px),linear-gradient(90deg,#149db006 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
}
::selection{background:#bbd40666;color:#12242c}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--petrol);outline-offset:4px}
.sidebar{background:radial-gradient(ellipse at 20% 40%,#149db02e,transparent 60%),linear-gradient(165deg,#070F17,#10252E 58%,#0D3840);border-right:1px solid #315561;position:relative;isolation:isolate}
.sidebar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./assets/moduss-mosaic.png') repeat left top/256px 256px;opacity:.14;mask-image:linear-gradient(transparent 180px,#000 330px)}
.sidebar::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;pointer-events:none;background:linear-gradient(90deg,var(--lime),var(--brand),var(--petrol))}
.brand-light,.sidebar .side-title{color:#ACD9DF}.workspace-brand{border-color:#ffffff21}.workspace-brand>span{color:#BBD406}
.workspace-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 13px 30px;padding:22px 0;border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;text-align:center}.workspace-brand img{display:block;width:170px;max-width:100%;height:auto}.workspace-brand>span{font-size:10px;line-height:1.3;letter-spacing:2.6px;text-transform:uppercase}
.modulya-lockup{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(210px,100%);margin:0 auto 28px;text-align:center}.access-brand .modulya-lockup img{display:block;width:100%;height:auto}.modulya-lockup>span{font-size:12px;line-height:1.3;letter-spacing:3.5px;text-transform:uppercase;color:#DDEBED}
/* Optical alignment: the mosaic extends left of the MODULYA wordmark. */
.modulya-lockup>span{align-self:flex-end;width:74%;text-align:center}
.workspace-brand>span{width:126px;max-width:74%;transform:translateX(22px);text-align:center}
.browser-folder-current{font-size:12px;min-height:38px;margin:8px 0 8px 12px;white-space:normal;display:inline-flex;align-items:center;gap:8px}
#breadcrumbs .browser-folder-current{padding:9px 12px;max-width:none;background:#E4F1F4;border:1px solid #B8D9DE;border-radius:8px;color:#0D6875;white-space:normal;overflow:visible}
#browser-folder-dialog{max-width:620px}#browser-folder-dialog .setup-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.entry-with-local{display:flex;align-items:stretch;border-bottom:1px solid #edf1f2;background:white}.entry-with-local>.entry{flex:1;min-width:0;border:0}
.cloud-local-button{align-self:center;flex-shrink:0;width:38px;height:38px;margin-right:14px;display:flex;align-items:center;justify-content:center;border:1px solid #C5DFE4;border-radius:8px}
.grid .entry-with-local{display:flex;flex-direction:column;border:1px solid #D8E2EA;border-radius:10px}.grid .entry-with-local>.entry{border:0}.grid .cloud-local-button{align-self:flex-end;margin:0 14px 14px}
.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){background:var(--lime)}
.brand-mark i:nth-child(2){background:var(--brand)}.brand-mark i:nth-child(3){background:#0D6875}
.company{border-radius:12px}.company:not(.selected){color:#EDF8FA}.company:not(.selected):hover{background:#149db029;border-color:#149db080}
.company.selected{background:linear-gradient(135deg,#BBD406,#9DB404);border-color:var(--lime);color:#152A1A;box-shadow:0 8px 20px -12px #bbd40699}
.company.selected :is(strong,small,.selected-check){color:#152A1A}.company.selected .company-symbol{background:#ffffff70;color:#12333F}
.company:not(.selected) .company-copy small,.sidebar-note p,.side-bottom small{color:#B1CDD6}
.sidebar-note strong,.side-bottom strong{color:#F1FAFC}.add-workspace{color:#D5EBEE;border-color:#4F7C87}.add-workspace:hover{background:#149db026;border-color:var(--brand)}
.topbar{background:#ffffffed;border-bottom:1px solid var(--line);box-shadow:0 4px 24px -20px #0d687580}
.topbar-label{color:var(--accent)}.header-actions>.text-button{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web-app-button,.secondary-button{background:#F4FAFB;color:var(--petrol);border-color:#B8D9DE;box-shadow:0 2px 4px #0d687509}
.web-app-button:hover,.secondary-button:hover{background:#E3F2F4;border-color:var(--brand)}
.primary-button{background:linear-gradient(135deg,#BBD406,#A8BF05);color:#152A1A;border:1px solid #A1B705;font-weight:700;box-shadow:0 7px 18px -12px #7c8d00bb}
.primary-button:hover{background:linear-gradient(135deg,#C6DF1C,#B2C909)}
.text-button,.help-menu summary,.help-menu button{color:var(--petrol)}
.help-menu[open]{border:1px solid var(--line);box-shadow:0 12px 30px #0a28321c}
.intro{background:var(--brand-gradient);color:#F3FAFC;border:1px solid #245865;border-radius:18px;padding:28px 30px;position:relative;isolation:isolate;overflow:hidden;box-shadow:var(--brand-shadow)}
.intro::before,.access-brand::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./assets/moduss-mosaic.png') repeat right top/256px 256px;opacity:.13;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.intro .eyebrow{color:#BBD406}.intro h1{color:#F5FAFC}.intro #company-name{color:#BBD406}.intro p{color:#CDE4E9}.intro .secondary-button{background:#103D48;color:#EFF8FA;border-color:#75A3AF}
.access-brand{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-gradient);border:1px solid #2C626E;border-top:4px solid var(--lime);box-shadow:0 20px 46px -30px #0d6875a6}
.access-brand h1{color:#F4FAFC}.access-brand p{color:#CDE4E9}
:is(.account-strip,.microsoft-card,.local-shortcuts,.connection-card,.explorer){background-color:white;border-color:var(--line);box-shadow:var(--brand-shadow)}
:is(.account-strip,.microsoft-card,.local-shortcuts,.connection-card){background-image:linear-gradient(180deg,#149db008,transparent 65%)}
.account-chip{background:#DCF0F3;color:var(--petrol)}
:is(.small-label,.eyebrow,.entry-type,.entry-details,.entry-path,.result-count){color:var(--muted)}
.account-info #account-email{color:var(--muted)}
.connection-info>span:last-child{color:#526877}.connected{color:#196B4D!important}
.desktop-panel{background:linear-gradient(115deg,#E2EFF2,#F4FAFB);border-color:#C2DBE1}.desktop-panel p{color:#435F6C}.desktop-metrics span{color:#526877}
.entry:hover,.entry-with-local:hover>.entry{background:#EFF8FA}.entry-icon{background:#E2F1F4}.entry-icon .icon{fill:#C4E7ED;stroke:#0F7E8E}
.table-heading,.explorer-footer{background:#F2F7FA;color:#526877;border-color:var(--line)}
.search-box{background:#F3F8FA;border-color:#CADFE5}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #149db01f}.search-box input::placeholder{color:#526877}
.cloud-notice{background:#E4F1F4;color:#325D69;border-bottom:1px solid #C9E1E6}.cloud-local-button{color:var(--petrol);background:#F1F8FA;border-color:#C5DFE4}.cloud-local-button.local-linked{color:#196B4D;background:#E5F3EA;border-color:#90BDA5}
.local-shortcuts p,.local-shortcut-copy span,.setup-intro,.field-note,.setup-note,.connection-card p{color:#526877}
.live-message:not(.error-message){background:#E9F4F1;color:#285B4B;border-color:#BAD7CB}
.error-message{background:#FFF4ED;color:#8A4528;border-color:#E7C7B7}
dialog{border-color:#B8D5DD;background:#FCFEFF;box-shadow:0 30px 100px #06192152}dialog::backdrop{background:#07182299}.app-key-input{border-color:#B8D5DD;background:#F5FAFC}
.view-toggle{background:#E8F0F4;border-color:#CADDE4}.view-toggle .active{color:var(--petrol);box-shadow:0 2px 6px #0d68751a}
.empty-state p,.bottom-note,.connection-footnote{color:#526877}
body[data-surface] > header{background-image:url('./assets/moduss-mosaic.png'),var(--brand-gradient);background-size:256px 256px,auto;background-blend-mode:soft-light,normal;color:#F3FAFC;border-bottom:4px solid var(--lime)}
body[data-surface] > header :is(p,small,.brand span,strong span){color:#CDE4E9}
body[data-surface="help"] nav{background:#DCEBF0;border-bottom:1px solid #C2DCE3}
body[data-surface="help"] :is(a,.steps b){color:var(--petrol)}
body[data-surface="help"] section{border-color:var(--line);box-shadow:var(--brand-shadow);background-image:linear-gradient(180deg,#149db006,transparent 80%)}
body[data-surface="help"] .steps div{background:#DFEFF2}.notice{border-left-color:var(--brand)}
body[data-surface="tray"] .primary{background:linear-gradient(135deg,var(--lime),#A8BF05);color:#152A1A;box-shadow:0 6px 18px -12px #869a00aa}
body[data-surface="tray"] .links button{color:var(--petrol)}body[data-surface="tray"] #folders button{background:#E0EFF2;color:#0D6875}body[data-surface="tray"] .startup input{accent-color:#0D6875}
@media(max-width:620px){.intro{padding:24px 20px}.header-actions>.text-button{max-width:150px}.access-brand{padding:28px}.sidebar::before{mask-image:linear-gradient(transparent 80px,#000 180px)}}
@media(prefers-reduced-motion:reduce){:is(button,a,.company){transition:none}}
@media print{body{background:white!important}body[data-surface] > header{background:white;color:#12242C;border-bottom:2px solid #0D6875}body[data-surface] > header p{color:#12242C}section{box-shadow:none!important}}