:root{
  --navy-950:#031a33;
  --navy-900:#042344;
  --navy-800:#07345f;
  --navy-700:#0a477b;
  --blue:#0c65d9;
  --blue-soft:#dcecff;
  --orange:#ff642f;
  --orange-dark:#dc4818;
  --orange-soft:#fff0e9;
  --ink:#122033;
  --muted:#6c7b8f;
  --line:rgba(4,35,68,.12);
  --surface:rgba(249,252,255,.90);
  --surface-strong:rgba(255,255,255,.97);
  --danger:#c93636;
  --success:#14865e;
  --warning:#b56a00;
  --shadow:0 18px 48px rgba(3,26,51,.12);
  --shadow-soft:0 8px 24px rgba(3,26,51,.08);
  --radius:22px;
  --radius-sm:14px;
  --sidebar:270px;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#eaf2fb}
body{min-height:100vh;overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.hidden{display:none!important}
.muted{color:var(--muted)}
.small{font-size:.84rem}
.nowrap{white-space:nowrap}
.spacer{flex:1}
.text-right{text-align:right}
.danger-text{color:var(--danger)}
.success-text{color:var(--success)}

.app-bg{
  min-height:100vh;
  background:
    radial-gradient(circle at 14% 8%,rgba(12,101,217,.18),transparent 28%),
    radial-gradient(circle at 90% 4%,rgba(255,100,47,.14),transparent 25%),
    linear-gradient(145deg,#dce9f7 0%,#f5f8fc 48%,#e9f1f8 100%);
}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{
  position:sticky;top:0;height:100vh;padding:20px 14px 18px;overflow:auto;
  background:linear-gradient(180deg,rgba(3,26,51,.98),rgba(4,35,68,.95));
  color:#fff;border-right:1px solid rgba(255,255,255,.07);z-index:20;
}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 20px}
.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.brand strong{display:block;font-size:1.03rem;letter-spacing:.01em}
.brand small{display:block;color:#ff9a75;margin-top:2px;font-size:.76rem}
.nav-section{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.42);padding:16px 14px 7px}
.nav-btn{width:100%;border:0;background:transparent;color:rgba(255,255,255,.76);display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:14px;text-align:left;transition:.18s ease;margin:2px 0}
.nav-btn svg{width:19px;height:19px;flex:0 0 19px}
.nav-btn:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
.nav-btn.active{background:linear-gradient(135deg,rgba(255,100,47,.26),rgba(255,100,47,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,143,103,.18)}
.sidebar-footer{margin-top:18px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}
.save-status{font-size:.75rem;color:rgba(255,255,255,.6);line-height:1.4}.save-status[data-tone="ok"]{color:#92e2c1}.save-status[data-tone="warn"]{color:#ffd294}
.main{min-width:0}
.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:14px;padding:14px 24px;background:rgba(243,248,252,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.mobile-menu{display:none}
.view-heading{min-width:180px}.view-heading h1{font-size:1.2rem;margin:0}.view-heading small{color:var(--muted)}
.global-search{flex:1;max-width:620px;position:relative}.global-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;color:var(--muted)}
.global-search input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:999px;padding:11px 15px 11px 42px;outline:none;box-shadow:0 5px 18px rgba(3,26,51,.05)}
.global-search input:focus{border-color:rgba(12,101,217,.45);box-shadow:0 0 0 4px rgba(12,101,217,.09)}
.top-actions{display:flex;gap:8px;align-items:center}
.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.94);width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--navy-900);box-shadow:var(--shadow-soft)}
.icon-btn:hover{transform:translateY(-1px)}
.icon-btn svg{width:19px}
.content{padding:24px;max-width:1680px;margin:0 auto}

.hero{position:relative;overflow:hidden;border-radius:30px;padding:30px;color:#fff;background:linear-gradient(120deg,var(--navy-950),var(--navy-800));box-shadow:var(--shadow);min-height:210px}
.hero:after{content:"";position:absolute;right:-70px;top:-100px;width:440px;height:440px;background:radial-gradient(circle,rgba(12,101,217,.58),transparent 66%)}
.hero:before{content:"";position:absolute;right:20%;bottom:-180px;width:350px;height:350px;background:radial-gradient(circle,rgba(255,100,47,.3),transparent 66%)}
.hero-content{position:relative;z-index:2;display:flex;gap:26px;justify-content:space-between;align-items:flex-end}
.hero h2{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1;margin:0 0 8px}.hero p{margin:0;color:rgba(255,255,255,.72);max-width:680px}
.hero-clock{text-align:right}.hero-clock strong{font-size:3.8rem;line-height:.9;font-weight:300;letter-spacing:-.06em}.hero-clock small{display:block;color:#ffb69d;margin-top:10px}

.grid{display:grid;gap:18px}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:20px;backdrop-filter:blur(12px)}
.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.card-header h2,.card-header h3{margin:0}.card-header h2{font-size:1.13rem}.card-header h3{font-size:1rem}.card-header p{margin:4px 0 0;color:var(--muted);font-size:.86rem}
.kpi{display:flex;align-items:center;gap:14px}.kpi-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.kpi-icon.orange{background:var(--orange-soft);color:var(--orange)}.kpi-icon.green{background:#ddf6eb;color:var(--success)}.kpi-icon.red{background:#fde7e7;color:var(--danger)}.kpi-icon svg{width:23px}
.kpi small{color:var(--muted);display:block}.kpi strong{font-size:1.5rem;display:block;margin-top:2px}.kpi .delta{font-size:.76rem;margin-top:4px;color:var(--muted)}

.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn{border:0;border-radius:13px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.16s ease;text-decoration:none;white-space:nowrap}.btn svg{width:17px;height:17px}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--orange),#ff7e50);box-shadow:0 8px 20px rgba(255,100,47,.24)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(255,100,47,.3)}.btn.secondary{background:#fff;color:var(--navy-900);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--navy-900)}.btn.danger{background:#fff0f0;color:var(--danger);border:1px solid rgba(201,54,54,.15)}.btn.success{background:#e2f7ee;color:var(--success)}.btn.compact{padding:7px 10px;border-radius:10px;font-size:.82rem}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important}
.segmented{display:flex;gap:3px;background:rgba(4,35,68,.07);padding:4px;border-radius:13px}.segmented button{border:0;background:transparent;border-radius:10px;padding:7px 10px;color:var(--muted)}.segmented button.active{background:#fff;color:var(--navy-900);box-shadow:0 3px 10px rgba(3,26,51,.09)}
.filter-control{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;color:var(--ink);outline:none}

.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.95)}.table{width:100%;border-collapse:collapse;min-width:820px}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;background:#f6f9fc;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.table td{padding:13px 14px;border-bottom:1px solid rgba(4,35,68,.07);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f9fbfd}.table .actions{display:flex;justify-content:flex-end;gap:5px}.table .actions button{border:0;background:transparent;border-radius:9px;padding:6px;color:var(--muted)}.table .actions button:hover{background:#edf3f8;color:var(--navy-900)}
.list{display:grid;gap:10px}.list-row{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:16px;padding:13px 14px;transition:.16s ease}.list-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.list-row-main{min-width:0;flex:1}.list-row-main strong{display:block}.list-row-main small{color:var(--muted);display:block;margin-top:3px}.list-row-side{text-align:right}.list-row-actions{display:flex;gap:5px}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800;background:#edf2f7;color:var(--muted)}.badge.ok{background:#e1f6ed;color:var(--success)}.badge.warn{background:#fff2dd;color:var(--warning)}.badge.danger{background:#fde7e7;color:var(--danger)}.badge.blue{background:#e4efff;color:var(--blue)}.badge.orange{background:var(--orange-soft);color:var(--orange-dark)}
.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty svg{width:42px;height:42px;opacity:.45;margin-bottom:8px}

.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.79rem;font-weight:800;color:#45556b}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.92);padding:10px 11px;outline:none;color:var(--ink)}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(12,101,217,.45);box-shadow:0 0 0 4px rgba(12,101,217,.08)}.field-help{font-size:.73rem;color:var(--muted)}
.inline-fields{display:flex;gap:10px;align-items:end}.inline-fields>*{flex:1}
.checkbox{display:flex;gap:9px;align-items:center}.checkbox input{width:18px;height:18px}
.form-section{border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:14px;background:rgba(255,255,255,.68)}.form-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.form-section-title h3{margin:0;font-size:.95rem}
.item-editor-row{display:grid;grid-template-columns:1.3fr .7fr .45fr .65fr .65fr auto;gap:8px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}.item-editor-row:last-child{border-bottom:0}.payment-editor-row{display:grid;grid-template-columns:.75fr .8fr .7fr .7fr .7fr auto;gap:8px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}
.form-actions{position:sticky;bottom:0;margin:18px -22px -22px;padding:14px 22px;background:rgba(255,255,255,.94);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;border-radius:0 0 22px 22px;backdrop-filter:blur(12px)}

.modal-backdrop{position:fixed;inset:0;background:rgba(3,20,38,.55);z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;animation:fade .16s ease}.modal{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#f8fbfe;border:1px solid rgba(255,255,255,.72);border-radius:26px;box-shadow:0 28px 90px rgba(0,0,0,.28);animation:pop .2s ease}.modal.wide{width:min(1120px,100%)}.modal-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:rgba(248,251,254,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{border:0;background:#edf2f7;width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.modal-body{padding:22px}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pop{from{opacity:0;transform:scale(.975) translateY(8px)}to{opacity:1;transform:none}}
.toast{position:fixed;right:20px;bottom:20px;z-index:200;max-width:390px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:13px 15px;display:flex;gap:10px;align-items:flex-start;transform:translateY(20px);opacity:0;transition:.2s ease}.toast.show{transform:none;opacity:1}.toast.ok{border-left:4px solid var(--success)}.toast.warn{border-left:4px solid var(--warning)}.toast.error{border-left:4px solid var(--danger)}

.detail-hero{background:linear-gradient(135deg,var(--navy-950),var(--navy-800));color:#fff;border-radius:22px;padding:22px;margin-bottom:16px}.detail-hero h2{margin:0}.detail-hero p{color:rgba(255,255,255,.7)}.detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.detail-meta span{background:rgba(255,255,255,.1);padding:7px 10px;border-radius:999px;font-size:.8rem}
.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.definition-list{display:grid;grid-template-columns:160px 1fr;gap:9px 12px}.definition-list dt{color:var(--muted);font-size:.8rem}.definition-list dd{margin:0;min-width:0}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-card{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#e9eef4;border:1px solid var(--line)}.media-card img{width:100%;height:100%;object-fit:cover}.media-card .media-overlay{position:absolute;inset:auto 0 0;padding:18px 9px 8px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:.72rem}.media-card button{position:absolute;right:7px;top:7px;border:0;background:rgba(255,255,255,.9);width:29px;height:29px;border-radius:9px}.upload-zone{border:1.5px dashed rgba(12,101,217,.32);border-radius:16px;padding:22px;text-align:center;background:rgba(220,236,255,.35)}

.tabs{display:flex;gap:5px;overflow:auto;padding:4px;background:rgba(4,35,68,.06);border-radius:14px;margin-bottom:16px}.tabs button{border:0;background:transparent;padding:9px 12px;border-radius:10px;white-space:nowrap;color:var(--muted)}.tabs button.active{background:#fff;color:var(--navy-900);box-shadow:0 3px 10px rgba(3,26,51,.08);font-weight:800}
.stock-meter{height:8px;background:#e7edf3;border-radius:999px;overflow:hidden;margin-top:8px}.stock-meter span{display:block;height:100%;background:var(--blue);border-radius:inherit}.stock-meter.low span{background:var(--danger)}

body.login-page{background:#031a33;overflow:hidden}
.login-screen{position:relative;isolation:isolate;min-height:100dvh;padding:26px;display:grid;place-items:center;background:linear-gradient(145deg,#02152c 0%,#042344 42%,#07345f 100%);overflow:hidden}
.lock-network-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;opacity:.95}
.login-screen::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 15% 20%,rgba(12,101,217,.20),transparent 24%),radial-gradient(circle at 82% 14%,rgba(255,100,47,.16),transparent 18%),radial-gradient(circle at 50% 100%,rgba(34,124,255,.20),transparent 26%)}
.login-screen::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-110px;height:240px;z-index:1;background:radial-gradient(60% 140% at 50% 0%,rgba(52,138,255,.35),transparent 70%);filter:blur(16px)}
.lock-shell{position:relative;z-index:2;width:min(1480px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);gap:clamp(32px,5vw,92px);align-items:center}
.lock-brand-panel{padding:clamp(18px,2vw,24px)}
.lock-brand-top{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.lock-brand-top img{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.22))}
.lock-title{font-size:clamp(3.4rem,6vw,5.8rem);line-height:.92;margin:0;color:#fff;letter-spacing:-.05em}
.lock-subtitle{display:block;margin-top:6px;font-size:clamp(1.1rem,2.3vw,1.8rem);font-weight:700;color:#ff8c5f;letter-spacing:.02em}
.lock-tagline{margin:20px 0 0;color:rgba(255,255,255,.82);font-size:1.55rem;max-width:760px;line-height:1.35}.lock-tagline strong{color:#ff8c5f}
.lock-feature-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px}
.lock-feature{display:flex;align-items:flex-start;gap:12px;min-width:185px;padding-right:12px;color:rgba(255,255,255,.86)}
.lock-feature + .lock-feature{border-left:1px solid rgba(255,255,255,.12);padding-left:18px}
.lock-feature-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#51a1ff;backdrop-filter:blur(10px)}
.lock-feature strong{display:block;font-size:.98rem;color:#fff}.lock-feature small{display:block;margin-top:4px;font-size:.88rem;color:rgba(255,255,255,.62);line-height:1.35}
.login-card{position:relative;width:min(100%,540px);margin-left:auto;background:rgba(247,250,255,.18);border:1px solid rgba(255,255,255,.22);border-radius:34px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(26px) saturate(140%)}
.login-card::before{content:"";position:absolute;inset:1px;border-radius:33px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));pointer-events:none}
.login-card > *{position:relative;z-index:1}
.login-brand{text-align:center;margin-bottom:16px}.login-brand .user-badge{width:106px;height:106px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(89,165,255,.62);background:radial-gradient(circle at 30% 30%,rgba(28,117,245,.30),rgba(5,23,49,.15));box-shadow:0 0 0 6px rgba(66,130,255,.08),0 18px 38px rgba(0,0,0,.18);color:#fff}.login-brand .user-badge svg{width:44px;height:44px}.login-brand h1{margin:0;color:#fff;font-size:clamp(2rem,3.2vw,2.5rem);letter-spacing:-.03em}.login-brand p{margin:10px 0 0;color:rgba(255,255,255,.72)}
.profile-option{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.16);padding:13px 14px;border-radius:18px;margin:18px 0;background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(12px)}
.profile-option .muted{color:rgba(255,255,255,.62)!important}
.avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--orange),#ff8e65);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 26px rgba(255,100,47,.28)}
.login-card .field{margin-top:14px}.login-card .field label{color:rgba(255,255,255,.86);font-size:.82rem}.login-card .field input{min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(6,28,57,.26)!important;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.login-card .field input::placeholder{color:rgba(255,255,255,.42)}
.login-card .field input:focus{background:rgba(7,32,63,.4)!important;border-color:rgba(81,161,255,.74);box-shadow:0 0 0 4px rgba(81,161,255,.12)}
.login-aux{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:rgba(255,255,255,.74);font-size:.92rem}.login-remember{display:flex;align-items:center;gap:9px}.login-remember input{accent-color:var(--orange)}.login-link{color:#6ab3ff;text-decoration:none}.login-link:hover{text-decoration:underline}
.login-card .btn.primary{width:100%;margin-top:18px;min-height:54px;border-radius:16px;font-size:1.02rem}
.login-divider{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.42);margin:16px 0}.login-divider::before,.login-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.12)}
.login-card .btn.secondary{width:100%;min-height:52px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff}.login-card .btn.secondary:hover{background:rgba(255,255,255,.12)}
.login-security-note{margin:16px 0 0;text-align:center;color:rgba(255,255,255,.56);font-size:.8rem;line-height:1.45}
.lock-footer{position:absolute;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 28px}
.lock-footer-cards{display:flex;flex-wrap:wrap;gap:12px}.lock-footer-card{min-width:216px;padding:12px 16px;border-radius:18px;background:rgba(9,24,50,.28);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px);color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.14)}
.lock-footer-card strong{display:block;font-size:.95rem}.lock-footer-card small{display:block;margin-top:4px;color:rgba(255,255,255,.62);line-height:1.35}.lock-footer-meta{text-align:right;color:rgba(255,255,255,.66);font-size:.92rem}.lock-footer-meta strong{display:block;color:#fff;font-size:1rem;margin-bottom:4px}.status-dot-live{display:inline-block;width:10px;height:10px;border-radius:50%;background:#7de27d;box-shadow:0 0 0 4px rgba(125,226,125,.14)}
@media(max-width:980px){.lock-shell{grid-template-columns:1fr;gap:24px}.lock-brand-panel,.login-card{width:min(100%,760px);margin:0 auto}.lock-title{font-size:3.2rem}.lock-tagline{font-size:1.15rem}.lock-footer{position:relative;display:grid;padding:26px 0 0;justify-content:stretch}.lock-footer-meta{text-align:left}}
@media(max-width:720px){body.login-page{overflow:auto}.login-screen{padding:20px 16px 28px}.lock-brand-top{align-items:flex-start}.lock-brand-top img{width:84px;height:84px}.lock-title{font-size:2.4rem}.lock-feature-row{display:grid;grid-template-columns:1fr;gap:10px}.lock-feature + .lock-feature{border-left:0;padding-left:0}.login-card{padding:22px;border-radius:28px}.lock-footer-cards{display:grid;grid-template-columns:1fr}.lock-footer-card{min-width:0}}

.chart-bars{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:10px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.bar{width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--blue),var(--navy-700));min-height:3px}.bar.expense{background:linear-gradient(180deg,var(--orange),var(--orange-dark))}.bar-label{font-size:.66rem;color:var(--muted)}

.cloud-folders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.cloud-folder{padding:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:13px;text-align:center}.cloud-folder svg{width:25px;color:var(--blue)}.cloud-folder strong{display:block;font-size:.78rem;margin-top:6px}.cloud-folder small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}
.audit-list{max-height:390px;overflow:auto}.audit-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.audit-row:last-child{border-bottom:0}.audit-row time{font-size:.72rem;color:var(--muted);min-width:112px}.audit-row strong{display:block;font-size:.84rem}.audit-row small{color:var(--muted)}



@media(max-width:1180px){.grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.cloud-folders{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:.22s ease;box-shadow:20px 0 60px rgba(0,0,0,.25)}body.menu-open .sidebar{transform:none}.mobile-menu{display:grid}.view-heading{min-width:0}.topbar{padding:11px 14px}.global-search{display:none}.content{padding:16px}.hero{padding:22px;min-height:180px}.hero-clock strong{font-size:2.8rem}.form-grid,.form-grid.three{grid-template-columns:1fr}.item-editor-row,.payment-editor-row{grid-template-columns:1fr 1fr}.item-editor-row>*:first-child,.payment-editor-row>*:first-child{grid-column:1/-1}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.grid.kpis,.grid.two,.grid.three{grid-template-columns:1fr}.hero-content{align-items:flex-start;flex-direction:column}.hero-clock{text-align:left}.top-actions .desktop-only{display:none}.card{padding:16px;border-radius:19px}.toolbar{align-items:stretch}.toolbar-left,.toolbar-right{width:100%}.toolbar .btn{flex:1}.definition-list{grid-template-columns:1fr;gap:3px}.definition-list dd{margin-bottom:9px}.cloud-folders{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:94vh;border-radius:24px 24px 0 0}.modal-body{padding:18px}.form-actions{margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding:13px 18px;border-radius:0}.media-grid{grid-template-columns:1fr 1fr}.item-editor-row,.payment-editor-row{grid-template-columns:1fr}.item-editor-row>*:first-child,.payment-editor-row>*:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.notice{margin-bottom:16px;padding:13px 14px;border:1px solid rgba(12,101,217,.18);border-radius:14px;background:#eaf3ff;color:#183957;font-size:.86rem;line-height:1.5}
.notice strong{color:var(--navy-900)}

/* v1.1.0 — acabamento Fluent/Windows 11 */
:root{
  --mica:rgba(244,248,252,.90);
  --mica-strong:rgba(255,255,255,.96);
  --focus:0 0 0 3px rgba(12,101,217,.18);
  --transition:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:smooth}
body::selection{background:rgba(12,101,217,.18)}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(12,101,217,.75);outline-offset:2px;
}
*{scrollbar-width:thin;scrollbar-color:rgba(4,35,68,.28) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:rgba(4,35,68,.23);border:3px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:rgba(4,35,68,.38);border:3px solid transparent;background-clip:padding-box}
.sidebar{backdrop-filter:blur(24px) saturate(130%)}
.sidebar::before{content:"";position:fixed;inset:0 auto 0 0;width:var(--sidebar);pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 45%)}
.nav-btn,.btn,.icon-btn,.list-row,.card,.media-card,.segmented button,.tabs button{transition:transform .2s var(--transition),box-shadow .2s var(--transition),background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}
.nav-btn:active,.btn:active,.icon-btn:active{transform:scale(.975)}
.topbar{background:var(--mica);backdrop-filter:blur(28px) saturate(150%)}
.global-search input{background:var(--mica-strong);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.global-search input:focus{background:#fff;box-shadow:var(--focus),0 10px 30px rgba(3,26,51,.08)}
.icon-btn{background:var(--mica-strong)}
.icon-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(3,26,51,.12)}
.card{background:var(--mica-strong);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,var(--shadow-soft)}
.card:hover{border-color:rgba(12,101,217,.15)}
.kpi:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(3,26,51,.11)}
.btn.secondary:hover,.btn.ghost:hover{background:#f7fbff;border-color:rgba(12,101,217,.24)}
.btn.danger:hover{background:#ffe6e6;border-color:rgba(201,54,54,.28)}
.btn.success:hover{background:#d3f3e6}
.table-wrap{box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.table tbody tr{transition:background-color .14s ease,transform .14s ease}
.table tbody tr:hover{background:#f4f8fc}
.table .actions button:hover{transform:translateY(-1px)}
.list-row:hover{transform:translateY(-2px);border-color:rgba(12,101,217,.18);box-shadow:0 12px 28px rgba(3,26,51,.1)}
.field input,.field select,.field textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(4,35,68,.22)}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;box-shadow:var(--focus)}
.modal-backdrop{backdrop-filter:blur(8px)}
.modal{background:rgba(248,251,254,.96);box-shadow:0 36px 100px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.85) inset}
.modal-close{transition:.18s var(--transition)}
.modal-close:hover{transform:rotate(5deg) scale(1.05);background:#e2eaf2}
.form-actions{box-shadow:0 -10px 28px rgba(3,26,51,.04)}
.badge{border:1px solid rgba(4,35,68,.05)}
.media-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(3,26,51,.13)}
.upload-zone{transition:border-color .18s ease,background .18s ease,transform .18s var(--transition)}
.upload-zone:hover{border-color:rgba(12,101,217,.58);background:rgba(220,236,255,.58);transform:translateY(-1px)}
.diagnostic-list{display:grid;gap:8px}
.diagnostic-row{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.95)}
.diagnostic-row>div:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8f1ff;color:var(--blue);flex:0 0 34px}
.diagnostic-row.warn>div:first-child{background:#fff2dd;color:var(--warning)}
.diagnostic-row.danger>div:first-child{background:#fde7e7;color:var(--danger)}
.diagnostic-row strong{display:block;font-size:.86rem}.diagnostic-row small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}
.compact-empty{padding:22px 12px}
.file-list{display:grid;gap:8px}
.file-row{display:flex;align-items:center;gap:12px;padding:11px 12px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:14px}
.file-row:hover{border-color:rgba(12,101,217,.2);box-shadow:var(--shadow-soft)}
.file-row .file-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f1ff;color:var(--blue);flex:0 0 40px}
.file-row .file-main{flex:1;min-width:0}.file-row .file-main strong,.file-row .file-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .file-main small{color:var(--muted);margin-top:3px}
@keyframes viewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#view-root>*{animation:viewIn .28s var(--transition)}
@media(max-width:900px){.sidebar::before{width:280px}.topbar{backdrop-filter:blur(22px) saturate(145%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#view-root>*{animation:none}}

/* =========================================================
   Marco Iris Tecnologia v1.3.0 — Futuristic Glass real
   Fundo tecnológico, bloqueio funcional e caixas foscas.
   ========================================================= */
:root{
  --ink:#edf6ff;
  --muted:#9db3cb;
  --line:rgba(130,184,240,.15);
  --surface:rgba(13,39,72,.88);
  --surface-strong:rgba(17,45,81,.94);
  --mica:rgba(8,30,59,.90);
  --mica-strong:rgba(14,41,76,.94);
  --shadow:0 22px 58px rgba(0,8,22,.32);
  --shadow-soft:0 12px 32px rgba(0,8,22,.24);
  color-scheme:dark;
}
html,body{background:#02152c;color:var(--ink)}
body:not(.login-page){background:#02152c}
.app-bg{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,224,.24),transparent 27%),
    radial-gradient(circle at 89% 3%,rgba(255,100,47,.15),transparent 20%),
    radial-gradient(circle at 48% 106%,rgba(20,107,230,.24),transparent 34%),
    linear-gradient(145deg,#02152c 0%,#042344 52%,#031a33 100%);
}
.app-bg::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.34;
  background-image:
    linear-gradient(rgba(86,157,241,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(86,157,241,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 94%);
}
.app-bg::after{
  content:"";
  position:fixed;
  inset:auto -12% -160px -12%;
  height:350px;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(60% 90% at 50% 0%,rgba(40,126,255,.30),transparent 72%);
  filter:blur(22px);
}
.app-shell{position:relative}
.sidebar{
  background:linear-gradient(180deg,rgba(3,22,46,.94),rgba(4,30,59,.90));
  border-right:1px solid rgba(120,181,244,.13);
  box-shadow:18px 0 58px rgba(0,8,22,.20),inset -1px 0 0 rgba(255,255,255,.025);
  backdrop-filter:blur(30px) saturate(140%);
}
.sidebar::before{background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 42%)}
.brand{border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}
.brand img{box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.08)}
.nav-btn{color:rgba(228,241,255,.75);border:1px solid transparent}
.nav-btn:hover{background:rgba(78,145,224,.11);border-color:rgba(103,165,235,.10);color:#fff}
.nav-btn.active{
  background:linear-gradient(135deg,rgba(255,100,47,.24),rgba(28,103,199,.14));
  border-color:rgba(255,134,91,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.14);
}
.lock-sidebar-btn{margin-top:8px;border-color:rgba(112,170,234,.12);background:rgba(78,145,224,.06)}
.topbar{
  background:rgba(4,27,54,.86)!important;
  border-bottom:1px solid rgba(123,180,238,.13);
  box-shadow:0 10px 30px rgba(0,8,22,.16),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(30px) saturate(145%);
}
.view-heading h1{color:#fff}.view-heading small{color:#95abc3}
.global-search input,.filter-control{
  color:#eef7ff;
  background:rgba(11,36,68,.88)!important;
  border-color:rgba(126,182,240,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,8,22,.12)!important;
}
.global-search input::placeholder{color:#7790aa}
.global-search input:focus,.filter-control:focus{background:rgba(14,43,80,.98)!important;border-color:rgba(74,150,240,.56)!important;box-shadow:0 0 0 4px rgba(34,116,220,.15)!important}
.icon-btn{
  color:#dbeeff;
  background:rgba(13,40,74,.92)!important;
  border-color:rgba(126,182,240,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,8,22,.17)!important;
}
.icon-btn:hover{background:rgba(18,51,91,.98)!important;border-color:rgba(95,166,244,.30)!important}
.lock-top-btn{color:#ff9872!important;border-color:rgba(255,118,70,.22)!important}
.content{position:relative}
.hero{
  background:
    radial-gradient(circle at 88% 15%,rgba(31,119,241,.46),transparent 32%),
    radial-gradient(circle at 70% 110%,rgba(255,100,47,.24),transparent 36%),
    linear-gradient(120deg,rgba(3,22,47,.98),rgba(7,52,95,.96));
  border:1px solid rgba(121,181,242,.16);
  box-shadow:0 28px 70px rgba(0,8,22,.30),inset 0 1px 0 rgba(255,255,255,.05);
}
.hero::after{opacity:.72}.hero::before{opacity:.8}
.hero h2{color:#fff}.hero p{color:rgba(224,239,255,.72)}
.card{
  color:var(--ink);
  background:linear-gradient(145deg,rgba(18,48,84,.92),rgba(10,34,66,.88))!important;
  border:1px solid rgba(126,184,242,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 38px rgba(0,8,22,.25)!important;
  backdrop-filter:blur(20px) saturate(125%);
}
.card:hover{border-color:rgba(90,162,243,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 19px 44px rgba(0,8,22,.29)!important}
.card-header h2,.card-header h3,.kpi strong,.list-row-main strong{color:#f1f7ff}
.card-header p,.kpi small,.kpi .delta,.list-row-main small,.muted{color:#9eb3c9!important}
.kpi-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.13)}
.kpi-icon.blue{background:rgba(31,119,241,.18);color:#66aeff}
.kpi-icon.orange{background:rgba(255,100,47,.18);color:#ff976f}
.kpi-icon.green{background:rgba(28,191,126,.15);color:#55d59f}
.kpi-icon.red{background:rgba(225,75,75,.16);color:#ff8585}
.list-row,.cloud-folder,.diagnostic-row,.file-row{
  color:#edf6ff;
  background:rgba(7,29,57,.76)!important;
  border-color:rgba(126,184,242,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(12px);
}
.list-row:hover,.file-row:hover{background:rgba(12,39,73,.90)!important;border-color:rgba(92,163,240,.24)!important}
.table-wrap{
  background:rgba(5,25,51,.68)!important;
  border-color:rgba(126,184,242,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 28px rgba(0,8,22,.12)!important;
}
.table{color:#eaf4ff}
.table th{background:rgba(7,30,59,.96)!important;color:#94abc3;border-bottom-color:rgba(126,184,242,.13)!important}
.table td{border-bottom-color:rgba(126,184,242,.075)!important}
.table tbody tr:hover{background:rgba(39,102,171,.12)!important}
.table .actions button{color:#92a9c1}.table .actions button:hover{background:rgba(74,145,222,.16)!important;color:#fff}
.btn.secondary,.btn.ghost{
  color:#e7f3ff!important;
  background:rgba(12,39,73,.86)!important;
  border:1px solid rgba(126,184,242,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.btn.secondary:hover,.btn.ghost:hover{background:rgba(20,54,95,.98)!important;border-color:rgba(92,163,240,.30)!important}
.btn.danger{background:rgba(120,28,39,.28)!important;color:#ff9c9c!important;border-color:rgba(255,112,112,.18)!important}
.btn.success{background:rgba(16,111,78,.28)!important;color:#77e2b7!important}
.segmented,.tabs{background:rgba(2,20,42,.62)!important;border:1px solid rgba(126,184,242,.10)}
.segmented button,.tabs button{color:#8fa7c0!important}
.segmented button.active,.tabs button.active{background:rgba(24,58,101,.96)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.16)!important}
.field label{color:#b9cbe0!important}
.field input,.field select,.field textarea{
  color:#edf6ff!important;
  background:rgba(5,27,55,.82)!important;
  border-color:rgba(126,184,242,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.field input::placeholder,.field textarea::placeholder{color:#6f89a4}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(89,162,241,.30)!important}
.field input:focus,.field select:focus,.field textarea:focus{background:rgba(7,34,66,.98)!important;border-color:rgba(76,153,242,.62)!important;box-shadow:0 0 0 4px rgba(35,116,219,.15)!important}
.field select option{background:#06264a;color:#edf6ff}
.modal-backdrop{background:rgba(0,9,23,.72)!important;backdrop-filter:blur(14px)!important}
.modal{
  color:#edf6ff;
  background:linear-gradient(145deg,rgba(16,46,82,.98),rgba(6,28,56,.98))!important;
  border-color:rgba(126,184,242,.17)!important;
  box-shadow:0 40px 110px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.modal-header{background:rgba(7,31,61,.95)!important;border-bottom-color:rgba(126,184,242,.12)!important}
.modal-close{background:rgba(22,58,99,.86)!important;color:#eaf4ff!important}
.form-actions{background:rgba(6,27,54,.94)!important;border-top-color:rgba(126,184,242,.12)!important}
.notice{background:rgba(29,94,170,.18)!important;color:#bfdcff!important;border-color:rgba(79,153,239,.22)!important}.notice strong{color:#f3f8ff!important}
.detail-hero{border:1px solid rgba(126,184,242,.15);box-shadow:0 16px 38px rgba(0,8,22,.24)}
.detail-meta span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.07)}
.upload-zone{background:rgba(23,91,165,.14)!important;border-color:rgba(76,153,242,.32)!important;color:#bcd8f5}
.upload-zone:hover{background:rgba(30,105,190,.22)!important;border-color:rgba(94,172,255,.60)!important}
.media-card{background:#061e3b!important;border-color:rgba(126,184,242,.14)!important}
.media-card button{background:rgba(7,30,59,.90)!important;color:#fff!important}
.toast{background:rgba(11,38,72,.97)!important;color:#edf6ff;border-color:rgba(126,184,242,.16)!important;box-shadow:0 22px 52px rgba(0,0,0,.38)!important}
.badge{border-color:rgba(255,255,255,.045)!important}.badge.blue{background:rgba(31,119,241,.18)!important;color:#72b5ff!important}.badge.orange{background:rgba(255,100,47,.17)!important;color:#ff9871!important}.badge.ok{background:rgba(22,158,103,.18)!important;color:#62dca9!important}.badge.warn{background:rgba(201,124,0,.17)!important;color:#ffd07a!important}.badge.danger{background:rgba(201,54,54,.19)!important;color:#ff9696!important}
.empty{color:#8198b1}.stock-meter{background:rgba(255,255,255,.08)}


/* Tela de bloqueio/login: versão funcional e visual definitivo. */
body.login-page{overflow:hidden!important;background:#02152c!important}
.login-screen{padding:28px 30px 138px!important;background:linear-gradient(145deg,#02142b 0%,#032344 44%,#052e55 100%)!important}
.lock-network-canvas{z-index:0!important;opacity:1!important}
.lock-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none;filter:blur(28px);opacity:.55}
.lock-orb-one{width:420px;height:420px;right:-130px;top:-180px;background:radial-gradient(circle,rgba(25,111,235,.60),transparent 69%)}
.lock-orb-two{width:360px;height:360px;left:22%;bottom:-220px;background:radial-gradient(circle,rgba(255,100,47,.28),transparent 70%)}
.lock-shell{z-index:2!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr)!important;max-width:1510px!important}
.lock-brand-panel{max-width:850px}
.lock-brand-top img{width:138px!important;height:112px!important;object-fit:contain!important;filter:drop-shadow(0 22px 38px rgba(0,0,0,.34))!important}
.lock-title{font-size:clamp(3.5rem,5.7vw,5.6rem)!important;text-shadow:0 14px 38px rgba(0,0,0,.24)}
.lock-subtitle{color:#ff7b49!important;text-shadow:0 8px 24px rgba(255,100,47,.18)}
.lock-feature-icon{background:rgba(9,38,75,.74)!important;border-color:rgba(104,174,247,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,8,22,.18)}
.login-card{
  background:linear-gradient(145deg,rgba(13,43,80,.86),rgba(5,28,57,.83))!important;
  border:1px solid rgba(142,195,248,.22)!important;
  box-shadow:0 36px 100px rgba(0,6,18,.46),inset 0 1px 0 rgba(255,255,255,.075)!important;
  backdrop-filter:blur(30px) saturate(138%)!important;
}
.login-card::before{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.008))!important}
.login-brand .user-badge{background:radial-gradient(circle at 30% 28%,rgba(42,129,247,.40),rgba(4,25,53,.46))!important;border-color:rgba(101,174,251,.58)!important}
.profile-option{background:rgba(4,25,51,.58)!important;border-color:rgba(130,184,240,.15)!important}
.profile-lock{color:#7bbaff}
.login-pin-field{margin-top:16px!important}
.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;color:#82baff;width:19px}.login-input-wrap input{padding-left:48px!important;width:100%}
.login-card .field input{background:rgba(2,20,43,.72)!important;border-color:rgba(132,187,243,.16)!important}
.login-card .field input:focus{background:rgba(3,26,54,.96)!important}
.login-open-notice{display:grid;gap:5px;padding:15px 16px;margin-top:15px;border-radius:17px;background:rgba(20,119,82,.17);border:1px solid rgba(88,219,164,.19);color:#d8f5e8}.login-open-notice strong{color:#79e0b3}.login-open-notice span{font-size:.84rem;color:rgba(218,245,232,.68);line-height:1.42}
.login-local-status{display:flex;align-items:center;gap:7px;color:#8fd4b3}.login-local-status>span{width:8px;height:8px;border-radius:50%;background:#61db9f;box-shadow:0 0 0 4px rgba(97,219,159,.12)}
.login-enter{background:linear-gradient(135deg,#ff642f,#ff7f50)!important;box-shadow:0 15px 32px rgba(255,100,47,.32)!important}
.login-enter:hover{box-shadow:0 20px 40px rgba(255,100,47,.40)!important}
.login-error{animation:loginShake .34s ease!important;border-color:#ff7b7b!important;box-shadow:0 0 0 4px rgba(255,74,74,.15)!important}
@keyframes loginShake{0%,100%{transform:none}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.lock-footer{z-index:3!important}
.lock-footer-card{display:block;background:rgba(5,26,53,.72)!important;border-color:rgba(126,184,242,.13)!important;backdrop-filter:blur(20px)!important}.lock-footer-card strong{display:flex!important;align-items:center;gap:8px}.lock-footer-card svg{width:18px;color:#74b4fb}
@media(max-height:850px) and (min-width:981px){.login-screen{padding-top:16px!important;padding-bottom:112px!important}.lock-brand-top img{width:112px!important;height:90px!important}.lock-title{font-size:3.8rem!important}.lock-tagline{font-size:1.18rem!important;margin-top:13px!important}.lock-feature-row{margin-top:20px!important}.lock-feature small{font-size:.78rem!important}.login-card{padding:22px!important}.login-brand .user-badge{width:82px!important;height:82px!important;margin-bottom:10px!important}.login-brand h1{font-size:1.85rem!important}.login-security-note{margin-top:10px!important}.lock-footer-card{padding:9px 13px!important}.lock-footer-card small{font-size:.75rem!important}}
@media(max-width:980px){body.login-page{overflow:auto!important}.login-screen{padding-bottom:30px!important}.lock-shell{grid-template-columns:1fr!important}.lock-brand-panel{padding-bottom:0!important}.lock-footer{position:relative!important;margin-top:24px!important;padding:0!important}.lock-footer-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.lock-footer-meta{text-align:left!important}}
@media(max-width:720px){.lock-brand-top img{width:84px!important;height:72px!important}.lock-title{font-size:2.35rem!important}.lock-subtitle{font-size:1rem!important}.lock-feature-row{grid-template-columns:1fr!important}.lock-feature{padding:0!important}.login-card{padding:22px!important}.lock-footer-cards{grid-template-columns:1fr!important}}


/* v1.3.1 — tela de bloqueio minimalista, alinhada e sem rolagem no desktop */
@media (min-width:981px){
  body.login-page{height:100dvh;min-height:600px;overflow:hidden!important}
  body.login-page #root{height:100dvh;overflow:hidden}
  .login-screen{
    width:100%;height:100dvh;min-height:600px!important;
    padding:clamp(14px,2vh,24px) clamp(22px,3vw,46px) clamp(54px,7vh,76px)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  }
  .lock-shell{
    width:min(1380px,100%)!important;max-width:1380px!important;
    height:auto;max-height:calc(100dvh - 92px)!important;
    grid-template-columns:minmax(0,1fr) minmax(380px,470px)!important;
    gap:clamp(38px,5vw,84px)!important;align-items:center!important;
  }
  .lock-brand-panel{max-width:720px!important;padding:0!important}
  .lock-brand-top{gap:15px!important;margin-bottom:14px!important}
  .lock-brand-top img{width:104px!important;height:86px!important}
  .lock-title{font-size:clamp(3rem,4.5vw,4.7rem)!important}
  .lock-subtitle{font-size:clamp(1rem,1.55vw,1.35rem)!important;margin-top:3px!important}
  .lock-tagline{font-size:clamp(1rem,1.35vw,1.18rem)!important;margin:12px 0 0!important;max-width:620px!important}
  .lock-feature-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important;max-width:650px!important}
  .lock-feature{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;min-width:0!important;padding:0!important;color:rgba(255,255,255,.78)!important;
  }
  .lock-feature + .lock-feature{border-left:0!important;padding-left:0!important}
  .lock-feature-icon{width:38px!important;height:38px!important;border-radius:12px!important;align-self:center!important}
  .lock-feature-icon svg{width:18px!important;height:18px!important}
  .lock-feature strong{font-size:.88rem!important;line-height:1.2!important}
  .lock-feature small{font-size:.73rem!important;line-height:1.32!important;margin-top:2px!important;max-width:590px!important;color:rgba(255,255,255,.49)!important}
  .login-card{width:100%!important;max-width:470px!important;padding:clamp(20px,2.2vh,28px)!important;border-radius:30px!important}
  .login-brand{margin-bottom:10px!important}
  .login-brand .user-badge{width:72px!important;height:72px!important;margin:0 auto 10px!important}
  .login-brand .user-badge svg{width:32px!important;height:32px!important}
  .login-brand h1{font-size:1.78rem!important}
  .login-brand p{margin-top:6px!important;font-size:.84rem!important}
  .profile-option{margin:12px 0!important;padding:10px 12px!important;border-radius:15px!important}
  .avatar{width:40px!important;height:40px!important;border-radius:13px!important}
  .login-card .field{margin-top:10px!important}
  .login-card .field input{min-height:47px!important}
  .login-open-notice{
    display:flex!important;align-items:center!important;gap:7px!important;
    margin-top:9px!important;padding:7px 9px!important;border-radius:12px!important;
    background:rgba(255,255,255,.025)!important;border-color:rgba(129,188,247,.08)!important;
    color:rgba(215,232,248,.42)!important;
  }
  .login-open-notice>svg{width:14px!important;height:14px!important;flex:0 0 14px;color:rgba(111,216,167,.58)!important}
  .login-open-notice span{font-size:.69rem!important;line-height:1.25!important;color:rgba(215,232,248,.42)!important}
  .login-open-notice strong{font-size:.69rem!important;color:rgba(160,224,195,.62)!important;font-weight:650!important}
  .login-aux{margin-top:9px!important;font-size:.76rem!important}
  .login-enter{margin-top:12px!important;min-height:48px!important}
  .login-divider{margin:10px 0!important;font-size:.72rem!important}
  .login-card .btn.secondary{min-height:44px!important;font-size:.82rem!important}
  .login-security-note{margin-top:8px!important;font-size:.66rem!important;line-height:1.3!important;color:rgba(255,255,255,.34)!important}
  .lock-footer{
    left:clamp(22px,3vw,46px)!important;right:clamp(22px,3vw,46px)!important;bottom:10px!important;
    padding:0!important;gap:18px!important;opacity:.42!important;pointer-events:none!important;
  }
  .lock-footer-cards{display:flex!important;gap:22px!important;flex-wrap:nowrap!important}
  .lock-footer-card{
    min-width:0!important;padding:0!important;background:transparent!important;border:0!important;
    box-shadow:none!important;backdrop-filter:none!important;color:rgba(255,255,255,.66)!important;
  }
  .lock-footer-card strong{display:flex!important;align-items:center!important;gap:5px!important;font-size:.68rem!important;font-weight:650!important}
  .lock-footer-card small{display:block!important;margin-top:1px!important;font-size:.60rem!important;line-height:1.15!important;color:rgba(255,255,255,.45)!important}
  .lock-footer-card svg{width:12px!important;height:12px!important;color:rgba(116,180,251,.70)!important}
  .status-dot-live{width:6px!important;height:6px!important;box-shadow:0 0 0 2px rgba(125,226,125,.10)!important}
  .lock-footer-meta{font-size:.61rem!important;color:rgba(255,255,255,.40)!important;white-space:nowrap!important}
  .lock-footer-meta strong{font-size:.66rem!important;margin-bottom:1px!important;color:rgba(255,255,255,.58)!important}
}

@media (min-width:981px) and (max-height:720px){
  .login-screen{padding-top:10px!important;padding-bottom:48px!important}
  .lock-shell{max-height:calc(100dvh - 62px)!important}
  .lock-brand-top img{width:82px!important;height:68px!important}
  .lock-title{font-size:3.25rem!important}
  .lock-subtitle{font-size:1rem!important}
  .lock-tagline{font-size:.94rem!important;margin-top:8px!important}
  .lock-feature-row{margin-top:14px!important;gap:7px!important}
  .lock-feature-icon{width:32px!important;height:32px!important}
  .lock-feature{grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important}
  .lock-feature strong{font-size:.78rem!important}.lock-feature small{font-size:.66rem!important}
  .login-card{padding:17px 20px!important}
  .login-brand .user-badge{width:58px!important;height:58px!important;margin-bottom:7px!important}
  .login-brand h1{font-size:1.55rem!important}.login-brand p{font-size:.76rem!important}
  .profile-option{margin:9px 0!important;padding:8px 10px!important}
  .avatar{width:36px!important;height:36px!important}
  .login-card .field input{min-height:43px!important}
  .login-open-notice{margin-top:6px!important;padding:6px 8px!important}
  .login-aux{margin-top:7px!important}.login-enter{margin-top:9px!important;min-height:44px!important}
  .login-divider{margin:7px 0!important}.login-card .btn.secondary{min-height:40px!important}
  .login-security-note{margin-top:5px!important}
  .lock-footer{bottom:6px!important}
}

@media (max-width:980px){
  .lock-feature{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
  .lock-feature + .lock-feature{border-left:0!important;padding-left:0!important}
  .lock-feature-icon{align-self:center!important}
  .login-open-notice{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;background:rgba(255,255,255,.03)!important;border-color:rgba(129,188,247,.08)!important}
  .login-open-notice>svg{width:15px!important;height:15px!important;color:rgba(111,216,167,.65)!important}
  .login-open-notice span,.login-open-notice strong{font-size:.73rem!important}
  .lock-footer{opacity:.52!important}
  .lock-footer-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0!important;backdrop-filter:none!important}
}
.login-card .profile-option>div:nth-child(2){display:flex;flex-direction:column;min-width:0;line-height:1.2}
.login-card .profile-option small{display:block;margin-top:3px;color:rgba(255,255,255,.52);font-size:.76rem}


/* =========================================================
   v1.4.0 — Motion UI Amanda + filtros expansíveis + agenda Google
   ========================================================= */
:root{--ui-ease:cubic-bezier(.22,1,.36,1);--ui-ease-out:cubic-bezier(.4,0,1,1);--modal-surface:rgba(7,31,61,.985)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#view-root{transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}
#view-root>*{animation:none!important}
.page-exit-left{animation:pageExitLeftMI 130ms var(--ui-ease-out) both;pointer-events:none}.page-exit-right{animation:pageExitRightMI 130ms var(--ui-ease-out) both;pointer-events:none}
.page-enter-right{animation:pageEnterRightMI 300ms var(--ui-ease) both}.page-enter-left{animation:pageEnterLeftMI 300ms var(--ui-ease) both}.page-enter-soft{animation:pageEnterSoftMI 220ms var(--ui-ease) both}
.screen-enter-right{animation:screenEnterRightMI 430ms var(--ui-ease) both}.screen-enter-left{animation:screenEnterLeftMI 430ms var(--ui-ease) both}.screen-exit-left{animation:screenExitLeftMI 230ms var(--ui-ease-out) both;pointer-events:none}.screen-exit-right{animation:screenExitRightMI 230ms var(--ui-ease-out) both;pointer-events:none}
@keyframes pageExitLeftMI{to{opacity:.55;transform:translate3d(-22px,0,0)}}@keyframes pageExitRightMI{to{opacity:.55;transform:translate3d(22px,0,0)}}
@keyframes pageEnterRightMI{from{opacity:.76;transform:translate3d(34px,0,0)}to{opacity:1;transform:none}}@keyframes pageEnterLeftMI{from{opacity:.76;transform:translate3d(-34px,0,0)}to{opacity:1;transform:none}}@keyframes pageEnterSoftMI{from{opacity:.86;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}
@keyframes screenEnterRightMI{from{opacity:.3;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes screenEnterLeftMI{from{opacity:.3;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes screenExitLeftMI{to{opacity:.08;transform:translate3d(-28%,0,0) scale(.985)}}@keyframes screenExitRightMI{to{opacity:.08;transform:translate3d(28%,0,0) scale(.985)}}

/* Filtro recolhido: linha, colunas e quadrados. */
.expandable-filter{--filter-trigger:42px;--filter-gap:6px;position:relative;width:var(--filter-trigger);height:var(--filter-trigger);flex:0 0 var(--filter-trigger);z-index:40;isolation:isolate}
.expandable-filter-trigger{position:absolute;inset:0;z-index:3;width:42px;height:42px;border-radius:999px;border:1px solid rgba(126,184,242,.25);display:grid;place-items:center;color:#78b8ff;background:linear-gradient(145deg,rgba(20,59,102,.97),rgba(9,34,66,.94));box-shadow:0 10px 24px rgba(0,8,22,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:transform 220ms var(--ui-ease),opacity 150ms ease,box-shadow 220ms ease}
.expandable-filter-trigger:hover{transform:scale(1.05);box-shadow:0 14px 30px rgba(0,8,22,.38),0 0 0 4px rgba(52,133,230,.08),inset 0 1px 0 rgba(255,255,255,.11)}.expandable-filter-trigger:active{transform:scale(.96)}
.expandable-filter-options{position:absolute;right:0;top:0;z-index:2;min-height:42px;display:flex;align-items:center;gap:3px;width:max-content;max-width:min(82vw,390px);padding:4px 48px 4px 4px;border-radius:999px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(12px,0,0) scaleX(.62);transform-origin:right center;background:rgba(8,32,62,.98);border:1px solid rgba(126,184,242,.20);box-shadow:0 18px 42px rgba(0,8,22,.42),inset 0 1px 0 rgba(255,255,255,.07);transition:transform 250ms var(--ui-ease),opacity 150ms ease,visibility 0s linear 250ms}
.expandable-filter.is-open .expandable-filter-options,.expandable-filter:hover:not(.is-suppressed) .expandable-filter-options,.expandable-filter:focus-within:not(.is-suppressed) .expandable-filter-options{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:transform 250ms var(--ui-ease),opacity 150ms ease,visibility 0s}
.expandable-filter.is-open .expandable-filter-trigger,.expandable-filter:hover:not(.is-suppressed) .expandable-filter-trigger,.expandable-filter:focus-within:not(.is-suppressed) .expandable-filter-trigger{transform:scale(.92);opacity:.72}
.expandable-filter-option{min-height:34px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;color:#93aac2;background:transparent;font-size:.72rem;font-weight:750;white-space:nowrap;transition:background 170ms ease,color 170ms ease,transform 180ms var(--ui-ease),box-shadow 180ms ease}
.expandable-filter-option:hover{background:rgba(49,121,203,.17);color:#fff;transform:translateY(-1px)}.expandable-filter-option.active{color:#fff;background:linear-gradient(145deg,rgba(46,121,210,.34),rgba(17,67,123,.82));box-shadow:0 7px 17px rgba(0,16,40,.28),inset 0 1px 0 rgba(255,255,255,.08)}.expandable-filter-option:active{transform:scale(.97)}

/* Tabelas em linha, colunas e quadrados. */
.view-mode-content{transition:opacity 120ms ease,transform 180ms var(--ui-ease)}
.mode-cards,.mode-compact{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.mode-cards .table-wrap,.mode-compact .table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mode-cards .table,.mode-compact .table,.mode-cards tbody,.mode-compact tbody{display:block!important;min-width:0!important;width:100%!important}
.mode-cards thead,.mode-compact thead{display:none!important}
.mode-cards tbody,.mode-compact tbody{display:grid!important;gap:14px!important}
.mode-cards tbody{grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}.mode-compact tbody{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px!important}
.mode-cards tr,.mode-compact tr{display:grid!important;align-content:start;position:relative;overflow:hidden;border:1px solid rgba(126,184,242,.14)!important;border-radius:20px;background:linear-gradient(145deg,rgba(15,45,80,.96),rgba(7,30,58,.96))!important;box-shadow:0 14px 34px rgba(0,8,22,.20),inset 0 1px 0 rgba(255,255,255,.04);animation:cardModeIn 300ms var(--ui-ease) both;animation-delay:min(calc(var(--row-index)*18ms),180ms)}
@keyframes cardModeIn{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
.mode-cards td,.mode-compact td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px;border:0!important;padding:8px 16px!important;text-align:right!important;min-width:0}.mode-cards td:first-child,.mode-compact td:first-child{display:block!important;padding-top:16px!important;padding-bottom:12px!important;text-align:left!important;background:rgba(255,255,255,.025)}
.mode-cards td:not(:first-child)::before,.mode-compact td:not(:first-child)::before{content:attr(data-label);color:#728ba5;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;text-align:left;flex:0 0 auto}.mode-cards td:last-child,.mode-compact td:last-child{margin-top:5px;padding-top:12px!important;padding-bottom:14px!important;border-top:1px solid rgba(126,184,242,.09)!important}.mode-cards td:last-child::before,.mode-compact td:last-child::before{display:none}.mode-cards .actions,.mode-compact .actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.mode-compact td{padding:6px 12px!important;font-size:.78rem}.mode-compact td:first-child{padding-top:13px!important}.mode-compact .actions button{padding:5px}

/* Agenda no estilo Google/AppSheet. */
.agenda-toolbar{position:relative;z-index:12}.calendar-nav{height:42px;display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:15px;background:rgba(7,30,59,.72);border:1px solid rgba(126,184,242,.12)}.calendar-nav strong{min-width:155px;text-align:center;text-transform:capitalize;color:#eaf4ff;font-size:.92rem}.calendar-nav .icon-btn{width:34px;height:34px;border-radius:11px;box-shadow:none}
.google-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.google-calendar{padding:0!important;overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:rgba(4,24,48,.74);border-bottom:1px solid rgba(126,184,242,.10)}.calendar-weekdays span{padding:11px 8px;text-align:center;color:#7f98b2;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:rgba(126,184,242,.07);gap:1px}.calendar-day{position:relative;min-height:116px;padding:9px 8px;border:0;background:rgba(7,30,58,.97);color:#eaf4ff;text-align:left;overflow:hidden;transition:background 180ms ease,transform 200ms var(--ui-ease),box-shadow 180ms ease}.calendar-day:hover{z-index:2;background:rgba(15,54,96,.99);box-shadow:0 10px 28px rgba(0,8,22,.32);transform:translateY(-1px)}.calendar-day.outside{background:rgba(4,22,43,.82);color:#60758a}.calendar-day.selected{z-index:2;background:linear-gradient(145deg,rgba(26,84,151,.80),rgba(10,42,78,.98));box-shadow:inset 0 0 0 1px rgba(84,162,252,.48),0 0 0 2px rgba(28,104,196,.14)}.calendar-day-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.78rem}.calendar-day.today .calendar-day-number{background:var(--orange);color:#fff;box-shadow:0 7px 18px rgba(255,100,47,.32)}.calendar-events{display:grid;gap:4px;margin-top:6px}.calendar-event{display:block;padding:4px 6px;border-radius:7px;background:rgba(36,116,212,.20);border-left:3px solid #3a93fa;color:#cfe6ff;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.done{border-left-color:#42c88a;background:rgba(44,159,110,.16);color:#bcefd8}.calendar-event.cancelled{border-left-color:#df6868;background:rgba(174,55,55,.13);color:#efb2b2;text-decoration:line-through}.calendar-event b{font-weight:850}.calendar-more{font-size:.62rem;color:#7fa5cb;padding-left:4px}.calendar-day-panel{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto}.calendar-empty{padding:44px 12px}.calendar-empty .btn{margin-top:13px}.agenda-list-view{display:grid;gap:16px}.agenda-day-group{padding:18px;border-radius:22px;background:rgba(9,35,68,.90);border:1px solid rgba(126,184,242,.13);box-shadow:0 12px 30px rgba(0,8,22,.16)}.agenda-day-group>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agenda-day-group>header span,.agenda-day-group>header strong{display:block}.agenda-day-group>header span{font-size:1rem;font-weight:800;color:#eaf4ff}.agenda-day-group>header strong{margin-top:3px;color:#728ba5;font-size:.72rem}.agenda-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.agenda-compact-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:start;padding:16px;border-radius:21px;background:linear-gradient(145deg,rgba(14,45,81,.96),rgba(7,30,58,.96));border:1px solid rgba(126,184,242,.14);box-shadow:0 14px 32px rgba(0,8,22,.18);animation:cardModeIn .3s var(--ui-ease) both}.agenda-compact-date{width:58px;height:62px;border-radius:17px;background:rgba(38,115,205,.18);display:grid;place-items:center;align-content:center}.agenda-compact-date strong{font-size:1.45rem;line-height:1;color:#fff}.agenda-compact-date span{text-transform:uppercase;font-size:.62rem;color:#7eb6f4;margin-top:4px}.agenda-compact-card h3{margin:5px 0 3px;font-size:1rem}.agenda-compact-card p,.agenda-compact-card small{margin:0;color:#7f98b2;font-size:.74rem}.agenda-compact-card .badge{margin-top:8px}

/* Modais: superfície única, sem faixa final de outra cor. */
.modal-backdrop{opacity:0;transition:opacity 180ms ease!important;animation:none!important}.modal-backdrop.is-open{opacity:1}.modal-backdrop.is-closing{opacity:0;pointer-events:none}.modal-backdrop .modal{opacity:0;transform:translate3d(0,18px,0) scale(.985);transition:opacity 210ms ease,transform 300ms var(--ui-ease)!important;animation:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:var(--modal-surface)!important}.modal-backdrop.is-open .modal{opacity:1;transform:none}.modal-backdrop.is-closing .modal{opacity:0;transform:translate3d(0,14px,0) scale(.99)}
.modal-header,.modal-body,.modal .form-actions{background:var(--modal-surface)!important}.modal-header{flex:0 0 auto!important}.modal-body{flex:1 1 auto!important;overflow:auto!important;overscroll-behavior:contain}.modal .form-actions{border-top:1px solid rgba(126,184,242,.12)!important;box-shadow:0 -14px 30px rgba(0,8,22,.12)!important}.modal form{background:transparent!important}.modal .card,.modal .list-row,.modal .table-wrap{background:rgba(10,39,74,.90)!important}

/* Menu com profundidade e deslocamento suave. */
.nav-btn{position:relative;overflow:hidden;transform-origin:left center}.nav-btn::after{content:"";position:absolute;left:5px;top:50%;width:3px;height:0;border-radius:999px;background:var(--orange);box-shadow:0 0 14px rgba(255,100,47,.55);transform:translateY(-50%);transition:height 260ms var(--ui-ease)}.nav-btn.active::after{height:52%}.nav-btn span{transition:transform 240ms var(--ui-ease)}.nav-btn:hover span,.nav-btn.active span{transform:translateX(3px)}.tabs button{transition:background 220ms ease,color 220ms ease,transform 240ms var(--ui-ease),box-shadow 220ms ease}.tabs button.active{transform:translateY(-1px)}

@media(max-width:1180px){.google-calendar-layout{grid-template-columns:1fr}.calendar-day-panel{position:static;max-height:none}.calendar-day{min-height:104px}}
@media(max-width:760px){.expandable-filter-options{right:auto;left:0;padding:4px 4px 4px 48px;transform-origin:left center;transform:translate3d(-12px,0,0) scaleX(.62)}.mode-cards tbody{grid-template-columns:1fr}.mode-compact tbody{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-nav strong{min-width:120px}.google-calendar{overflow:auto}.calendar-weekdays,.calendar-grid{min-width:760px}.agenda-toolbar .toolbar-left{width:100%}.agenda-toolbar .calendar-nav{order:3;width:100%;justify-content:center}.agenda-compact-grid{grid-template-columns:1fr}.modal-backdrop .modal{transform-origin:50% 100%}}
@media(max-width:520px){.mode-compact tbody{grid-template-columns:1fr}.expandable-filter-option span:last-child{display:none}.expandable-filter-option{width:34px;justify-content:center;padding:7px}.calendar-nav strong{min-width:105px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.page-exit-left,.page-exit-right,.page-enter-right,.page-enter-left,.page-enter-soft,.screen-enter-right,.screen-enter-left,.screen-exit-left,.screen-exit-right,.mode-cards tr,.mode-compact tr,.agenda-compact-card{animation:none!important}.expandable-filter-trigger,.expandable-filter-options,.expandable-filter-option,.modal-backdrop,.modal{transition:none!important}}


/* v1.4.1 — correção de cor do modal da OS + fundo de bloqueio mais tecnológico */
.modal{
  background:linear-gradient(180deg,rgba(249,252,255,.98),rgba(243,248,252,.98))!important;
}
.modal-header{
  background:linear-gradient(180deg,rgba(250,252,255,.97),rgba(246,250,254,.95))!important;
}
.modal-body{
  background:linear-gradient(180deg,rgba(248,251,255,.94),rgba(244,248,252,.96))!important;
}
.modal .form-section{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,249,253,.90))!important;
  border:1px solid rgba(11,63,115,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 24px rgba(3,26,51,.04)!important;
}
.modal .item-editor-row,
.modal .payment-editor-row{
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(250,252,255,.72));
  border:1px solid rgba(9,62,114,.08);
  border-radius:14px;
  padding:12px 12px;
  margin-bottom:8px;
}
.modal .item-editor-row:last-child,
.modal .payment-editor-row:last-child{margin-bottom:0}
.modal .field input[type="file"]{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,254,.94))!important;
  border:1px dashed rgba(12,101,217,.28)!important;
}
.form-actions{
  background:linear-gradient(180deg,rgba(248,251,255,.35),rgba(246,249,253,.96) 24%,rgba(244,248,252,.98) 100%)!important;
  border-top:1px solid rgba(11,63,115,.10)!important;
  box-shadow:0 -12px 30px rgba(3,26,51,.05)!important;
}
.login-screen::before{
  background:
    radial-gradient(circle at 16% 18%,rgba(24,114,243,.24),transparent 22%),
    radial-gradient(circle at 84% 14%,rgba(255,100,47,.18),transparent 18%),
    linear-gradient(rgba(103,168,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103,168,255,.04) 1px,transparent 1px),
    radial-gradient(circle at 50% 100%,rgba(34,124,255,.22),transparent 28%)!important;
  background-size:auto,auto,34px 34px,34px 34px,auto!important;
}
.lock-network-canvas{mix-blend-mode:screen;opacity:1!important}
.lock-orb-one{width:520px!important;height:520px!important;right:-170px!important;top:-230px!important;filter:blur(22px)!important}
.lock-orb-two{width:430px!important;height:430px!important;left:12%!important;bottom:-240px!important;filter:blur(28px)!important}
.lock-brand-panel{position:relative}
.lock-brand-panel::after{
  content:"";position:absolute;left:-40px;top:58px;width:160px;height:160px;border-radius:50%;
  border:1px solid rgba(106,177,255,.10);box-shadow:0 0 0 24px rgba(106,177,255,.035),0 0 0 48px rgba(106,177,255,.02);
  pointer-events:none;opacity:.9;
}
.login-card{
  box-shadow:0 34px 110px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(123,186,255,.05)!important;
}


/* v1.4.2 — modal unificado + bloqueio com trilhas de placa-mãe */
:root{
  --modal-frost-a:rgba(251,253,255,.96);
  --modal-frost-b:rgba(242,247,252,.97);
  --modal-stroke:rgba(9,62,114,.10);
}
.modal-backdrop{
  background:rgba(4,20,38,.50)!important;
  backdrop-filter:blur(6px)!important;
}
.modal-backdrop .modal,
.modal{
  background:linear-gradient(180deg,var(--modal-frost-a),var(--modal-frost-b))!important;
  border:1px solid rgba(255,255,255,.84)!important;
  box-shadow:0 34px 90px rgba(0,18,38,.20),0 8px 24px rgba(3,26,51,.06)!important;
}
.modal-header{
  background:linear-gradient(180deg,rgba(252,254,255,.96),rgba(247,251,255,.94))!important;
  border-bottom:1px solid var(--modal-stroke)!important;
}
.modal-body{
  background:transparent!important;
}
.modal .form-section,
.modal .card,
.modal .list-row,
.modal .table-wrap,
.modal .tabs,
.modal .segmented,
.modal .cloud-folder,
.modal .diagnostic-row,
.modal .file-row{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,250,254,.92))!important;
  border:1px solid var(--modal-stroke)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 22px rgba(3,26,51,.04)!important;
}
.modal .tabs{padding:5px!important}
.modal .tabs button.active,
.modal .segmented button.active{
  background:#fff!important;
}
.modal .table th{
  background:rgba(242,247,251,.98)!important;
}
.modal .table tbody tr:hover{
  background:rgba(239,246,252,.70)!important;
}
.modal .field input,
.modal .field select,
.modal .field textarea,
.modal .filter-control{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(9,62,114,.12)!important;
}
.modal .item-editor-row,
.modal .payment-editor-row{
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(248,251,254,.92))!important;
  border:1px solid rgba(9,62,114,.10)!important;
  border-radius:14px!important;
  padding:12px!important;
  margin-bottom:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.modal .item-editor-row:last-child,
.modal .payment-editor-row:last-child{margin-bottom:0!important}
.modal .field input[type="file"]{
  background:linear-gradient(180deg,rgba(253,254,255,.98),rgba(246,250,254,.96))!important;
  border:1px dashed rgba(12,101,217,.30)!important;
}
.modal .form-actions,
.modal form .form-actions{
  background:linear-gradient(180deg,rgba(248,251,255,.08),rgba(247,250,254,.94) 24%,rgba(243,247,252,.98) 100%)!important;
  border-top:1px solid var(--modal-stroke)!important;
  box-shadow:0 -12px 26px rgba(3,26,51,.06)!important;
}
.modal .modal-close,
.modal .icon-btn,
.modal .btn.secondary{
  background:rgba(255,255,255,.86)!important;
}
.login-screen::before{
  background:
    radial-gradient(circle at 16% 18%,rgba(24,114,243,.22),transparent 22%),
    radial-gradient(circle at 84% 14%,rgba(255,100,47,.16),transparent 18%),
    radial-gradient(circle at 50% 100%,rgba(34,124,255,.20),transparent 28%)!important;
}
.lock-brand-panel::after{display:none!important}
.lock-network-canvas{mix-blend-mode:screen;opacity:1!important;filter:saturate(118%)}
.lock-orb-one{width:480px!important;height:480px!important;right:-130px!important;top:-180px!important;filter:blur(28px)!important}
.lock-orb-two{width:380px!important;height:380px!important;left:8%!important;bottom:-210px!important;filter:blur(32px)!important}


/* v1.4.3 — nova ordem de serviço com fundo azul legível */
.modal form[data-form="order"]{
  color:#eef6ff!important;
}
.modal form[data-form="order"] .field label,
.modal form[data-form="order"] .form-section-title h3,
.modal form[data-form="order"] strong,
.modal form[data-form="order"] .muted,
.modal form[data-form="order"] small,
.modal form[data-form="order"] span{
  color:#d8eaff!important;
}
.modal form[data-form="order"] .form-grid,
.modal form[data-form="order"] .form-section,
.modal form[data-form="order"] .form-actions{
  background:linear-gradient(180deg,rgba(8,34,66,.96),rgba(7,29,56,.98))!important;
  border:1px solid rgba(126,184,242,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,8,22,.20)!important;
}
.modal form[data-form="order"] .form-grid{
  border-radius:18px;
  padding:16px;
  margin-bottom:14px;
}
.modal form[data-form="order"] .form-section{
  border-radius:18px!important;
}
.modal form[data-form="order"] .field input,
.modal form[data-form="order"] .field select,
.modal form[data-form="order"] .field textarea{
  background:rgba(3,22,44,.90)!important;
  color:#f4f9ff!important;
  border:1px solid rgba(126,184,242,.18)!important;
}
.modal form[data-form="order"] .field input::placeholder,
.modal form[data-form="order"] .field textarea::placeholder{
  color:rgba(220,236,255,.46)!important;
}
.modal form[data-form="order"] .field input[type="file"]{
  background:rgba(6,28,54,.94)!important;
  color:#d9ebff!important;
  border:1px dashed rgba(126,184,242,.28)!important;
}
.modal form[data-form="order"] .item-editor-row{
  background:linear-gradient(180deg,rgba(10,39,74,.96),rgba(7,31,60,.98))!important;
  border:1px solid rgba(126,184,242,.12)!important;
}
.modal form[data-form="order"] #order-form-total,
.modal form[data-form="order"] .form-actions .btn.primary,
.modal form[data-form="order"] .form-actions .btn.secondary{
  position:relative;
  z-index:1;
}
.modal form[data-form="order"] .btn.secondary{
  background:rgba(255,255,255,.10)!important;
  color:#eef6ff!important;
  border:1px solid rgba(126,184,242,.18)!important;
}
.modal form[data-form="order"] .form-actions{
  background:linear-gradient(180deg,rgba(8,34,66,.18),rgba(7,29,56,.94) 24%,rgba(7,29,56,.98) 100%)!important;
}


/* v1.4.4 — refinamento definitivo da Nova OS e placa-mãe protegida da área de leitura */
.modal.order-modal{
  --order-surface-deep:rgba(3,20,43,.985);
  --order-surface:rgba(5,29,58,.975);
  --order-panel:rgba(9,40,76,.84);
  --order-panel-soft:rgba(13,49,89,.72);
  --order-line:rgba(131,195,255,.18);
  color:#eef7ff!important;
  background:
    radial-gradient(circle at 92% -8%,rgba(39,126,230,.24),transparent 32%),
    linear-gradient(145deg,var(--order-surface),var(--order-surface-deep))!important;
  border:1px solid rgba(145,205,255,.25)!important;
  box-shadow:0 42px 120px rgba(0,5,18,.58),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(26px) saturate(128%)!important;
}
.modal.order-modal::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 22%,transparent 72%,rgba(64,151,246,.05));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.modal.order-modal>.modal-header{
  color:#f6fbff!important;
  background:linear-gradient(180deg,rgba(8,38,74,.985),rgba(5,28,57,.96))!important;
  border-bottom:1px solid var(--order-line)!important;
  box-shadow:0 12px 30px rgba(0,8,22,.18)!important;
}
.modal.order-modal>.modal-header h2{color:#f6fbff!important;text-shadow:0 2px 14px rgba(57,143,244,.16)}
.modal.order-modal>.modal-header .modal-close{
  color:#eaf6ff!important;background:rgba(25,65,108,.82)!important;border:1px solid rgba(145,205,255,.16)!important;
}
.modal.order-modal>.modal-header .modal-close:hover{background:rgba(38,84,133,.96)!important}
.modal.order-modal>.modal-body{
  position:relative;background:linear-gradient(180deg,rgba(5,28,56,.78),rgba(3,21,44,.94))!important;
}
.modal.order-modal form[data-form="order"]{position:relative;color:#eef7ff!important;background:transparent!important}
.modal.order-modal form[data-form="order"] .form-grid,
.modal.order-modal form[data-form="order"] .form-section{
  background:linear-gradient(180deg,rgba(12,46,84,.82),rgba(7,34,67,.88))!important;
  border:1px solid var(--order-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px rgba(0,8,22,.18)!important;
}
.modal.order-modal form[data-form="order"] .form-grid{
  border-radius:19px!important;padding:17px!important;margin-bottom:15px!important;
}
.modal.order-modal form[data-form="order"] .form-section{border-radius:19px!important}
.modal.order-modal form[data-form="order"] .form-section-title{padding-bottom:11px;border-bottom:1px solid rgba(130,194,255,.10)}
.modal.order-modal form[data-form="order"] .form-section-title h3,
.modal.order-modal form[data-form="order"] strong{color:#f4f9ff!important}
.modal.order-modal form[data-form="order"] .field label{color:#c7dcf2!important}
.modal.order-modal form[data-form="order"] small,
.modal.order-modal form[data-form="order"] .muted{color:rgba(205,226,247,.67)!important}
.modal.order-modal form[data-form="order"] .field input,
.modal.order-modal form[data-form="order"] .field select,
.modal.order-modal form[data-form="order"] .field textarea{
  color:#f4f9ff!important;background:rgba(2,20,42,.82)!important;border:1px solid rgba(132,195,255,.19)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 16px rgba(0,8,22,.10)!important;
}
.modal.order-modal form[data-form="order"] .field input:hover,
.modal.order-modal form[data-form="order"] .field select:hover,
.modal.order-modal form[data-form="order"] .field textarea:hover{border-color:rgba(112,188,255,.38)!important}
.modal.order-modal form[data-form="order"] .field input:focus,
.modal.order-modal form[data-form="order"] .field select:focus,
.modal.order-modal form[data-form="order"] .field textarea:focus{
  background:rgba(4,27,54,.98)!important;border-color:rgba(79,167,255,.68)!important;box-shadow:0 0 0 4px rgba(42,136,238,.15)!important;
}
.modal.order-modal form[data-form="order"] .field input[readonly]{background:rgba(3,24,48,.66)!important;color:#bcd8f4!important}
.modal.order-modal form[data-form="order"] .field select option{background:#05294f!important;color:#f1f7ff!important}
.modal.order-modal form[data-form="order"] .field input::placeholder,
.modal.order-modal form[data-form="order"] .field textarea::placeholder{color:rgba(205,226,247,.40)!important}
.modal.order-modal form[data-form="order"] .item-editor-row{
  background:linear-gradient(180deg,rgba(15,53,94,.84),rgba(8,38,73,.90))!important;
  border:1px solid rgba(130,194,255,.14)!important;border-radius:15px!important;padding:13px!important;margin-bottom:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.modal.order-modal form[data-form="order"] .checkbox{color:#d7e9fa!important}
.modal.order-modal form[data-form="order"] .icon-btn{
  color:#ffaaa2!important;background:rgba(107,35,48,.34)!important;border:1px solid rgba(255,132,132,.14)!important;
}
.modal.order-modal form[data-form="order"] .icon-btn:hover{background:rgba(139,44,59,.50)!important}
.modal.order-modal form[data-form="order"] .btn.secondary{
  color:#eaf5ff!important;background:rgba(20,62,105,.82)!important;border:1px solid rgba(132,195,255,.18)!important;
}
.modal.order-modal form[data-form="order"] .btn.secondary:hover{background:rgba(30,79,130,.96)!important;border-color:rgba(112,188,255,.34)!important}
.modal.order-modal form[data-form="order"] .field input[type="file"]{
  color:#dbeeff!important;background:rgba(4,27,54,.82)!important;border:1px dashed rgba(112,188,255,.34)!important;
}
.modal.order-modal form[data-form="order"] .field input[type="file"]::file-selector-button{
  margin-right:12px;padding:8px 12px;border:0;border-radius:9px;color:#ecf7ff;background:rgba(29,83,137,.90);cursor:pointer;
}
.modal.order-modal form[data-form="order"] #order-form-total{color:#75bdff!important;font-size:1.18rem;text-shadow:0 0 18px rgba(79,166,255,.22)}
.modal.order-modal form[data-form="order"] .form-actions{
  background:linear-gradient(180deg,rgba(4,25,50,.40),rgba(4,25,50,.97) 28%,rgba(3,21,44,.99) 100%)!important;
  border-top:1px solid var(--order-line)!important;box-shadow:0 -16px 34px rgba(0,7,20,.25)!important;
}
.modal.order-modal .modal-body::-webkit-scrollbar{width:10px}
.modal.order-modal .modal-body::-webkit-scrollbar-track{background:rgba(1,14,31,.30)}
.modal.order-modal .modal-body::-webkit-scrollbar-thumb{background:rgba(92,161,230,.32);border:2px solid rgba(3,21,44,.72);border-radius:999px}

/* Fundo tecnológico: circuito detalhado sem invadir a leitura do bloco esquerdo. */
.lock-network-canvas{mix-blend-mode:screen!important;filter:saturate(122%) contrast(104%)!important}
.lock-brand-panel{position:relative;isolation:isolate}
.lock-brand-panel>*{position:relative;z-index:2}
.lock-brand-panel::before{
  content:"";position:absolute;z-index:1;inset:-18px -34px -20px -28px;border-radius:38px;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,20,43,.74) 0%,rgba(2,20,43,.46) 72%,rgba(2,20,43,0) 100%);
  filter:blur(2px);
}
.lock-title,.lock-tagline,.lock-feature{position:relative;text-shadow:0 3px 18px rgba(0,6,18,.48)}
@media(max-width:720px){
  .lock-brand-panel::before{inset:-10px -12px -12px;border-radius:28px;background:rgba(2,20,43,.42)}
  .modal.order-modal form[data-form="order"] .form-grid{padding:14px!important}
  .modal.order-modal form[data-form="order"] .item-editor-row{padding:12px!important}
}


/* v1.4.5 — removido em 2.1.4: gradiente roxo morto, sempre sobrescrito pela restauração v1.4.9 abaixo */
.lock-shell{
  width:min(1520px,100%)!important;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.82fr)!important;
  gap:clamp(26px,4.2vw,74px)!important;
  align-items:stretch!important;
}
.lock-panel-frame{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(114,196,255,.28);
  background:linear-gradient(180deg,rgba(4,23,48,.86),rgba(3,16,36,.92));
  box-shadow:0 24px 60px rgba(0,6,18,.32), inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(75,157,255,.06);
  backdrop-filter:blur(14px) saturate(122%);
}
.lock-panel-frame::before,
.lock-panel-frame::after{
  content:"";
  position:absolute;
  inset:14px;
  pointer-events:none;
  border-radius:18px;
}
.lock-panel-frame::before{
  border:1px solid rgba(99,181,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.lock-panel-frame::after{
  background:
    linear-gradient(90deg,rgba(94,190,255,.95) 0 12px,transparent 12px calc(100% - 12px),rgba(94,190,255,.95) calc(100% - 12px) 100%),
    linear-gradient(0deg,rgba(94,190,255,.95) 0 12px,transparent 12px calc(100% - 12px),rgba(94,190,255,.95) calc(100% - 12px) 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) top left/56px 2px no-repeat,
    linear-gradient(#000 0 0) top left/2px 56px no-repeat,
    linear-gradient(#000 0 0) top right/56px 2px no-repeat,
    linear-gradient(#000 0 0) top right/2px 56px no-repeat,
    linear-gradient(#000 0 0) bottom left/56px 2px no-repeat,
    linear-gradient(#000 0 0) bottom left/2px 56px no-repeat,
    linear-gradient(#000 0 0) bottom right/56px 2px no-repeat,
    linear-gradient(#000 0 0) bottom right/2px 56px no-repeat;
          mask:
    linear-gradient(#000 0 0) top left/56px 2px no-repeat,
    linear-gradient(#000 0 0) top left/2px 56px no-repeat,
    linear-gradient(#000 0 0) top right/56px 2px no-repeat,
    linear-gradient(#000 0 0) top right/2px 56px no-repeat,
    linear-gradient(#000 0 0) bottom left/56px 2px no-repeat,
    linear-gradient(#000 0 0) bottom left/2px 56px no-repeat,
    linear-gradient(#000 0 0) bottom right/56px 2px no-repeat,
    linear-gradient(#000 0 0) bottom right/2px 56px no-repeat;
  opacity:.92;
  filter:drop-shadow(0 0 10px rgba(76,171,255,.34));
}
.lock-panel-label{
  position:absolute;
  left:28px;
  top:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(5,24,50,.92);
  border:1px solid rgba(104,187,255,.24);
  color:#88c9ff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  font-weight:800;
  box-shadow:0 8px 20px rgba(0,8,22,.22);
}
.lock-panel-label::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#61c5ff;
  box-shadow:0 0 0 4px rgba(97,197,255,.16),0 0 16px rgba(97,197,255,.52);
  animation:lockPulse 1.9s ease-in-out infinite;
}
@keyframes lockPulse{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.22);opacity:1}}
.lock-panel-label-right{left:auto;right:28px}
.lock-info-frame{
  min-height:min(72vh,700px);
  padding:74px 34px 32px!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  isolation:isolate;
}
.lock-info-frame::before{
  inset:16px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  border:1px solid rgba(97,181,255,.18)!important;
}
.lock-brand-panel::before{display:none!important}
.lock-brand-top{margin-bottom:18px!important}
.lock-brand-top img{width:116px!important;height:116px!important}
.lock-title{font-size:clamp(3.3rem,5.1vw,5.2rem)!important;line-height:.92!important;text-shadow:0 0 26px rgba(92,178,255,.16),0 3px 18px rgba(0,6,18,.48)!important}
.lock-subtitle{font-size:clamp(1.08rem,1.9vw,1.6rem)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#ff926d!important}
.lock-tagline{max-width:none!important;margin:18px 0 0!important;font-size:1.38rem!important;color:rgba(236,246,255,.88)!important}
.lock-feature-row{display:grid!important;grid-template-columns:1fr;gap:14px!important;margin-top:24px!important}
.lock-feature{padding:14px 16px!important;border:1px solid rgba(114,196,255,.16)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(10,42,78,.62),rgba(4,22,44,.56))!important;backdrop-filter:blur(6px)!important}
.lock-feature+.lock-feature{border-left:1px solid rgba(114,196,255,.16)!important;padding-left:16px!important}
.lock-feature-icon{background:linear-gradient(180deg,rgba(36,102,179,.34),rgba(6,33,64,.34))!important;border-color:rgba(114,196,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,8,22,.18)!important}
.lock-info-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lock-info-chip{
  position:relative;
  min-height:108px;
  padding:16px 16px 15px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,32,62,.78),rgba(4,21,42,.78));
  border:1px solid rgba(112,188,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.lock-info-chip::after{
  content:"";
  position:absolute;left:16px;right:16px;bottom:12px;height:1px;
  background:linear-gradient(90deg,rgba(96,188,255,.45),transparent 72%);
}
.lock-info-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#78bfff;margin-bottom:8px}
.lock-info-chip strong{display:block;color:#fff;font-size:1.06rem;line-height:1.2}
.lock-info-chip small{display:block;margin-top:8px;color:rgba(222,237,255,.64);line-height:1.42}
.login-card.lock-login-frame{
  width:min(100%,520px)!important;
  min-height:min(72vh,700px);
  margin-left:auto!important;
  padding:74px 28px 28px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,rgba(5,22,46,.86),rgba(6,21,49,.93))!important;
  border:1px solid rgba(132,204,255,.24)!important;
  border-radius:24px!important;
  box-shadow:0 28px 70px rgba(0,6,18,.34), inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px) saturate(132%)!important;
}
.login-card.lock-login-frame::before{
  inset:16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))!important;
  border:1px solid rgba(109,190,255,.12);
}
.login-brand{margin-bottom:20px!important}
.login-brand .user-badge{width:112px!important;height:112px!important;box-shadow:0 0 0 10px rgba(66,130,255,.08),0 18px 38px rgba(0,0,0,.18),0 0 32px rgba(78,167,255,.18)!important}
.login-input-wrap{background:rgba(6,28,57,.34)!important;border:1px solid rgba(118,194,255,.14)!important;box-shadow:0 10px 24px rgba(0,8,22,.12)!important}
.login-card .field input{background:rgba(7,31,62,.6)!important;border-color:rgba(111,190,255,.18)!important}
.login-card .btn.primary{background:linear-gradient(135deg,#1f8dff,#0d62d8)!important;box-shadow:0 14px 32px rgba(19,109,235,.32)!important}
.login-card .btn.secondary{background:linear-gradient(180deg,rgba(16,53,92,.72),rgba(9,34,62,.72))!important;border-color:rgba(110,187,255,.16)!important}
.lock-footer{
  padding:0 36px!important;
}
.lock-footer-card{background:rgba(4,19,39,.40)!important;border:1px solid rgba(132,204,255,.10)!important}
.status-dot-live{vertical-align:middle;margin-right:6px}
.lock-network-canvas{mix-blend-mode:screen!important;filter:saturate(128%) contrast(108%) brightness(1.02)!important}
@media(max-width:1180px){
  .lock-shell{grid-template-columns:1fr!important}
  .lock-info-frame,.login-card.lock-login-frame{min-height:auto}
  .login-card.lock-login-frame{width:min(100%,760px)!important;margin:0 auto!important}
}
@media(max-width:720px){
  .login-screen{padding:16px 14px 24px!important}
  .lock-info-frame{padding:66px 18px 18px!important}
  .login-card.lock-login-frame{padding:66px 18px 20px!important}
  .lock-panel-label{left:18px;top:12px;font-size:.62rem;padding:6px 10px}
  .lock-panel-label-right{left:18px;right:auto}
  .lock-brand-top{flex-direction:column;align-items:flex-start!important}
  .lock-title{font-size:2.5rem!important}
  .lock-tagline{font-size:1.02rem!important}
  .lock-info-grid{grid-template-columns:1fr!important}
  .lock-feature{grid-template-columns:36px minmax(0,1fr)!important;padding:12px 13px!important}
  .lock-footer{padding:16px 0 0!important}
}


/* v1.4.6 — removido em 2.1.4: gradiente roxo morto, sempre sobrescrito pela restauração v1.4.9 abaixo */
.lock-shell{width:min(1580px,100%)!important;gap:clamp(24px,4vw,64px)!important;align-items:center!important}
.lock-panel-frame{
  border-radius:12px!important;
  border:1px solid rgba(112,194,255,.34)!important;
  background:linear-gradient(180deg,rgba(7,25,57,.72),rgba(5,17,39,.82))!important;
  box-shadow:0 26px 72px rgba(0,6,18,.30), inset 0 0 0 1px rgba(126,207,255,.06), inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(10px) saturate(118%)!important;
}
.lock-panel-frame::before,.lock-panel-frame::after{border-radius:8px!important;inset:18px!important}
.lock-panel-frame::before{
  border:1px solid rgba(113,196,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005))!important;
}
.lock-panel-frame::after{
  inset:14px!important;
  background:none!important;
  border-radius:0!important;
  box-shadow:
    inset 0 2px 0 0 rgba(88,193,255,.92),
    inset 2px 0 0 0 rgba(88,193,255,.92),
    inset -2px 0 0 0 rgba(88,193,255,.92),
    inset 0 -2px 0 0 rgba(88,193,255,.92);
  -webkit-mask:
    linear-gradient(#000 0 0) top left/42px 2px no-repeat,
    linear-gradient(#000 0 0) top left/2px 42px no-repeat,
    linear-gradient(#000 0 0) top right/42px 2px no-repeat,
    linear-gradient(#000 0 0) top right/2px 42px no-repeat,
    linear-gradient(#000 0 0) bottom left/42px 2px no-repeat,
    linear-gradient(#000 0 0) bottom left/2px 42px no-repeat,
    linear-gradient(#000 0 0) bottom right/42px 2px no-repeat,
    linear-gradient(#000 0 0) bottom right/2px 42px no-repeat;
          mask:
    linear-gradient(#000 0 0) top left/42px 2px no-repeat,
    linear-gradient(#000 0 0) top left/2px 42px no-repeat,
    linear-gradient(#000 0 0) top right/42px 2px no-repeat,
    linear-gradient(#000 0 0) top right/2px 42px no-repeat,
    linear-gradient(#000 0 0) bottom left/42px 2px no-repeat,
    linear-gradient(#000 0 0) bottom left/2px 42px no-repeat,
    linear-gradient(#000 0 0) bottom right/42px 2px no-repeat,
    linear-gradient(#000 0 0) bottom right/2px 42px no-repeat;
  filter:drop-shadow(0 0 9px rgba(78,187,255,.28))!important;
  opacity:.95!important;
}
.lock-panel-frame .lock-corner-node,.lock-panel-frame .lock-corner-node::before{display:none}
.lock-info-frame,.login-card.lock-login-frame{min-height:min(74vh,720px)!important}
.lock-info-frame{padding:58px 34px 28px!important}
.login-card.lock-login-frame{padding:58px 26px 24px!important;width:min(100%,500px)!important}
.lock-panel-label{
  top:10px!important;left:18px!important;padding:4px 9px!important;
  border-radius:999px!important;font-size:.54rem!important;letter-spacing:.14em!important;
  background:rgba(6,22,48,.76)!important;border:1px solid rgba(105,188,255,.18)!important;
  color:rgba(152,214,255,.88)!important;backdrop-filter:blur(6px)!important;
  box-shadow:0 6px 14px rgba(0,8,22,.14)!important;
}
.lock-panel-label::before{width:5px!important;height:5px!important;box-shadow:0 0 0 3px rgba(97,197,255,.10),0 0 8px rgba(97,197,255,.34)!important}
.lock-panel-label-right{left:auto!important;right:18px!important}
.lock-brand-top{gap:16px!important;margin-bottom:16px!important}
.lock-brand-top img{width:104px!important;height:104px!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.16))!important}
.lock-title{font-size:clamp(3rem,4.85vw,4.9rem)!important;letter-spacing:-.045em!important}
.lock-subtitle{font-size:clamp(.96rem,1.65vw,1.32rem)!important;letter-spacing:.085em!important}
.lock-tagline{font-size:1.24rem!important;line-height:1.36!important;margin-top:12px!important;max-width:820px!important}
.lock-feature-row{gap:12px!important;margin-top:22px!important}
.lock-feature{
  border-radius:10px!important;
  padding:12px 14px!important;
  background:linear-gradient(135deg,rgba(10,42,78,.48),rgba(4,22,44,.40))!important;
  border:1px solid rgba(114,196,255,.12)!important;
}
.lock-feature strong{font-size:.92rem!important}
.lock-feature small{font-size:.80rem!important;color:rgba(225,240,255,.58)!important}
.lock-feature-icon{width:40px!important;height:40px!important;border-radius:10px!important}
.lock-info-grid{gap:12px!important;margin-top:18px!important}
.lock-info-chip{
  min-height:92px!important;
  border-radius:10px!important;
  padding:14px 14px 12px!important;
  background:linear-gradient(180deg,rgba(8,31,59,.56),rgba(5,20,42,.56))!important;
  border:1px solid rgba(112,188,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.lock-info-chip::after{left:14px!important;right:14px!important;bottom:10px!important;opacity:.8!important}
.lock-info-kicker{font-size:.62rem!important;margin-bottom:7px!important}
.lock-info-chip strong{font-size:1rem!important}
.lock-info-chip small{font-size:.79rem!important;margin-top:7px!important}
.login-card.lock-login-frame{background:linear-gradient(180deg,rgba(6,21,49,.72),rgba(4,14,33,.84))!important}
.login-card.lock-login-frame::before{inset:18px!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.004))!important}
.login-brand{margin-bottom:16px!important}
.login-brand .user-badge{width:96px!important;height:96px!important;box-shadow:0 0 0 8px rgba(66,130,255,.05),0 14px 28px rgba(0,0,0,.16),0 0 24px rgba(78,167,255,.14)!important}
.login-brand h1{font-size:2.15rem!important}
.login-brand p{margin-top:8px!important;font-size:.95rem!important}
.profile-option{border-radius:10px!important;background:rgba(7,29,59,.54)!important;border:1px solid rgba(112,188,255,.14)!important}
.login-card .field label{font-size:.74rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:rgba(214,235,255,.78)!important}
.login-input-wrap{border-radius:12px!important;background:rgba(7,27,55,.42)!important;border:1px solid rgba(118,194,255,.11)!important}
.login-card .field input{min-height:50px!important;border-radius:12px!important;background:rgba(7,28,56,.44)!important}
.login-aux{font-size:.84rem!important;margin-top:10px!important}
.login-card .btn.primary,.login-card .btn.secondary{border-radius:12px!important}
.login-card .btn.primary{min-height:52px!important;font-size:.98rem!important;background:linear-gradient(135deg,#1180ff,#0e63db)!important}
.login-card .btn.secondary{min-height:48px!important}
.login-divider{margin:14px 0!important}
.login-security-note{font-size:.76rem!important;max-width:380px!important;margin:14px auto 0!important}
.lock-footer{padding:0 30px!important;opacity:.9!important}
.lock-footer-card{border-radius:12px!important;background:rgba(5,20,42,.28)!important}
.lock-network-canvas{mix-blend-mode:screen!important;filter:saturate(134%) contrast(110%) brightness(1.03)!important;opacity:.98!important}
@media(max-width:1180px){
  .lock-info-frame,.login-card.lock-login-frame{min-height:auto!important}
}
@media(max-width:720px){
  .lock-info-frame{padding:52px 18px 18px!important}
  .login-card.lock-login-frame{padding:52px 18px 20px!important}
  .lock-panel-label,.lock-panel-label-right{left:16px!important;right:auto!important}
  .lock-title{font-size:2.3rem!important}
  .login-brand h1{font-size:1.72rem!important}
}


/* v1.4.7 — modal de configurar PIN corrigido e refinado */
.modal.pin-modal{
  --pin-line:rgba(121,196,255,.20);
  --pin-surface:rgba(4,22,45,.985);
  --pin-surface-soft:rgba(7,33,65,.92);
  color:#ecf6ff!important;
  background:
    radial-gradient(circle at 86% -8%,rgba(36,122,228,.18),transparent 30%),
    linear-gradient(145deg,var(--pin-surface-soft),var(--pin-surface))!important;
  border:1px solid rgba(145,205,255,.22)!important;
  box-shadow:0 34px 100px rgba(0,5,18,.56),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(22px) saturate(124%)!important;
}
.modal.pin-modal::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 20%,transparent 74%,rgba(64,151,246,.04));
}
.modal.pin-modal>.modal-header{
  position:relative;
  background:linear-gradient(180deg,rgba(8,38,74,.98),rgba(5,27,55,.96))!important;
  border-bottom:1px solid var(--pin-line)!important;
  box-shadow:0 12px 30px rgba(0,8,22,.18)!important;
}
.modal.pin-modal>.modal-header h2{color:#f7fbff!important;text-shadow:0 2px 14px rgba(57,143,244,.18)}
.modal.pin-modal>.modal-header .modal-close{
  color:#ebf7ff!important;background:rgba(25,65,108,.82)!important;border:1px solid rgba(145,205,255,.16)!important;
}
.modal.pin-modal>.modal-body{
  position:relative;
  background:linear-gradient(180deg,rgba(5,28,56,.82),rgba(3,21,44,.96))!important;
}
.modal.pin-modal .pin-form{position:relative;color:#eef7ff!important;background:transparent!important}
.modal.pin-modal .pin-modal-hero{
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;
  margin-bottom:16px;padding:16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(12,46,84,.78),rgba(7,34,67,.84))!important;
  border:1px solid var(--pin-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,8,22,.16)!important;
}
.modal.pin-modal .pin-modal-chip{
  width:64px;height:64px;border-radius:18px;display:grid;place-items:center;
  color:#eefdff;background:radial-gradient(circle at 30% 30%,rgba(28,117,245,.38),rgba(5,23,49,.22));
  border:1px solid rgba(108,184,255,.26);box-shadow:0 0 0 6px rgba(66,130,255,.06),0 18px 38px rgba(0,0,0,.14);
}
.modal.pin-modal .pin-modal-chip svg{width:28px;height:28px}
.modal.pin-modal .pin-modal-hero strong{display:block;font-size:1.02rem;color:#f6fbff}
.modal.pin-modal .pin-modal-hero small{display:block;margin-top:6px;color:rgba(220,236,252,.68);line-height:1.46}
.modal.pin-modal .pin-notice{
  background:rgba(18,65,118,.28)!important;color:#d3e9fb!important;border:1px solid rgba(90,166,241,.22)!important;
}
.modal.pin-modal .pin-notice strong{color:#f4f9ff!important}
.modal.pin-modal .pin-form-grid{
  background:linear-gradient(180deg,rgba(12,46,84,.78),rgba(7,34,67,.84))!important;
  border:1px solid var(--pin-line)!important;border-radius:19px!important;padding:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,8,22,.16)!important;
}
.modal.pin-modal .field label{color:#c7dcf2!important}
.modal.pin-modal .field input{
  color:#f4f9ff!important;background:rgba(2,20,42,.84)!important;border:1px solid rgba(132,195,255,.19)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 16px rgba(0,8,22,.10)!important;
}
.modal.pin-modal .field input:hover{border-color:rgba(112,188,255,.38)!important}
.modal.pin-modal .field input:focus{
  background:rgba(4,27,54,.98)!important;border-color:rgba(79,167,255,.68)!important;box-shadow:0 0 0 4px rgba(42,136,238,.15)!important;
}
.modal.pin-modal .field input::placeholder{color:rgba(205,226,247,.40)!important}
.modal.pin-modal .form-actions{
  background:linear-gradient(180deg,rgba(4,25,50,.34),rgba(4,25,50,.97) 28%,rgba(3,21,44,.99) 100%)!important;
  border-top:1px solid var(--pin-line)!important;box-shadow:0 -16px 34px rgba(0,7,20,.22)!important;
}
.modal.pin-modal .btn.secondary{
  color:#eaf5ff!important;background:rgba(20,62,105,.82)!important;border:1px solid rgba(132,195,255,.18)!important;
}
.modal.pin-modal .btn.secondary:hover{background:rgba(30,79,130,.96)!important;border-color:rgba(112,188,255,.34)!important}
.modal.pin-modal .btn.primary{box-shadow:0 14px 30px rgba(12,97,219,.22)!important}
@media(max-width:620px){
  .modal.pin-modal .pin-modal-hero{grid-template-columns:1fr;padding:14px!important}
  .modal.pin-modal .pin-modal-chip{width:56px;height:56px;border-radius:16px}
  .modal.pin-modal .pin-form-grid{padding:14px!important}
}


/* v1.4.9 — restauração segura da tela de bloqueio Futuristic Glass */
.login-screen{padding:28px 30px 138px!important;background:linear-gradient(145deg,#02142b 0%,#032344 44%,#052e55 100%)!important}
.lock-network-canvas{z-index:0!important;opacity:1!important;mix-blend-mode:screen!important;filter:none!important}
.lock-orb{position:absolute!important;z-index:1!important;border-radius:50%!important;pointer-events:none!important;filter:blur(28px)!important;opacity:.55!important}
.lock-orb-one{width:420px!important;height:420px!important;right:-130px!important;top:-180px!important;background:radial-gradient(circle,rgba(25,111,235,.60),transparent 69%)!important}
.lock-orb-two{width:360px!important;height:360px!important;left:22%!important;bottom:-220px!important;background:radial-gradient(circle,rgba(255,100,47,.28),transparent 70%)!important}
.lock-shell{z-index:2!important;width:min(1480px,100%)!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr)!important;gap:clamp(32px,5vw,92px)!important;align-items:center!important;max-width:1510px!important}
.lock-brand-panel{max-width:850px!important;padding:clamp(18px,2vw,24px)!important;min-height:auto!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.lock-brand-panel::before,.lock-brand-panel::after{display:none!important}
.lock-brand-top img{width:138px!important;height:112px!important;object-fit:contain!important;filter:drop-shadow(0 22px 38px rgba(0,0,0,.34))!important}
.lock-title{font-size:clamp(3.5rem,5.7vw,5.6rem)!important;text-shadow:0 14px 38px rgba(0,0,0,.24)!important}
.lock-subtitle{color:#ff7b49!important;text-shadow:0 8px 24px rgba(255,100,47,.18)!important}
.lock-tagline{max-width:760px!important;font-size:1.55rem!important}
.lock-feature-row{display:flex!important;flex-wrap:wrap!important;gap:18px!important;margin-top:32px!important}
.lock-feature{display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:185px!important;padding-right:12px!important;color:rgba(255,255,255,.86)!important;background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important}
.lock-feature+.lock-feature{border-left:1px solid rgba(255,255,255,.12)!important;padding-left:18px!important}
.lock-feature-icon{width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(9,38,75,.74)!important;border-color:rgba(104,174,247,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,8,22,.18)!important}
.login-card{position:relative!important;width:min(100%,540px)!important;margin-left:auto!important;background:linear-gradient(145deg,rgba(13,43,80,.86),rgba(5,28,57,.83))!important;border:1px solid rgba(142,195,248,.22)!important;border-radius:34px!important;padding:30px!important;box-shadow:0 36px 100px rgba(0,6,18,.46),inset 0 1px 0 rgba(255,255,255,.075)!important;backdrop-filter:blur(30px) saturate(138%)!important;min-height:auto!important;display:block!important}
.login-card::before{content:""!important;position:absolute!important;inset:1px!important;border-radius:33px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.008))!important;pointer-events:none!important}
.login-card>*{position:relative!important;z-index:1!important}
.login-brand .user-badge{width:106px!important;height:106px!important;background:radial-gradient(circle at 30% 28%,rgba(42,129,247,.40),rgba(4,25,53,.46))!important;border-color:rgba(101,174,251,.58)!important}
.profile-option{background:rgba(4,25,51,.58)!important;border-color:rgba(130,184,240,.15)!important;border-radius:18px!important}
.profile-lock{color:#7bbaff!important}
.login-pin-field{margin-top:16px!important}
.login-input-wrap{position:relative!important}.login-input-wrap>svg{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;color:#82baff!important;width:19px!important}.login-input-wrap input{padding-left:48px!important;width:100%!important}
.login-card .field input{background:rgba(2,20,43,.72)!important;border-color:rgba(132,187,243,.16)!important;min-height:52px!important;border-radius:16px!important}
.login-card .field input:focus{background:rgba(3,26,54,.96)!important}
.login-card .btn.primary{width:100%!important;margin-top:18px!important;min-height:54px!important;border-radius:16px!important;font-size:1.02rem!important}
.login-card .btn.secondary{width:100%!important;min-height:52px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.login-card .btn.secondary:hover{background:rgba(255,255,255,.12)!important}
.login-open-notice{display:grid!important;gap:5px!important;padding:15px 16px!important;margin-top:15px!important;border-radius:17px!important;background:rgba(20,119,82,.17)!important;border:1px solid rgba(88,219,164,.19)!important;color:#d8f5e8!important}.login-open-notice strong{color:#79e0b3!important}.login-open-notice span{font-size:.84rem!important;color:rgba(218,245,232,.68)!important;line-height:1.42!important}
.login-local-status{display:flex!important;align-items:center!important;gap:7px!important;color:#8fd4b3!important}.login-local-status>span{width:8px!important;height:8px!important;border-radius:50%!important;background:#61db9f!important;box-shadow:0 0 0 4px rgba(97,219,159,.12)!important}
.login-enter{background:linear-gradient(135deg,#ff642f,#ff7f50)!important;box-shadow:0 15px 32px rgba(255,100,47,.32)!important}
.login-enter:hover{box-shadow:0 20px 40px rgba(255,100,47,.40)!important}
.lock-footer{z-index:3!important}
.lock-footer-card{display:block!important;background:rgba(5,26,53,.72)!important;border-color:rgba(126,184,242,.13)!important;backdrop-filter:blur(20px)!important;border-radius:18px!important}.lock-footer-card strong{display:flex!important;align-items:center!important;gap:8px!important}.lock-footer-card svg{width:18px!important;color:#74b4fb!important}
@media(max-height:850px) and (min-width:981px){.login-screen{padding-top:16px!important;padding-bottom:112px!important}.lock-brand-top img{width:112px!important;height:90px!important}.lock-title{font-size:3.8rem!important}.lock-tagline{font-size:1.18rem!important;margin-top:13px!important}.lock-feature-row{margin-top:20px!important}.lock-feature small{font-size:.78rem!important}.login-card{padding:22px!important}.login-brand .user-badge{width:82px!important;height:82px!important;margin-bottom:10px!important}.login-brand h1{font-size:1.85rem!important}.login-security-note{margin-top:10px!important}.lock-footer-card{padding:9px 13px!important}.lock-footer-card small{font-size:.75rem!important}}
@media(max-width:980px){body.login-page{overflow:auto!important}.login-screen{padding-bottom:30px!important}.lock-shell{grid-template-columns:1fr!important}.lock-brand-panel{padding-bottom:0!important;width:min(100%,760px)!important;margin:0 auto!important}.login-card{width:min(100%,760px)!important;margin:0 auto!important}.lock-footer{position:relative!important;margin-top:24px!important;padding:0!important}.lock-footer-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.lock-footer-meta{text-align:left!important}}
@media(max-width:720px){.lock-brand-top img{width:84px!important;height:72px!important}.lock-title{font-size:2.35rem!important}.lock-subtitle{font-size:1rem!important}.lock-feature-row{display:grid!important;grid-template-columns:1fr!important}.lock-feature{padding:0!important}.lock-feature+.lock-feature{border-left:0!important;padding-left:0!important}.login-card{padding:22px!important}.lock-footer-cards{grid-template-columns:1fr!important}}

/* =========================================================
   v1.5.0 — Motion 60 FPS + modais unificados e legíveis
   ========================================================= */
:root{
  --motion-ease:cubic-bezier(.16,1,.3,1);
  --motion-ease-in:cubic-bezier(.4,0,1,1);
  --motion-fast:140ms;
  --motion-medium:240ms;
  --motion-slow:320ms;
  --modal-bg-deep:#03172f;
  --modal-bg:#06284d;
  --modal-panel:rgba(10,43,82,.92);
  --modal-panel-soft:rgba(12,50,93,.72);
  --modal-line:rgba(132,195,255,.18);
  --modal-text:#eef7ff;
  --modal-muted:#9fb9d4;
  --modal-control:#031f3f;
}

/* Movimento econômico: somente propriedades compostadas sempre que possível. */
body.modal-open{overflow:hidden!important}
#view-root,
.modal-backdrop,
.modal-backdrop .modal,
.toast,
.sidebar,
.expandable-filter-trigger,
.expandable-filter-options,
.expandable-filter-option{
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
#view-root{transform:translate3d(0,0,0)}
.btn,.icon-btn,.nav-btn,.tabs button,.segmented button,.list-row,.calendar-day{
  transition:
    transform var(--motion-medium) var(--motion-ease),
    opacity var(--motion-fast) linear,
    background-color var(--motion-fast) linear,
    border-color var(--motion-fast) linear,
    color var(--motion-fast) linear,
    box-shadow var(--motion-medium) var(--motion-ease)!important;
}
.btn:active,.icon-btn:active:active{transform:translate3d(0,1px,0) scale(.975)}

/* Indicador lateral sem animar altura/layout. */
.nav-btn::after{
  height:54%!important;
  transform:translate3d(0,-50%,0) scaleY(0)!important;
  transform-origin:center!important;
  transition:transform var(--motion-medium) var(--motion-ease)!important;
}
.nav-btn.active::after{transform:translate3d(0,-50%,0) scaleY(1)!important}

/* Navegação com deslocamentos curtos para manter fluidez em máquinas mais simples. */
.page-exit-left{animation:pageExitLeftMI 120ms var(--motion-ease-in) both!important}
.page-exit-right{animation:pageExitRightMI 120ms var(--motion-ease-in) both!important}
.page-enter-right{animation:pageEnterRightMI 260ms var(--motion-ease) both!important}
.page-enter-left{animation:pageEnterLeftMI 260ms var(--motion-ease) both!important}
.page-enter-soft{animation:pageEnterSoftMI 210ms var(--motion-ease) both!important}
.screen-enter-right,.screen-enter-left{animation-duration:360ms!important;animation-timing-function:var(--motion-ease)!important}
.screen-exit-left,.screen-exit-right{animation-duration:180ms!important;animation-timing-function:var(--motion-ease-in)!important}
@keyframes pageExitLeftMI{to{opacity:.22;transform:translate3d(-14px,0,0)}}
@keyframes pageExitRightMI{to{opacity:.22;transform:translate3d(14px,0,0)}}
@keyframes pageEnterRightMI{from{opacity:.42;transform:translate3d(20px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes pageEnterLeftMI{from{opacity:.42;transform:translate3d(-20px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes pageEnterSoftMI{from{opacity:.56;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes cardModeIn{from{opacity:0;transform:translate3d(0,7px,0) scale(.994)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.mode-cards tr,.mode-compact tr,.agenda-compact-card{animation-duration:260ms!important;animation-timing-function:var(--motion-ease)!important}

/* Modal: entrada/saída apenas com opacity e transform. */
.modal-backdrop{
  opacity:0!important;
  background:rgba(0,8,22,.76)!important;
  backdrop-filter:blur(10px) saturate(108%)!important;
  transition:opacity 180ms linear!important;
  animation:none!important;
  contain:layout paint;
}
.modal-backdrop.is-open{opacity:1!important}
.modal-backdrop.is-closing{opacity:0!important;pointer-events:none!important}
.modal-backdrop .modal{
  position:relative;
  opacity:0!important;
  transform:translate3d(0,14px,0) scale(.988)!important;
  transform-origin:50% 46%;
  transition:opacity 180ms linear,transform 280ms var(--motion-ease)!important;
  animation:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  contain:layout paint;
  will-change:transform,opacity;
}
.modal-backdrop.is-open .modal{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
.modal-backdrop.is-closing .modal{opacity:0!important;transform:translate3d(0,9px,0) scale(.992)!important;transition-duration:150ms,220ms!important}

/* Tema único para TODAS as abas/janelas flutuantes. */
.modal-backdrop .modal,
.modal-backdrop .modal.order-modal,
.modal-backdrop .modal.pin-modal{
  color:var(--modal-text)!important;
  color-scheme:dark;
  background:
    radial-gradient(circle at 92% -12%,rgba(43,134,239,.22),transparent 34%),
    linear-gradient(145deg,rgba(7,36,70,.99),rgba(3,20,43,.995))!important;
  border:1px solid rgba(145,205,255,.24)!important;
  box-shadow:0 42px 120px rgba(0,4,16,.62),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.modal-backdrop .modal::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 23%,transparent 76%,rgba(67,151,244,.045));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.modal-backdrop .modal>.modal-header{
  position:relative!important;
  flex:0 0 auto!important;
  color:var(--modal-text)!important;
  background:linear-gradient(180deg,rgba(8,39,76,.99),rgba(5,28,56,.97))!important;
  border-bottom:1px solid var(--modal-line)!important;
  box-shadow:0 12px 30px rgba(0,7,20,.20)!important;
  backdrop-filter:none!important;
}
.modal-backdrop .modal>.modal-header h2{color:#f7fbff!important;text-shadow:0 2px 14px rgba(57,143,244,.16)}
.modal-backdrop .modal>.modal-body{
  position:relative!important;
  flex:1 1 auto!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:linear-gradient(180deg,rgba(5,29,58,.76),rgba(3,21,44,.94))!important;
  scrollbar-color:rgba(92,161,230,.42) rgba(1,14,31,.34);
}
.modal-backdrop .modal form{position:relative;background:transparent!important;color:var(--modal-text)!important}
.modal-backdrop .modal h1,
.modal-backdrop .modal h2,
.modal-backdrop .modal h3,
.modal-backdrop .modal h4,
.modal-backdrop .modal strong,
.modal-backdrop .modal dd{color:#f2f8ff!important}
.modal-backdrop .modal p,
.modal-backdrop .modal small,
.modal-backdrop .modal .muted,
.modal-backdrop .modal dt,
.modal-backdrop .modal .field-help{color:var(--modal-muted)!important}
.modal-backdrop .modal a{color:#8bc5ff}

/* Painéis internos: nenhuma superfície branca permanece. */
.modal-backdrop .modal .form-grid,
.modal-backdrop .modal .form-section,
.modal-backdrop .modal .card,
.modal-backdrop .modal .list-row,
.modal-backdrop .modal .table-wrap,
.modal-backdrop .modal .tabs,
.modal-backdrop .modal .segmented,
.modal-backdrop .modal .cloud-folder,
.modal-backdrop .modal .diagnostic-row,
.modal-backdrop .modal .file-row,
.modal-backdrop .modal .item-editor-row,
.modal-backdrop .modal .payment-editor-row,
.modal-backdrop .modal .upload-zone,
.modal-backdrop .modal .media-card,
.modal-backdrop .modal .notice,
.modal-backdrop .modal .pin-modal-hero,
.modal-backdrop .modal .pin-form-grid{
  color:var(--modal-text)!important;
  background:linear-gradient(180deg,rgba(12,47,87,.88),rgba(7,34,67,.92))!important;
  border-color:var(--modal-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,8,22,.15)!important;
}
.modal-backdrop .modal .form-grid{border:1px solid var(--modal-line);border-radius:18px;padding:16px;margin-bottom:14px}
.modal-backdrop .modal .form-section{border-radius:18px!important}
.modal-backdrop .modal .item-editor-row,
.modal-backdrop .modal .payment-editor-row{border-radius:15px!important;padding:13px!important;margin-bottom:9px!important}
.modal-backdrop .modal .item-editor-row:last-child,
.modal-backdrop .modal .payment-editor-row:last-child{margin-bottom:0!important}
.modal-backdrop .modal .detail-hero{
  background:linear-gradient(135deg,rgba(7,44,84,.98),rgba(3,24,49,.98))!important;
  border:1px solid rgba(132,195,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.modal-backdrop .modal .detail-meta span{background:rgba(47,125,213,.18)!important;border:1px solid rgba(132,195,255,.12)!important;color:#dceeff!important}

/* Campos e listas selecionáveis legíveis em todos os modais. */
.modal-backdrop .modal .field label{color:#c7dcf2!important}
.modal-backdrop .modal .field input,
.modal-backdrop .modal .field select,
.modal-backdrop .modal .field textarea,
.modal-backdrop .modal .filter-control{
  color:#f4f9ff!important;
  background:rgba(2,20,42,.86)!important;
  border:1px solid rgba(132,195,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 6px 16px rgba(0,8,22,.09)!important;
  transition:background-color var(--motion-fast) linear,border-color var(--motion-fast) linear,box-shadow var(--motion-medium) var(--motion-ease)!important;
}
.modal-backdrop .modal .field input:hover,
.modal-backdrop .modal .field select:hover,
.modal-backdrop .modal .field textarea:hover,
.modal-backdrop .modal .filter-control:hover{border-color:rgba(112,188,255,.40)!important}
.modal-backdrop .modal .field input:focus,
.modal-backdrop .modal .field select:focus,
.modal-backdrop .modal .field textarea:focus,
.modal-backdrop .modal .filter-control:focus{
  color:#fff!important;
  background:rgba(4,28,56,.99)!important;
  border-color:rgba(79,167,255,.72)!important;
  box-shadow:0 0 0 4px rgba(42,136,238,.15)!important;
}
.modal-backdrop .modal .field input[readonly]{background:rgba(3,24,48,.68)!important;color:#bcd8f4!important}
.modal-backdrop .modal .field input::placeholder,
.modal-backdrop .modal .field textarea::placeholder{color:rgba(205,226,247,.42)!important}
.modal-backdrop .modal select option{background:#05294f!important;color:#f1f7ff!important}
.modal-backdrop .modal input[type="checkbox"]{accent-color:#3b9cff}
/* 2.2.6 — regra removida: o indicador nativo não é mais usado. O ícone visível é o background-image do campo e o calendário abre por showPicker(), ancorado no próprio campo. */
.modal-backdrop .modal .field input[type="file"]{
  color:#dbeeff!important;
  background:rgba(4,27,54,.86)!important;
  border:1px dashed rgba(112,188,255,.36)!important;
}
.modal-backdrop .modal .field input[type="file"]::file-selector-button{
  margin-right:12px;padding:8px 12px;border:0;border-radius:9px;color:#ecf7ff;background:rgba(29,83,137,.92);cursor:pointer;
}

/* Tabelas, botões, tabs e feedbacks sem estouro de contraste. */
.modal-backdrop .modal .table{color:var(--modal-text)!important}
.modal-backdrop .modal .table th{color:#9fbbd8!important;background:rgba(3,24,49,.98)!important;border-bottom-color:var(--modal-line)!important}
.modal-backdrop .modal .table td{color:#e9f4ff!important;border-bottom-color:rgba(132,195,255,.09)!important}
.modal-backdrop .modal .table tbody tr:hover{background:rgba(30,82,137,.22)!important}
.modal-backdrop .modal .table .actions button{color:#9fc3e8!important}
.modal-backdrop .modal .table .actions button:hover{color:#fff!important;background:rgba(45,112,185,.28)!important}
.modal-backdrop .modal .tabs button,
.modal-backdrop .modal .segmented button{color:#9db7d1!important}
.modal-backdrop .modal .tabs button.active,
.modal-backdrop .modal .segmented button.active{
  color:#f4f9ff!important;
  background:linear-gradient(145deg,rgba(42,116,202,.40),rgba(16,64,119,.92))!important;
  box-shadow:0 8px 18px rgba(0,12,32,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.modal-backdrop .modal .modal-close,
.modal-backdrop .modal .icon-btn,
.modal-backdrop .modal .btn.secondary{
  color:#eaf5ff!important;
  background:rgba(20,62,105,.84)!important;
  border:1px solid rgba(132,195,255,.18)!important;
}
.modal-backdrop .modal .modal-close:hover,
.modal-backdrop .modal .icon-btn:hover,
.modal-backdrop .modal .btn.secondary:hover{background:rgba(31,82,133,.98)!important;border-color:rgba(112,188,255,.35)!important}
.modal-backdrop .modal .btn.ghost{color:#a9cff5!important;background:rgba(18,58,99,.34)!important;border:1px solid rgba(132,195,255,.10)!important}
.modal-backdrop .modal .btn.danger,
.modal-backdrop .modal .icon-btn.danger{color:#ffc1bd!important;background:rgba(113,35,49,.42)!important;border:1px solid rgba(255,139,139,.18)!important}
.modal-backdrop .modal .btn.success{color:#bdf4d9!important;background:rgba(22,107,73,.42)!important;border:1px solid rgba(89,220,161,.18)!important}
.modal-backdrop .modal .badge{background:rgba(36,86,139,.52)!important;color:#dceeff!important;border:1px solid rgba(132,195,255,.12)!important}
.modal-backdrop .modal .badge.ok{background:rgba(24,113,77,.38)!important;color:#bdf0d7!important}
.modal-backdrop .modal .badge.warn{background:rgba(143,91,20,.38)!important;color:#ffe0a5!important}
.modal-backdrop .modal .badge.danger{background:rgba(132,44,55,.40)!important;color:#ffc0bf!important}
.modal-backdrop .modal .badge.orange{background:rgba(174,76,26,.36)!important;color:#ffbf9f!important}
.modal-backdrop .modal .media-card button{color:#fff!important;background:rgba(86,27,42,.84)!important}
.modal-backdrop .modal .stock-meter{background:rgba(2,19,40,.70)!important}
.modal-backdrop .modal .notice{color:#d6eaff!important}
.modal-backdrop .modal .notice strong{color:#f5faff!important}

.modal-backdrop .modal .form-actions,
.modal-backdrop .modal form .form-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:6!important;
  background:linear-gradient(180deg,rgba(4,25,50,.34),rgba(4,25,50,.97) 28%,rgba(3,21,44,.995) 100%)!important;
  border-top:1px solid var(--modal-line)!important;
  box-shadow:0 -16px 34px rgba(0,7,20,.24)!important;
  backdrop-filter:none!important;
}
.modal-backdrop .modal .modal-body::-webkit-scrollbar{width:10px;height:10px}
.modal-backdrop .modal .modal-body::-webkit-scrollbar-track{background:rgba(1,14,31,.30)}
.modal-backdrop .modal .modal-body::-webkit-scrollbar-thumb{background:rgba(92,161,230,.36);border:2px solid rgba(3,21,44,.72);border-radius:999px}

/* Toast também segue a estética escura e anima sem layout. */
.toast{
  color:#eef7ff!important;
  background:rgba(7,35,68,.98)!important;
  border-color:rgba(132,195,255,.16)!important;
  transform:translate3d(0,16px,0) scale(.985)!important;
  opacity:0!important;
  transition:opacity 160ms linear,transform 240ms var(--motion-ease)!important;
  will-change:transform,opacity;
}
.toast.show{transform:translate3d(0,0,0) scale(1)!important;opacity:1!important}

@media(max-width:620px){
  .modal-backdrop .modal{transform-origin:50% 100%!important}
  .modal-backdrop.is-open .modal{transform:translate3d(0,0,0) scale(1)!important}
  .modal-backdrop .modal .form-grid{padding:14px!important}
  .modal-backdrop .modal .item-editor-row,
  .modal-backdrop .modal .payment-editor-row{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .page-exit-left,.page-exit-right,.page-enter-right,.page-enter-left,.page-enter-soft,
  .screen-enter-right,.screen-enter-left,.screen-exit-left,.screen-exit-right,
  .mode-cards tr,.mode-compact tr,.agenda-compact-card{animation:none!important}
  .modal-backdrop,.modal-backdrop .modal,.toast,.btn,.icon-btn,.nav-btn,.tabs button,.segmented button,.list-row,.calendar-day{transition:none!important}
}



/* =========================================================
   v1.5.1 — Modo desempenho real
   Remove gargalos de GPU/CPU sem alterar a identidade visual.
   ========================================================= */
:root{
  --motion-fast:100ms;
  --motion-medium:150ms;
  --motion-slow:190ms;
}

/* Desfoque em tempo real é o maior custo em GPUs integradas. As superfícies
   permanecem translúcidas por cor, mas deixam de recalcular o fundo a cada quadro. */
.topbar,
.sidebar,
.card,
.form-actions,
.modal-backdrop,
.modal-header,
.login-card,
.profile-option,
.lock-feature,
.lock-feature-icon,
.lock-footer-card,
.expandable-filter-options{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.topbar{background:rgba(243,248,252,.985)!important}
.card{background:rgba(255,255,255,.985)!important}
.sidebar{background:linear-gradient(180deg,rgba(5,31,60,.995),rgba(3,22,44,.995))!important}
.login-card{background:linear-gradient(145deg,rgba(13,43,80,.975),rgba(5,28,57,.985))!important}
.profile-option,.lock-footer-card{background:rgba(5,31,61,.92)!important}
.modal-backdrop{background:rgba(0,8,22,.86)!important}

/* O fundo tecnológico continua visível, porém sem loop contínuo, blur ou blend pesado. */
.lock-network-canvas{opacity:.56!important;mix-blend-mode:normal!important;filter:none!important}
.lock-orb{filter:none!important;opacity:.28!important}
.login-screen::after{filter:none!important;opacity:.72!important}
.status-dot-live{animation:none!important}

/* Navegação imediata: sem espera de saída e sem cascata de animações por linha. */
.page-exit-left,.page-exit-right,.screen-exit-left,.screen-exit-right{animation:none!important}
.page-enter-right,.page-enter-left,.page-enter-soft{
  animation-duration:150ms!important;
  animation-timing-function:cubic-bezier(.2,.8,.2,1)!important;
}
.mode-cards tr,.mode-compact tr,.agenda-compact-card{
  animation:none!important;
  animation-delay:0ms!important;
}

/* Sombras continuam presentes, mas não são recalculadas durante hover/transição. */
.btn,.icon-btn,.nav-btn,.tabs button,.segmented button,.list-row,.calendar-day,
.expandable-filter-trigger,.expandable-filter-option{
  transition:transform 110ms ease,opacity 100ms linear,background-color 100ms linear,border-color 100ms linear,color 100ms linear!important;
}
.btn:hover,.list-row:hover,.calendar-day:hover,.tabs button.active{
  transform:none!important;
}
.nav-btn span{transition:none!important}
.nav-btn:hover span,.nav-btn.active span{transform:none!important}

/* Remove promoção permanente de camadas. O navegador cria camadas só durante a animação. */
#view-root,.modal-backdrop .modal,.toast{will-change:auto!important}
#view-root{transform:none!important;contain:layout style}
.modal-backdrop,.modal-backdrop .modal{contain:layout paint style}

/* Reduz custo de pintura em listas longas fora da área visível. */
.list-row,.agenda-compact-card,.mode-cards tr,.mode-compact tr{
  content-visibility:auto;
  contain-intrinsic-size:76px;
}

/* Modal mantém exatamente o tema escuro aprovado, apenas sem blur de fundo. */
.modal-backdrop .modal{
  transition:opacity 120ms linear,transform 150ms cubic-bezier(.2,.8,.2,1)!important;
}
.modal-backdrop .modal>.modal-header,
.modal-backdrop .modal .form-actions,
.modal-backdrop .modal form .form-actions{
  box-shadow:none!important;
}

@media(max-width:900px){
  .sidebar{box-shadow:12px 0 28px rgba(0,0,0,.24)!important}
}
@media(prefers-reduced-motion:reduce){
  .page-enter-right,.page-enter-left,.page-enter-soft{animation:none!important}
}

/* Fechamento de seletores específicos herdados das versões visuais anteriores. */
.modal-backdrop .modal,
.modal-backdrop .modal.order-modal,
.modal-backdrop .modal.pin-modal,
.modal.order-modal,
.modal.pin-modal,
.lock-panel-frame,
.login-card.lock-login-frame,
.lock-panel-label{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.lock-panel-label::before{animation:none!important}
.card:hover,.kpi:hover,.list-row:hover,.media-card:hover,.file-row:hover,
.icon-btn:hover,.expandable-filter-trigger:hover,.login-enter:hover{
  transform:none!important;
}
.card:hover,.kpi:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,8,22,.20)!important}
.list-row:hover,.media-card:hover,.file-row:hover,.icon-btn:hover,.expandable-filter-trigger:hover{box-shadow:none!important}
.btn.primary:hover,.login-enter:hover{box-shadow:0 8px 20px rgba(255,100,47,.24)!important}

/* =========================================================
   v1.5.2 — restauração da paleta oficial Marco Iris
   Mantém o modo desempenho da v1.5.1 e corrige somente as
   superfícies que haviam sido clareadas indevidamente.
   ========================================================= */
:root{
  --ink:#edf6ff;
  --muted:#9db3cb;
  --line:rgba(130,184,240,.15);
  --surface:#0d2748;
  --surface-strong:#112d51;
  --mica:#081e3b;
  --mica-strong:#0e294c;
  --shadow:0 22px 58px rgba(0,8,22,.32);
  --shadow-soft:0 12px 32px rgba(0,8,22,.24);
  color-scheme:dark;
}

html,body,
body:not(.login-page){
  color:var(--ink)!important;
  background:#02152c!important;
}

/* Estrutura principal azul-marinho, sem blur em tempo real. */
#root .app-bg{
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,224,.22),transparent 27%),
    radial-gradient(circle at 89% 3%,rgba(255,100,47,.13),transparent 20%),
    radial-gradient(circle at 48% 106%,rgba(20,107,230,.20),transparent 34%),
    linear-gradient(145deg,#02152c 0%,#042344 52%,#031a33 100%)!important;
}
#root .sidebar{
  background:linear-gradient(180deg,#03162e 0%,#041e3b 100%)!important;
  border-right-color:rgba(120,181,244,.13)!important;
}
#root .topbar{
  color:#edf6ff!important;
  background:#071f3d!important;
  border-bottom-color:rgba(123,180,238,.13)!important;
}
#root .view-heading h1{color:#fff!important}
#root .view-heading small{color:#95abc3!important}

/* Cards e módulos voltam para a paleta azul tecnológica. */
#root .main .card{
  color:#edf6ff!important;
  background:linear-gradient(145deg,#123054 0%,#0a2242 100%)!important;
  border-color:rgba(126,184,242,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,8,22,.22)!important;
}
#root .main .card:hover{
  border-color:rgba(90,162,243,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 30px rgba(0,8,22,.22)!important;
}
#root .card-header h2,
#root .card-header h3,
#root .kpi strong,
#root .list-row-main strong{color:#f1f7ff!important}
#root .card-header p,
#root .kpi small,
#root .kpi .delta,
#root .list-row-main small,
#root .muted{color:#9eb3c9!important}

/* Campos, pesquisa e controles seguem a mesma identidade visual. */
#root .global-search input,
#root .filter-control,
#root .field input,
#root .field select,
#root .field textarea{
  color:#edf6ff!important;
  background:#092443!important;
  border-color:rgba(126,182,240,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#root .global-search input::placeholder,
#root .field input::placeholder,
#root .field textarea::placeholder{color:#7892ad!important}
#root .global-search input:focus,
#root .filter-control:focus,
#root .field input:focus,
#root .field select:focus,
#root .field textarea:focus{
  background:#0d2b50!important;
  border-color:rgba(74,150,240,.58)!important;
  box-shadow:0 0 0 4px rgba(34,116,220,.15)!important;
}
#root .field label{color:#b9cbe0!important}
#root .field select option{background:#06264a!important;color:#edf6ff!important}

/* Tabelas, listas e caixas auxiliares sem áreas brancas. */
#root .table-wrap{
  color:#eaf4ff!important;
  background:#051933!important;
  border-color:rgba(126,184,242,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 28px rgba(0,8,22,.12)!important;
}
#root .table{color:#eaf4ff!important}
#root .table th{
  color:#94abc3!important;
  background:#071e3b!important;
  border-bottom-color:rgba(126,184,242,.13)!important;
}
#root .table td{border-bottom-color:rgba(126,184,242,.075)!important}
#root .table tbody tr:hover{background:rgba(39,102,171,.12)!important}
#root .list-row,
#root .cloud-folder,
#root .diagnostic-row,
#root .file-row{
  color:#edf6ff!important;
  background:#071d39!important;
  border-color:rgba(126,184,242,.12)!important;
}
#root .list-row:hover,
#root .file-row:hover{
  background:#0c2749!important;
  border-color:rgba(92,163,240,.24)!important;
}

/* Botões e seletores: azul para ações secundárias, laranja para destaque. */
#root .icon-btn{
  color:#dbeeff!important;
  background:#0d284a!important;
  border-color:rgba(126,182,240,.15)!important;
}
#root .icon-btn:hover{background:#12335b!important;border-color:rgba(95,166,244,.30)!important}
#root .btn.secondary,
#root .btn.ghost{
  color:#e7f3ff!important;
  background:#0c2749!important;
  border-color:rgba(126,184,242,.16)!important;
}
#root .btn.secondary:hover,
#root .btn.ghost:hover{background:#14365f!important;border-color:rgba(92,163,240,.30)!important}
#root .segmented,
#root .tabs{
  background:#02142a!important;
  border-color:rgba(126,184,242,.10)!important;
}
#root .segmented button,
#root .tabs button{color:#8fa7c0!important}
#root .segmented button.active,
#root .tabs button.active{
  color:#fff!important;
  background:#183a65!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* Avisos e estados semânticos mantêm contraste na paleta escura. */
#root .notice{
  color:#bfdcff!important;
  background:#0c3768!important;
  border-color:rgba(79,153,239,.22)!important;
}
#root .notice strong{color:#f3f8ff!important}
#root .diagnostic-row>div:first-child,
#root .file-row .file-icon{background:#102f57!important;color:#66aeff!important}
#root .upload-zone{background:#0b315c!important;color:#bcd8f5!important;border-color:rgba(76,153,242,.32)!important}
#root .media-card{background:#061e3b!important;border-color:rgba(126,184,242,.14)!important}

/* Tela de bloqueio preservada na paleta aprovada, porém sem filtros pesados. */
body.login-page .login-card{
  background:linear-gradient(145deg,#0d2b50,#051c39)!important;
}
body.login-page .profile-option,
body.login-page .lock-footer-card{
  background:#051f3d!important;
  border-color:rgba(126,184,242,.13)!important;
}
body.login-page .lock-feature-icon{background:#09264b!important}
body.login-page .login-input-wrap,
body.login-page .login-card .field input{background:#071f3e!important}

/* Os modais permanecem exatamente com a camada azul-escura aprovada da v1.5.0. */


/* === FINAL LOCK SCREEN REFINEMENT v1.6.0 === */
body.login-page{background:#02152c!important;overflow:hidden!important}
body.login-page #root{min-height:100dvh!important}
body.login-page .login-screen{
  position:relative!important;
  min-height:100dvh!important;
  padding:30px 34px 128px!important;
  background:
    radial-gradient(circle at 14% 18%, rgba(20,102,219,.18) 0%, transparent 24%),
    radial-gradient(circle at 84% 14%, rgba(255,116,60,.10) 0%, transparent 18%),
    radial-gradient(circle at 52% 100%, rgba(54,140,255,.12) 0%, transparent 24%),
    linear-gradient(145deg,#02152c 0%,#03213f 45%,#073258 100%)!important;
  overflow:hidden!important;
}
body.login-page .login-screen::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 20% 24%, rgba(112,185,255,.08), transparent 22%),
    radial-gradient(circle at 78% 22%, rgba(255,149,108,.06), transparent 18%),
    radial-gradient(circle at 50% 82%, rgba(84,165,255,.05), transparent 26%)!important;
}
body.login-page .login-screen::after{display:none!important}
body.login-page .lock-network-canvas{
  z-index:0!important;
  opacity:.95!important;
  mix-blend-mode:screen!important;
  filter:none!important;
}
body.login-page .lock-orb{opacity:.26!important;filter:blur(34px)!important}
body.login-page .lock-orb-one{right:-120px!important;top:-140px!important}
body.login-page .lock-orb-two{left:16%!important;bottom:-180px!important}
body.login-page .lock-shell{
  position:relative!important;
  z-index:2!important;
  width:min(1440px,100%)!important;
  max-width:1440px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.82fr)!important;
  gap:clamp(28px,4.6vw,72px)!important;
  align-items:center!important;
}
body.login-page .lock-brand-panel{
  max-width:780px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.login-page .lock-brand-top{gap:18px!important;margin-bottom:16px!important}
body.login-page .lock-brand-top img{width:126px!important;height:102px!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important}
body.login-page .lock-title{font-size:clamp(3.35rem,5.5vw,5.3rem)!important;line-height:.94!important;letter-spacing:-.05em!important;text-shadow:none!important}
body.login-page .lock-subtitle{font-size:clamp(1rem,1.8vw,1.45rem)!important;color:#ff8759!important;letter-spacing:.04em!important;text-shadow:none!important}
body.login-page .lock-tagline{margin:12px 0 0!important;max-width:700px!important;font-size:clamp(1.06rem,1.8vw,1.34rem)!important;line-height:1.45!important;color:rgba(233,243,255,.84)!important}
body.login-page .lock-tagline strong{color:#ff9165!important}
body.login-page .lock-feature-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:24px!important;
  max-width:650px!important;
}
body.login-page .lock-feature,
body.login-page .lock-feature + .lock-feature{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid rgba(130,192,255,.10)!important;
  border-left:1px solid rgba(130,192,255,.10)!important;
  border-radius:18px!important;
  background:rgba(8,31,60,.28)!important;
  box-shadow:0 14px 28px rgba(0,8,22,.10)!important;
}
body.login-page .lock-feature-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:rgba(8,40,78,.82)!important;
  border:1px solid rgba(111,183,255,.12)!important;
  box-shadow:none!important;
  color:#68b1ff!important;
}
body.login-page .lock-feature strong{font-size:.94rem!important;color:#fff!important}
body.login-page .lock-feature small{margin-top:4px!important;font-size:.81rem!important;line-height:1.42!important;color:rgba(220,236,255,.62)!important}
body.login-page .login-card{
  width:min(100%,500px)!important;
  margin-left:auto!important;
  padding:28px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(7,28,56,.90),rgba(5,22,45,.96))!important;
  border:1px solid rgba(138,198,255,.16)!important;
  box-shadow:0 26px 60px rgba(0,8,22,.28)!important;
  backdrop-filter:none!important;
}
body.login-page .login-card::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:29px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.004))!important;
}
body.login-page .login-brand{margin-bottom:16px!important}
body.login-page .login-brand .user-badge{
  width:92px!important;height:92px!important;
  margin:0 auto 14px!important;
  background:radial-gradient(circle at 30% 30%,rgba(49,138,255,.30),rgba(4,25,53,.22))!important;
  border:1px solid rgba(103,176,255,.54)!important;
  box-shadow:0 0 0 8px rgba(66,130,255,.05),0 14px 28px rgba(0,0,0,.12)!important;
}
body.login-page .login-brand h1{font-size:2.12rem!important;color:#fff!important}
body.login-page .login-brand p{margin-top:8px!important;color:rgba(228,239,255,.70)!important}
body.login-page .profile-option,
body.login-page .lock-footer-card{
  background:rgba(6,30,58,.76)!important;
  border:1px solid rgba(138,198,255,.12)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.login-page .profile-option{border-radius:16px!important}
body.login-page .login-card .field label{color:rgba(218,236,255,.80)!important}
body.login-page .login-input-wrap{
  background:rgba(6,24,49,.72)!important;
  border:1px solid rgba(126,191,255,.12)!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
body.login-page .login-card .field input{
  min-height:52px!important;
  background:transparent!important;
  border:0!important;
  border-radius:15px!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.login-page .login-card .field input:focus{background:transparent!important;box-shadow:none!important}
body.login-page .login-card .btn.primary{
  background:linear-gradient(135deg,#0d7eff,#0d65df)!important;
  box-shadow:0 16px 26px rgba(13,103,223,.22)!important;
}
body.login-page .login-card .btn.secondary{background:rgba(255,255,255,.05)!important}
body.login-page .login-aux{margin-top:12px!important;color:rgba(219,234,255,.70)!important}
body.login-page .login-divider{
  display:block!important;
  text-align:center!important;
  margin:15px 0!important;
  color:rgba(219,234,255,.34)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:.7rem!important;
}
body.login-page .login-divider::before,
body.login-page .login-divider::after{display:none!important}
body.login-page .login-security-note{margin:16px auto 0!important;max-width:390px!important;color:rgba(219,234,255,.54)!important}
body.login-page .lock-footer{
  z-index:2!important;
  left:0!important;right:0!important;bottom:max(16px,env(safe-area-inset-bottom))!important;
  padding:0 30px!important;
  gap:14px!important;
}
body.login-page .lock-footer-cards{gap:10px!important}
body.login-page .lock-footer-card{border-radius:16px!important;padding:11px 14px!important;background:rgba(5,24,48,.42)!important}
body.login-page .lock-footer-card small{color:rgba(222,237,255,.56)!important}
body.login-page .lock-footer-meta{color:rgba(223,237,255,.58)!important}
body.login-page .lock-footer-meta strong{color:#fff!important}
@media(max-width:980px){
  body.login-page{overflow:auto!important}
  body.login-page .login-screen{padding:20px 18px 28px!important}
  body.login-page .lock-shell{grid-template-columns:1fr!important;gap:22px!important}
  body.login-page .lock-brand-panel,body.login-page .login-card{width:min(100%,760px)!important;margin:0 auto!important}
  body.login-page .lock-footer{position:relative!important;padding:0!important;margin-top:24px!important}
  body.login-page .lock-footer-cards{display:grid!important;grid-template-columns:1fr!important}
  body.login-page .lock-footer-meta{text-align:left!important}
}
@media(max-width:720px){
  body.login-page .lock-brand-top img{width:88px!important;height:72px!important}
  body.login-page .lock-title{font-size:2.45rem!important}
  body.login-page .lock-subtitle{font-size:1rem!important}
  body.login-page .lock-tagline{font-size:1rem!important}
  body.login-page .lock-feature{padding:12px 14px!important}
  body.login-page .login-card{padding:22px!important;border-radius:24px!important}
  body.login-page .login-card::before{border-radius:23px!important}
  body.login-page .login-brand h1{font-size:1.8rem!important}
}


/* v1.6.6 — Google obrigatório no acesso principal */
.login-enter{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.google-entry-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;font:800 14px/1 Arial,sans-serif;box-shadow:0 1px 5px rgba(0,0,0,.22)}
.login-enter.is-loading{cursor:wait!important;opacity:.82}
.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:marcoLoginSpin .72s linear infinite}
@keyframes marcoLoginSpin{to{transform:rotate(360deg)}}


/* v1.7.7 — correção definitiva de viewport e sobra visual no desktop/mobile */
#root .app-bg::after{display:none!important}
#root .app-bg,
#root .app-shell{
  min-height:100dvh!important;
  height:auto!important;
}
#root .main{
  min-width:0;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
}
#root .topbar{flex:0 0 auto!important}
#root .content{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  padding-bottom:18px!important;
}
#root #view-root{width:100%!important;min-width:0!important}
@media(min-width:901px){
  html,body,#root{min-height:100%!important}
  body:not(.login-page){overflow-x:hidden!important}
  #root .content{padding-bottom:14px!important}
}

/* v2.2.12 — modelo único de rolagem e camadas interativas */
html:not(.marco-scroll-locked),
html:not(.marco-scroll-locked) body:not(.login-page){height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
body:not(.login-page){min-height:100dvh!important;overflow-x:hidden!important;touch-action:pan-x pan-y!important}
body:not(.login-page) #root,
body:not(.login-page) .app-bg,
body:not(.login-page) .app-shell,
body:not(.login-page) .main,
body:not(.login-page) .content,
body:not(.login-page) #view-root{height:auto!important;max-height:none!important;min-height:0;overflow-y:visible!important;touch-action:pan-y!important}
body:not(.login-page) .app-bg,
body:not(.login-page) .app-shell{min-height:100dvh!important}
html.marco-scroll-locked{overflow:hidden!important;overscroll-behavior:none!important}
body.modal-open,body.menu-open{overflow:hidden!important;overscroll-behavior:none!important}
#modal-root,.mobile-menu-layer{pointer-events:auto!important;user-select:auto!important}
#modal-root .modal-backdrop{touch-action:pan-y!important;overscroll-behavior:contain}
#modal-root .modal{display:flex;flex-direction:column;min-height:0;max-height:min(94dvh,var(--marco-modal-vh,94dvh));overflow:hidden!important}
#modal-root .modal-header{flex:0 0 auto}
#modal-root .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y!important;scrollbar-gutter:stable}
#modal-root .modal-form-scroll{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;touch-action:pan-y!important}
.sidebar,.mobile-menu-layer .sidebar{overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;overscroll-behavior:contain}
.table-wrap{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain;overscroll-behavior-y:auto}
.table-wrap .table{touch-action:pan-x pan-y!important}