:root{--bg:#091018;--side:#0c141e;--panel:#111c28;--panel2:#162432;--line:#293848;--ink:#f4f7f8;--muted:#95a5b4;--mint:#7cf2bd;--blue:#78aefc;--warn:#ffd071;--danger:#ff8c8c;--side-w:272px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.skip{position:fixed;left:-1000px}.skip:focus{left:1rem;top:1rem;z-index:100;background:white;color:black;padding:.7rem}.app{min-height:100vh;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr)}#sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--line);padding:1.2rem;display:flex;flex-direction:column;z-index:20}.logo{display:flex;gap:.7rem;align-items:center;color:white;text-decoration:none;margin-bottom:1.6rem}.logo>span{display:grid;place-items:center;width:40px;height:40px;background:var(--mint);color:#07110c;font-weight:900}.logo b{line-height:1.08}.logo small{display:block;color:var(--muted);font-weight:600;font-size:.63rem;letter-spacing:.12em;margin-top:.3rem}#nav{display:grid;gap:.18rem;overflow:auto;padding-right:.2rem}#nav a,.nav-parent{color:var(--muted);text-decoration:none;padding:.68rem .72rem;border:0;border-left:2px solid transparent;background:transparent;display:flex;justify-content:space-between;text-align:left;width:100%;border-radius:0;cursor:pointer}#nav a:hover,#nav a[aria-current=page],.nav-parent:hover{background:var(--panel2);color:var(--ink);border-left-color:var(--mint)}#nav i{background:var(--mint);color:#07110c;border-radius:10px;min-width:19px;padding:0 .35rem;text-align:center;font-style:normal;font-size:.67rem}.app-count-badge,#badge-sites,#badge-notifications{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .38rem;border-radius:999px;background:#ff3b30!important;color:#fff!important;font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--side)}.app-count-badge:empty,#badge-sites:empty,#badge-notifications:empty,[data-count="0"]{display:none}#nav i:empty{display:none}.nav-parent>span:last-child{display:flex;gap:.4rem}.nav-children{display:grid;border-left:1px solid var(--line);margin:.05rem 0 .45rem .75rem;padding-left:.35rem}.nav-children[hidden]{display:none}.nav-children .site-child{justify-content:flex-start;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.86rem}.dot{width:7px;height:7px;background:var(--mint);border-radius:50%;flex:none}.dot.bad{background:var(--warn)}.account{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;display:grid}.account small{color:var(--muted);text-transform:capitalize}.account button{margin-top:.7rem;background:none;border:1px solid var(--line);color:var(--muted);padding:.55rem}.main{min-width:0}.main>header{min-height:88px;border-bottom:1px solid var(--line);padding:1rem clamp(1rem,3vw,3rem);display:flex;align-items:center;gap:1rem;justify-content:space-between;background:#091018e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.header-copy{min-width:0;flex:1}.header-tabs:empty{display:none}.header-tabs .site-tabs{margin:.65rem 0 -1rem;padding-bottom:.15rem;border-bottom:0}.main>header #quick-add{align-self:center}#quick-add{min-width:170px;white-space:nowrap}header p{margin:0;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}h1{margin:.1rem 0 0;font-size:clamp(1.35rem,3vw,2rem)}h2,h3{margin:.1rem 0 .6rem}main{padding:clamp(1rem,3vw,3rem);outline:0;max-width:1600px;margin:auto}button,.primary,.secondary{border:1px solid var(--line);border-radius:7px;padding:.62rem .8rem;color:var(--ink);background:var(--panel2);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--mint);border-color:var(--mint);color:#07110c;font-weight:750}.danger{border-color:#683a40;color:var(--danger);background:#25151a}button:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.8rem;margin-bottom:1.2rem}.metric{display:grid;text-align:left;background:var(--panel);border:1px solid var(--line);padding:1rem;min-height:90px}.metric strong{font-size:1.65rem}.metric span{color:var(--muted)}.metric.attn{border-color:#6b5b35}.layout,.site-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.8fr);gap:1rem}.layout>*,.site-grid>*,.panel,.panel-head,.activity,.activity li{min-width:0;max-width:100%}.activity b,.activity div{overflow-wrap:anywhere}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:1rem;height:auto;position:static;background:none;border:0;padding:0}.panel,.card,.empty{background:var(--panel);border:1px solid var(--line);padding:1.15rem;border-radius:9px;margin-bottom:1rem}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.muted,small,time{color:var(--muted)}.good{color:var(--mint)}.notice{border-left:3px solid var(--warn);background:#231f16;padding:.75rem;color:#e8d6a7}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.activity{list-style:none;margin:0;padding:0}.activity li{border-top:1px solid var(--line);padding:.75rem 0;display:grid;grid-template-columns:1fr auto}.activity li div{grid-column:1}.activity time{grid-row:1/3;grid-column:2}.status{display:inline-block;border:1px solid #386a57;color:var(--mint);padding:.14rem .48rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.status.warn{border-color:#6d5b35;color:var(--warn)}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:.72rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;background:#0d1721}tr:last-child td{border:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid label,.field{display:grid;gap:.35rem;color:var(--muted)}.wide{grid-column:1/-1}input,select,textarea{width:100%;background:#0b141d;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.7rem}textarea{min-height:120px;resize:vertical}.detail-grid{display:grid;grid-template-columns:minmax(100px,.4fr) 1fr;gap:.65rem 1rem}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{margin:0}.website-card{display:block;color:var(--ink);text-decoration:none}.website-card:hover{border-color:var(--mint);background:var(--panel2)}.empty{text-align:center;padding:2.2rem;color:var(--muted)}.empty b{color:var(--ink);font-size:1.05rem}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.workspace-head p{margin:0;color:var(--muted);font-size:.68rem;letter-spacing:.12em}.workspace-head h2{font-size:1.8rem}.site-tabs{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--line);margin-bottom:1.2rem;padding-bottom:.15rem}.site-tabs a{white-space:nowrap;color:var(--muted);text-decoration:none;padding:.72rem .78rem;border-bottom:2px solid transparent}.site-tabs a[aria-current=page]{color:var(--ink);border-color:var(--mint)}.preview-card{border-top:1px solid var(--line);padding:.8rem 0}.note-list{display:grid;gap:.7rem;margin-top:1rem}.note{border:1px solid var(--line);background:#0d1721;padding:1rem;border-radius:7px}.note p{white-space:pre-wrap}.save-state{color:var(--muted)}dialog{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:0;border-radius:10px;width:min(700px,calc(100% - 2rem));max-height:90vh;overflow:auto}dialog::backdrop{background:#000b}.close{float:right;margin:.8rem}#modal-body{padding:1.5rem;clear:both}.preview-panel{overflow:hidden}.site-preview-thumb{display:block;width:100%;padding:0;border:1px solid #33475b;border-radius:12px;overflow:hidden;background:#07101a;color:var(--ink);text-align:left;box-shadow:0 18px 38px #0005;transition:transform .18s ease,border-color .18s ease}.site-preview-thumb:hover{transform:translateY(-2px);border-color:var(--blue)}.site-preview-browser{display:block;background:#0b1520}.site-preview-chrome{height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #26384a;background:#101d2a}.site-preview-chrome i{width:8px;height:8px;border-radius:50%;background:#506174}.site-preview-chrome i:first-child{background:#fa7080}.site-preview-chrome i:nth-child(2){background:#f3c762}.site-preview-chrome i:nth-child(3){background:#6ed799}.site-preview-chrome b{margin-left:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8395a6;font-size:.72rem;font-weight:600}.site-preview-viewport{display:block;height:280px;overflow:hidden;background:#fff;pointer-events:none}.site-preview-viewport iframe,.site-preview-viewport img{width:1440px;height:900px;border:0;transform:scale(.36);transform-origin:0 0}.site-preview-action{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-weight:800}.preview-meta{display:flex;justify-content:space-between;align-items:center;margin:.9rem 0 0}.prior-site{margin-top:1rem;border-top:1px solid var(--line);padding-top:.85rem;color:var(--muted)}.prior-site summary{cursor:pointer;color:var(--ink);font-weight:700}.site-preview-empty{min-height:250px;display:grid;place-content:center;text-align:center;border:1px dashed var(--line);border-radius:12px;background:#0b141e}.preview-dialog{width:min(1320px,calc(100% - 2rem));height:min(900px,calc(100vh - 2rem));max-height:none;overflow:hidden}.preview-dialog .modal-frame{height:100%;display:flex;flex-direction:column}.preview-dialog #modal-body{padding:1rem 1.4rem 1.4rem;display:flex;flex:1;min-height:0;flex-direction:column}.preview-modal-head,.preview-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-modal-head h2{margin:.1rem 0}.preview-modal-head p{margin:0;color:var(--muted)}.eyebrow{color:var(--mint);font-size:.72rem;font-weight:900;letter-spacing:.14em}.preview-devices{display:flex;gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:9px;background:#09131d}.preview-devices button{padding:.5rem .75rem;background:transparent}.preview-devices button.active{background:var(--blue);color:#06111d}.preview-modal-stage{flex:1;min-height:0;display:grid;place-items:start center;margin:1rem 0;padding:1rem;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#050a10}.preview-modal-stage iframe,.preview-modal-stage img{width:100%;height:100%;min-height:620px;border:0;background:#fff;box-shadow:0 15px 50px #000}.preview-modal-stage[data-device=tablet] iframe,.preview-modal-stage[data-device=tablet] img{width:768px}.preview-modal-stage[data-device=mobile] iframe,.preview-modal-stage[data-device=mobile] img{width:390px}.preview-modal-foot{color:var(--muted)}#drawer,#backdrop{display:none}#toast{position:fixed;right:1rem;bottom:1rem}.loading{color:var(--muted)}.notes-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:640px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0a111b}.notes-index{border-right:1px solid var(--line);background:#0d1622;min-width:0}.notes-index-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem}.notes-index-head small{color:var(--mint);font-weight:800;letter-spacing:.12em}.notes-index-head h3{font-size:1.7rem;margin:.2rem 0}.note-add{width:44px;height:44px;border-radius:50%;font-size:1.65rem;padding:0}.show-archived{display:flex;align-items:center;gap:.55rem;padding:0 1.2rem 1rem;color:var(--muted)}.show-archived input{width:auto}.notes-list{border-top:1px solid var(--line)}.note-row{display:flex;width:100%;height:132px;min-height:132px;max-height:132px;overflow:hidden;align-items:stretch;flex-direction:column;gap:.35rem;padding:1rem 1.2rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left}.note-row:hover,.note-row.active{background:#172338}.note-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;line-height:1.3;text-align:left}.note-row-excerpt{display:-webkit-box;min-width:0;overflow:hidden;color:var(--muted);line-height:1.35;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-row-date{margin-top:auto;align-self:flex-start;font-size:.72rem;color:var(--muted);white-space:nowrap;text-align:left}.note-editor{display:flex;min-width:0;flex-direction:column;padding:1.5rem 2rem;background:#0b1220}.note-toolbar,.note-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.note-title{border:0;background:transparent;padding:.8rem 0;font-size:clamp(1.6rem,4vw,2.7rem);font-weight:850;letter-spacing:-.03em}.note-title:focus{outline:none}.note-meta{color:var(--muted);font-size:.78rem;padding-bottom:1rem}.plain-note{flex:1;min-height:480px;border:1px solid var(--line);background:#080e18;padding:1.25rem;font:1rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:none}.note-editor-empty{justify-content:center}.note-editor-empty .empty{border:0;background:transparent}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){html,body{overflow-x:hidden}.app{display:block}.main>header{min-height:72px}.main>header .primary{display:none}#sidebar{position:fixed;left:0;top:0;width:min(88vw,310px);transform:translateX(-105%);transition:transform .18s ease;box-shadow:20px 0 50px #0008}#sidebar.open{transform:none}#drawer{display:inline-flex;background:transparent;font-size:1.3rem;padding:.55rem}#backdrop{position:fixed;inset:0;background:#0009;border:0;border-radius:0;z-index:15}#backdrop.open{display:block}.layout,.site-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{align-items:stretch;flex-direction:column}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.workspace-head h2{font-size:1.45rem}.site-tabs{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.activity li{grid-template-columns:1fr}.activity time{grid-row:auto;grid-column:auto}.detail-grid{grid-template-columns:1fr}.detail-grid dd{margin-bottom:.35rem}main{padding:1rem}.panel{padding:1rem}.site-preview-viewport{height:220px}.site-preview-viewport iframe,.site-preview-viewport img{transform:scale(.27)}.preview-dialog{width:100%;height:100dvh;margin:0;border-radius:0;max-width:none}.preview-dialog #modal-body{padding:.75rem}.preview-modal-head,.preview-modal-foot{align-items:stretch;flex-direction:column}.preview-devices{width:100%}.preview-devices button{flex:1}.preview-modal-stage{margin:.75rem 0;padding:.5rem}.preview-modal-stage iframe,.preview-modal-stage img{min-height:600px}.preview-modal-stage[data-device=tablet] iframe,.preview-modal-stage[data-device=tablet] img{width:768px}.preview-modal-stage[data-device=mobile] iframe,.preview-modal-stage[data-device=mobile] img{width:390px}}
@media(max-width:360px){.metric-grid{grid-template-columns:1fr}.main>header{padding:.8rem}.workspace-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.app-count-badge,#badge-sites,#badge-notifications{min-width:1.25rem;height:1.25rem;padding:0 .32rem}}
@media(forced-colors:active){.app-count-badge,#badge-sites,#badge-notifications{border:1px solid ButtonText;forced-color-adjust:auto}}
.preview-panel{overflow:hidden}.site-preview-thumb{display:block;width:100%;padding:0;margin-top:1rem;text-align:left;background:linear-gradient(145deg,#0a1119,#182b3d);border:1px solid #354a5d;border-radius:18px;overflow:hidden;color:var(--ink);box-shadow:0 20px 45px #0005;transition:.18s transform,.18s border-color}.site-preview-thumb:hover,.site-preview-thumb:focus-visible{transform:translateY(-2px);border-color:var(--blue)}.site-preview-browser{display:block;margin:14px 14px 0;border:1px solid #415467;border-radius:12px 12px 4px 4px;overflow:hidden;background:#fff}.site-preview-chrome,.preview-browser-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:#dce3e9;color:#40505d}.site-preview-chrome i,.preview-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6d6d}.site-preview-chrome i:nth-child(2),.preview-browser-bar i:nth-child(2){background:#ffc556}.site-preview-chrome i:nth-child(3),.preview-browser-bar i:nth-child(3){background:#66ca7b}.site-preview-chrome b,.preview-browser-bar span{margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.site-preview-viewport{display:block;height:260px;overflow:hidden;background:#f7f8fa}.site-preview-viewport iframe,.site-preview-viewport img{width:1440px;height:900px;border:0;transform:scale(.39);transform-origin:top left;pointer-events:none}.site-preview-action{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-weight:700}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.prior-site{margin-top:1rem;color:var(--muted)}dialog.preview-dialog{width:min(96vw,1500px);max-width:none;padding:0;border:1px solid #415467;border-radius:20px;background:#0c151f;color:var(--ink)}dialog.preview-dialog::backdrop{background:#02070dd9;backdrop-filter:blur(10px)}dialog.preview-dialog>.modal-frame{padding:0}.preview-dialog .close{position:absolute;right:14px;top:14px;z-index:4;width:42px;height:42px;border-radius:50%;font-size:20px}.preview-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:18px 68px 18px 22px;border-bottom:1px solid var(--line)}.preview-viewer-head h2,.preview-viewer-head p{margin:0}.preview-viewer-head small{color:var(--mint);letter-spacing:.12em}.preview-tools{display:flex;gap:8px;align-items:center}.preview-tools button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}.preview-stage{display:flex;justify-content:center;align-items:flex-start;min-height:65vh;padding:22px;background:radial-gradient(circle at 50% 0,#233b52,#091018 65%)}.preview-surface{width:100%;transition:width .2s ease}.preview-surface[data-device=mobile]{width:min(390px,100%)}.preview-browser{position:relative;overflow:hidden;border:1px solid #52697c;border-radius:13px;background:#fff;box-shadow:0 28px 60px #0008}.preview-browser iframe,.preview-browser img{display:block;width:100%;height:calc(80vh - 130px);min-height:520px;border:0;background:#fff}.preview-loading{position:absolute;inset:30px 0 0;display:grid;place-items:center;background:#101c27;color:var(--muted);z-index:2}.preview-loading[hidden]{display:none}.preview-error{padding:0 22px 18px;color:var(--warn)}
@media(max-width:760px){.site-preview-viewport{height:190px}.site-preview-viewport iframe,.site-preview-viewport img{transform:scale(.28)}dialog.preview-dialog{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.preview-viewer-head{align-items:flex-start;flex-direction:column;padding:14px 60px 12px 14px}.preview-tools{width:100%;flex-wrap:wrap}.preview-tools a{margin-left:auto}.preview-stage{min-height:0;height:calc(100dvh - 145px);padding:10px}.preview-browser iframe,.preview-browser img{height:calc(100dvh - 205px);min-height:0}}
@media(max-width:760px){.notes-workspace{grid-template-columns:1fr;min-height:0}.notes-index{border-right:0;border-bottom:1px solid var(--line);max-height:300px;overflow:auto}.note-editor{padding:1rem;min-height:560px}.plain-note{min-height:390px}.note-toolbar,.note-meta,.customer-summary,.access-sites li{align-items:flex-start;flex-direction:column}.note-title{font-size:1.65rem}.customer-detail .actions{display:grid}.customer-detail button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.preview-surface[data-device="desktop"]{width:min(100%,1440px)}.preview-surface[data-device="tablet"]{width:min(100%,768px)}.preview-surface[data-device="mobile"]{width:min(100%,390px)}.preview-browser iframe{display:block;width:100%;height:100%;min-height:520px;border:0;background:#fff}.preview-unavailable{max-width:680px;margin:auto;padding:2rem}.preview-unavailable .secondary{display:inline-flex;margin-left:.75rem}.preview-loading{position:absolute;inset:42px 0 0;display:grid;place-items:center;background:var(--panel);z-index:2}.preview-loading[hidden]{display:none}@media(max-width:760px){.preview-browser iframe{min-height:calc(100dvh - 230px)}.preview-tools{display:grid;grid-template-columns:repeat(3,1fr)}.preview-tools .primary{grid-column:1/-1}}
.impersonation-banner{background:#6f1018;color:#fff;padding:10px 24px;text-align:center;font-size:14px}.impersonation-banner button{margin-left:12px;background:#fff;color:#6f1018}.nav-group{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.nav-group>small{display:block;padding:7px 16px;color:var(--muted);font-size:10px;letter-spacing:.14em}.nav-group a,#nav-utilities a{display:flex}.notification-list .unread{border-left:4px solid #b42318;padding-left:14px}#badge-sites.bad{background:#b42318!important;color:#fff!important}.customer-access-list{display:grid;gap:.75rem;margin:1rem 0}.customer-row{border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden}.customer-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.customer-summary>span{display:grid;gap:.2rem}.customer-summary small{color:var(--muted)}.customer-detail{padding:0 1rem 1rem;border-top:1px solid var(--line)}.access-sites{list-style:none;padding:0;display:grid;gap:.5rem}.access-sites li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem;border:1px solid var(--line);border-radius:8px}
@media(max-width:600px){#badge-sites.bad{display:inline-flex!important;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:#d92d20!important;color:#fff!important;font-weight:800}.impersonation-banner{padding:9px 52px 9px 12px;text-align:left}}

/* Home OS parity: interactive preview viewer */
dialog.preview-dialog{width:min(1500px,98vw);height:min(960px,96dvh);max-height:none}.preview-dialog .modal-frame{display:grid;grid-template-rows:minmax(0,1fr);height:100%;padding:0}.preview-dialog #modal-body{min-height:0;padding:0}.preview-viewer{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0}.preview-viewer-head{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:.7rem 4.5rem .7rem 1rem;border-bottom:1px solid var(--line);background:#0c1320}.preview-viewer-head small{color:#22d3ee;font-size:.68rem;font-weight:900;letter-spacing:.14em}.preview-viewer-head h2{margin:.1rem 0;font-size:1.1rem}.preview-controls{display:flex;align-items:center;gap:.65rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:#0c1320;overflow-x:auto}.preview-devices{display:flex;gap:.35rem}.preview-controls button,.preview-controls select{min-height:42px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:#111c2d;color:var(--ink);font-weight:800;cursor:pointer}.preview-devices button[aria-pressed="true"]{color:#dbeafe;background:#60a5fa40;border-color:#60a5fa8c}.preview-controls label{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-weight:800;white-space:nowrap}.preview-controls #preview-new-tab{margin-left:auto;white-space:nowrap}.preview-stage{min-width:0;min-height:0;overflow:auto;padding:1rem;background:#05080d}.preview-surface{width:max-content;min-width:100%;display:flex;justify-content:center}.preview-viewport{position:relative;flex:0 0 auto;overflow:hidden;background:#fff;box-shadow:0 12px 45px #0009;transition:width .18s ease,height .18s ease}.preview-browser{position:relative;width:100%;height:100%;background:white}.preview-browser iframe{display:block;border:0;transform-origin:top left;background:white}.preview-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;background:var(--panel);color:var(--muted)}.preview-loading[hidden]{display:none}.preview-loading-inline{display:grid;place-items:center;min-height:300px}.preview-error{margin:0;padding:.65rem 1rem;color:var(--danger);background:#0c1320}.preview-unavailable{max-width:680px;margin:auto;padding:2rem}
@media(max-width:760px){dialog.preview-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.preview-viewer-head{min-height:58px;padding:.55rem 3.8rem .55rem .7rem}.preview-controls{align-items:stretch;flex-wrap:wrap;padding:.5rem .7rem}.preview-devices{width:100%}.preview-devices button{flex:1;padding:.45rem}.preview-controls #preview-new-tab{margin-left:auto}.preview-stage{padding:.5rem}.preview-viewer{grid-template-rows:auto auto minmax(0,1fr) auto}}
.site-preview-thumb .site-preview-viewport img{width:100%;height:100%;object-fit:cover;object-position:top;transform:none}.site-url{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--blue)}
/* Portal blueprint-glass visual system */
.portal-page{background-color:#07101a;background-image:linear-gradient(rgba(91,187,221,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(91,187,221,.045) 1px,transparent 1px),linear-gradient(rgba(91,187,221,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(91,187,221,.018) 1px,transparent 1px),radial-gradient(circle at 82% 4%,rgba(29,90,119,.26),transparent 36%);background-size:88px 88px,88px 88px,22px 22px,22px 22px,auto;background-attachment:fixed}
.portal-page #sidebar{background:linear-gradient(180deg,rgba(9,23,35,.94),rgba(6,15,24,.9));border-right-color:rgba(121,207,233,.2);box-shadow:16px 0 54px rgba(0,0,0,.24);backdrop-filter:blur(24px) saturate(125%)}
.portal-page .logo>span{border:1px solid rgba(143,255,196,.65);border-radius:11px;background:rgba(143,255,196,.12);color:var(--mint);box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 24px rgba(124,242,189,.08)}
.portal-page #nav>a,.portal-page .nav-parent,.portal-page .nav-child{border:1px solid transparent;border-radius:10px;transition:background .16s ease,border-color .16s ease,color .16s ease}
.portal-page #nav>a:hover,.portal-page .nav-parent:hover,.portal-page .nav-child:hover{border-color:rgba(121,207,233,.16);background:rgba(85,164,194,.08)}
.portal-page #nav>a[aria-current=page],.portal-page .nav-child[aria-current=page]{border-color:rgba(124,242,189,.28);background:linear-gradient(90deg,rgba(124,242,189,.14),rgba(65,150,180,.06));color:#eafff5;box-shadow:inset 3px 0 var(--mint)}
.portal-page .account{border-top-color:rgba(121,207,233,.18)}.portal-page .account button{border-radius:10px;background:rgba(255,255,255,.025)}
.portal-page .main>header{border-bottom-color:rgba(121,207,233,.18);background:rgba(7,17,27,.66);box-shadow:0 14px 44px rgba(0,0,0,.18);backdrop-filter:blur(24px) saturate(130%)}
.portal-page #crumb{color:#7fc7dd;font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.portal-page #view-title{letter-spacing:-.025em}
.portal-page .site-tabs a{border-radius:8px 8px 0 0;font-size:.78rem;font-weight:650;letter-spacing:.035em}.portal-page .site-tabs a[aria-current=page]{background:linear-gradient(180deg,rgba(124,242,189,.13),rgba(124,242,189,.035));color:var(--mint)}
.portal-page #content{position:relative}.portal-page #content:before{content:'WF / OPERATIONS GRID';position:absolute;right:clamp(1rem,3vw,3rem);top:.65rem;color:rgba(121,207,233,.27);font-size:.61rem;font-weight:700;letter-spacing:.14em;pointer-events:none}
.portal-page .panel,.portal-page .card,.portal-page .empty,.portal-page .metric,.portal-page .table-wrap,.portal-page .notes-workspace,.portal-page .customer-detail,.portal-page .setting-card{border-color:rgba(119,197,222,.2);border-radius:15px;background:linear-gradient(145deg,rgba(17,35,49,.84),rgba(11,25,37,.76));box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.16);backdrop-filter:blur(15px)}
.portal-page .metric{position:relative;overflow:hidden}.portal-page .metric:after{content:'';position:absolute;right:-28px;top:-28px;width:64px;height:64px;border:1px solid rgba(113,206,235,.12);transform:rotate(45deg)}
.portal-page table th{color:#8ed0e4;font-size:.69rem;letter-spacing:.075em;text-transform:uppercase}.portal-page table tr:not(:last-child) td{border-bottom-color:rgba(117,191,215,.12)}
.portal-page button,.portal-page input,.portal-page select,.portal-page textarea{border-radius:9px}.portal-page input,.portal-page select,.portal-page textarea{border-color:rgba(118,189,214,.3);background:rgba(5,14,23,.72);color:var(--ink);box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.portal-page input:focus,.portal-page select:focus,.portal-page textarea:focus{border-color:var(--blue);outline:2px solid rgba(120,174,252,.24);outline-offset:1px}
.portal-page .primary{border-color:var(--mint);background:rgba(124,242,189,.12);color:var(--mint);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.portal-page .primary:hover,.portal-page .primary:focus-visible{background:var(--mint);color:#07110c;box-shadow:0 0 24px rgba(124,242,189,.14)}
.portal-page .note-row:hover,.portal-page .note-row.active{background:linear-gradient(90deg,rgba(124,242,189,.10),rgba(56,127,158,.06))}.portal-page .note-row.active{box-shadow:inset 3px 0 var(--mint)}
.portal-page dialog .modal-frame{border-color:rgba(121,207,233,.26);border-radius:18px;background:linear-gradient(145deg,#122536,#091723);box-shadow:0 34px 100px #000a}
.portal-page #toast{border:1px solid rgba(124,242,189,.3);border-radius:12px;background:rgba(10,30,38,.94);backdrop-filter:blur(16px)}
@media(max-width:760px){.portal-page #content:before{display:none}.portal-page #sidebar{background:rgba(7,18,28,.98)}.portal-page .panel,.portal-page .card,.portal-page .empty,.portal-page .metric,.portal-page .table-wrap{border-radius:12px}}

/* Portal visual system v2: unmistakably related, distinctly operational */
.portal-page{--side-w:300px;--panel:rgba(13,31,44,.88);--panel2:rgba(18,42,57,.78)}
.portal-page .app{gap:0;background:transparent}
.portal-page #sidebar{height:calc(100vh - 28px);margin:14px 0 14px 14px;padding:1.25rem;border:1px solid rgba(129,211,235,.22);border-radius:18px;background:linear-gradient(165deg,rgba(11,31,45,.96),rgba(5,16,25,.94));box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.34)}
.portal-page .logo{margin:-.1rem -.1rem 1.25rem;padding:.65rem;border-bottom:1px solid rgba(126,207,232,.15)}
.portal-page .portal-logo-mark{display:block;width:104px;height:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(124,242,189,.1))}
.portal-page .logo b{font-size:.92rem;letter-spacing:.015em}.portal-page .logo small{color:#7fc7dd;letter-spacing:.16em}
.portal-page #nav{gap:.32rem}.portal-page #nav>a,.portal-page .nav-parent,.portal-page .nav-child{min-height:42px;align-items:center;padding:.72rem .8rem;border-radius:11px;font-size:.79rem;font-weight:700;letter-spacing:.035em}
.portal-page #nav>a[aria-current=page],.portal-page .nav-child[aria-current=page]{box-shadow:inset 3px 0 var(--mint),0 8px 24px rgba(0,0,0,.12)}
.portal-page .account{margin-top:auto;padding:1rem .6rem .15rem}.portal-page .account button{margin-top:.7rem;border-color:rgba(124,242,189,.28);color:var(--mint);text-transform:uppercase;letter-spacing:.08em}
.portal-page .main{min-width:0;background:transparent}
.portal-page .main>header{top:14px;min-height:86px;margin:14px 18px 0;border:1px solid rgba(129,211,235,.22);border-radius:17px;background:linear-gradient(145deg,rgba(13,34,48,.82),rgba(7,20,31,.78));box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 55px rgba(0,0,0,.24);z-index:12}
.portal-page #view-title{font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:650}.portal-page #crumb{color:var(--mint)}
.portal-page main#content{padding-top:2rem}.portal-page #content:before{top:.9rem;right:2rem;color:rgba(127,199,221,.38)}
.portal-page .workspace-head{padding-bottom:.85rem;border-bottom:1px solid rgba(120,199,224,.13)}.portal-page .workspace-head h2,.portal-page .panel-head h2{letter-spacing:-.02em}
.portal-page .panel,.portal-page .card,.portal-page .empty,.portal-page .metric,.portal-page .table-wrap,.portal-page .notes-workspace,.portal-page .customer-detail,.portal-page .setting-card{position:relative;border-color:rgba(125,207,232,.24);border-radius:18px;background:linear-gradient(145deg,rgba(17,39,54,.9),rgba(8,23,35,.84));box-shadow:inset 0 1px rgba(255,255,255,.065),0 22px 60px rgba(0,0,0,.2)}
.portal-page .panel:before,.portal-page .card:before,.portal-page .metric:before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(143,255,196,.34),transparent);pointer-events:none}
.portal-page .metric{min-height:116px}.portal-page .metric b{color:#fff;font-size:1.65rem}.portal-page .metric small{color:#83c9df;font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.portal-page button,.portal-page .button,.portal-page a.primary{border-radius:10px;font-weight:750;letter-spacing:.045em}.portal-page .primary{text-transform:uppercase;letter-spacing:.07em}
.portal-page .secondary{border-color:rgba(125,207,232,.3);background:rgba(75,151,181,.08)}
.portal-page table thead{background:rgba(85,164,194,.055)}.portal-page table tr:hover td{background:rgba(102,185,211,.04)}
.portal-page .site-tabs{gap:.35rem;padding-top:.55rem}.portal-page .site-tabs a{border:1px solid transparent;border-radius:9px;padding:.55rem .72rem}.portal-page .site-tabs a[aria-current=page]{border-color:rgba(124,242,189,.24);border-bottom-color:rgba(124,242,189,.38);background:rgba(124,242,189,.1)}
@media(max-width:760px){.portal-page{--side-w:272px}.portal-page #sidebar{height:calc(100dvh - 20px);margin:10px;border-radius:16px}.portal-page .main>header{top:8px;min-height:72px;margin:8px 10px 0;border-radius:14px}.portal-page main#content{padding-top:1.25rem}.portal-page .panel,.portal-page .card,.portal-page .metric,.portal-page .table-wrap{border-radius:15px}}

/* Portal industrial operations system v3 */
.portal-page{--bg:#0c0f11;--side:#111518;--panel:#171c1f;--panel2:#1d2427;--line:#343d40;--muted:#a4afb0;--blue:#91a4a5;background-color:#0c0f11;background-image:radial-gradient(circle at 82% 7%,rgba(124,242,189,.075),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.018),transparent 42%);background-size:auto;background-attachment:fixed}
.portal-page:after{content:'';position:fixed;right:-90px;bottom:-110px;width:360px;height:360px;border:1px solid rgba(124,242,189,.07);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(124,242,189,.045) 0 6deg,transparent 6deg 17deg);-webkit-mask:radial-gradient(circle,transparent 0 24%,#000 25% 43%,transparent 44% 54%,#000 55% 58%,transparent 59%);mask:radial-gradient(circle,transparent 0 24%,#000 25% 43%,transparent 44% 54%,#000 55% 58%,transparent 59%);pointer-events:none;z-index:0}
.portal-page .app{position:relative;z-index:1;grid-template-columns:var(--side-w) minmax(0,1fr)}
@media(min-width:761px){.portal-page #sidebar{position:fixed;left:14px;top:14px;width:calc(var(--side-w) - 14px);height:calc(100vh - 28px);margin:0}.portal-page .main{grid-column:2;min-width:0}}
.portal-page #sidebar{border-color:#394346;background:linear-gradient(165deg,rgba(22,28,30,.98),rgba(11,15,17,.97));box-shadow:inset 0 1px rgba(255,255,255,.055),12px 18px 54px rgba(0,0,0,.34)}
.portal-page .logo{border-bottom-color:#343e40}.portal-page .portal-logo-mark{filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}
.portal-page #nav>a,.portal-page .nav-parent,.portal-page .nav-child{color:#aab4b5}
.portal-page #nav>a:hover,.portal-page .nav-parent:hover,.portal-page .nav-child:hover{border-color:#465255;background:#232b2e;color:#f4f7f7;box-shadow:inset 3px 0 rgba(124,242,189,.52)}
.portal-page #nav>a[aria-current=page],.portal-page .nav-child[aria-current=page]{border-color:rgba(124,242,189,.34);background:linear-gradient(90deg,rgba(124,242,189,.15),rgba(31,38,40,.88));color:#eafff5;box-shadow:inset 3px 0 var(--mint),0 7px 20px rgba(0,0,0,.18)}
.portal-page .main>header{align-items:flex-start;min-height:150px;padding:22px 28px 0;border-color:#3a4447;background:linear-gradient(150deg,rgba(25,32,35,.96),rgba(13,18,20,.94));box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 46px rgba(0,0,0,.27)}
.portal-page .header-copy{min-width:0;width:100%}.portal-page #crumb{color:#79e7b4}.portal-page #quick-add{align-self:center;margin:0 0 20px 24px;flex:0 0 auto}
.portal-page .header-tabs{min-width:0;width:100%;margin-top:18px;overflow-x:auto;overflow-y:hidden;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:#465255 transparent}
.portal-page .header-tabs .site-tabs{display:flex;width:max-content;max-width:none;gap:7px;margin:0;padding:0;border:0;overflow:visible}
.portal-page .header-tabs .site-tabs a{flex:0 0 auto;padding:.58rem .72rem;border:1px solid #394447;border-radius:9px;background:#171d20;color:#aeb8b9;white-space:nowrap}
.portal-page .header-tabs .site-tabs a:hover{border-color:#566365;background:#252d30;color:#fff}
.portal-page .header-tabs .site-tabs a[aria-current=page]{border-color:rgba(124,242,189,.48);background:rgba(124,242,189,.12);color:var(--mint);box-shadow:inset 0 -2px var(--mint)}
.portal-page main#content{padding-top:1.5rem}.portal-page #content:before{color:rgba(124,242,189,.22)}
.portal-page .panel,.portal-page .card,.portal-page .empty,.portal-page .metric,.portal-page .table-wrap,.portal-page .notes-workspace,.portal-page .customer-detail,.portal-page .setting-card{border-color:#394346;background:linear-gradient(145deg,rgba(27,34,37,.96),rgba(17,22,24,.94));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.2)}
.portal-page .panel:before,.portal-page .card:before,.portal-page .metric:before{background:linear-gradient(90deg,transparent,rgba(124,242,189,.22),transparent)}
.portal-page table th{color:#9ddcbc}.portal-page table thead{background:rgba(255,255,255,.025)}.portal-page table tr:hover td{background:rgba(124,242,189,.035)}
.portal-page button,.portal-page .button,.portal-page a.primary{transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}
.portal-page .primary,.portal-page .secondary,.portal-page .danger,.portal-page .ghost,.portal-page .account button{border:1px solid #465154;border-radius:10px;background:#20272a;color:#e8eeee}
.portal-page .primary{border-color:var(--mint);background:rgba(124,242,189,.1);color:var(--mint)}
.portal-page .primary:hover,.portal-page .primary:focus-visible,.portal-page .secondary:hover,.portal-page .secondary:focus-visible,.portal-page .ghost:hover,.portal-page .ghost:focus-visible,.portal-page .account button:hover,.portal-page .account button:focus-visible{transform:translateY(-1px);border-color:var(--mint);background:var(--mint);color:#0b1210;box-shadow:0 9px 22px rgba(0,0,0,.28)}
.portal-page .danger:hover,.portal-page .danger:focus-visible{transform:translateY(-1px);border-color:#ff8c8c;background:#ff8c8c;color:#1b0808;box-shadow:0 9px 22px rgba(0,0,0,.28)}
@media(max-width:760px){.portal-page:after{display:none}.portal-page .main{margin:0}.portal-page .main>header{align-items:center;min-height:82px;padding:12px 14px}.portal-page .header-tabs{margin-top:10px}.portal-page #quick-add{display:none}.portal-page #sidebar{border-color:#394346;background:#121719}}

/* Portal page header and sticky workspace menu v4 */
.portal-page .main>header{position:relative;top:auto;min-height:112px;margin:14px 18px 0;padding:22px 28px;align-items:center;z-index:2}
.portal-page .main>header .header-copy{width:auto;flex:1}
.portal-page .main>.header-tabs{position:sticky;top:14px;z-index:14;width:auto;min-width:0;margin:10px 18px 0;padding:11px 12px;overflow-x:auto;overflow-y:hidden;border:1px solid #3a4447;border-radius:14px;background:rgba(17,23,25,.94);box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 38px rgba(0,0,0,.25);backdrop-filter:blur(20px) saturate(115%);scrollbar-width:thin;scrollbar-color:#465255 transparent}
.portal-page .main>.header-tabs:empty{display:none}
.portal-page .main>.header-tabs .site-tabs{display:flex;width:max-content;max-width:none;gap:7px;margin:0;padding:0;border:0;overflow:visible}
.portal-page main#content{padding:24px 18px 2rem}
.portal-page #content:before{right:18px;top:.45rem}
@media(max-width:760px){.portal-page .main>header{position:relative;top:auto;min-height:76px;margin:8px 10px 0;padding:12px 14px}.portal-page .main>.header-tabs{top:8px;margin:8px 10px 0;padding:9px;border-radius:12px}.portal-page main#content{padding:18px 10px 1.5rem}}

/* Portal gear texture and unified navigation v5 */
.portal-page:before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http://www.w3.org/2000/svg'%20viewBox%3D'0%200%20320%20320'%3E%3Cg%20fill%3D'none'%20stroke%3D'%238fffc4'%20stroke-width%3D'2'%3E%3Cg%20transform%3D'translate(82%2086)'%3E%3Ccircle%20r%3D'39'/%3E%3Ccircle%20r%3D'12'/%3E%3Cpath%20d%3D'M0-55V-40M0%2040V55M-55%200H-40M40%200H55M-39-39L-28-28M28%2028L39%2039M39-39L28-28M-39%2039L-28%2028'/%3E%3C/g%3E%3Cg%20transform%3D'translate(245%20235)%20rotate(22)'%3E%3Ccircle%20r%3D'50'/%3E%3Ccircle%20r%3D'15'/%3E%3Cpath%20d%3D'M0-69V-51M0%2051V69M-69%200H-51M51%200H69M-49-49L-36-36M36%2036L49%2049M49-49L36-36M-49%2049L-36%2036'/%3E%3C/g%3E%3Cpath%20d%3D'M122%2086H176M245%20166V125'%20opacity%3D'.55'/%3E%3C/g%3E%3C/svg%3E");background-size:320px 320px;background-position:24px 18px;opacity:.105}
.portal-page:after{display:none}
.portal-page #nav a,.portal-page .nav-parent{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:.72rem .8rem;border:1px solid transparent;border-left:1px solid transparent;border-radius:11px;background:transparent;color:#aab4b5;text-decoration:none;font-size:.79rem;font-weight:700;letter-spacing:.035em;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.portal-page #nav a:hover,.portal-page .nav-parent:hover{border-color:#465255;border-radius:11px;background:#232b2e;color:#f4f7f7;box-shadow:inset 3px 0 rgba(124,242,189,.52)}
.portal-page #nav a[aria-current=page],.portal-page .nav-parent[aria-expanded=true]:focus-visible{border-color:rgba(124,242,189,.34);border-radius:11px;background:linear-gradient(90deg,rgba(124,242,189,.15),rgba(31,38,40,.88));color:#eafff5;box-shadow:inset 3px 0 var(--mint),0 7px 20px rgba(0,0,0,.18)}
.portal-page #nav-utilities,.portal-page .nav-group{display:grid;gap:.32rem}
.portal-page .panel,.portal-page .card,.portal-page .empty,.portal-page .metric,.portal-page .table-wrap,.portal-page .notes-workspace,.portal-page .customer-detail,.portal-page .setting-card{background:linear-gradient(145deg,rgba(27,34,37,.9),rgba(17,22,24,.86))}

/* Portal uppercase navigation and left-aligned site submenu v6 */
.portal-page #nav a,.portal-page .nav-parent,.portal-page .main>.header-tabs .site-tabs a{text-transform:uppercase}
.portal-page .nav-children .site-child{justify-content:flex-start!important;text-align:left!important;gap:0}
.portal-page .nav-children .site-child span{display:block;min-width:0;text-align:left}

/* Portal true interlocking gear field and workspace chrome v7 */
.portal-page:before{background-image:url('/assets/portal-gears.svg?v=1');background-size:1200px 750px;background-position:center top;opacity:.095;filter:drop-shadow(0 0 6px rgba(124,242,189,.13))}
.portal-page .notes-workspace{border-color:#465255;background:rgba(15,20,22,.72);backdrop-filter:blur(8px)}
.portal-page .notes-index{border-color:#3d484b;background:rgba(17,23,25,.88)}
.portal-page .notes-index-head,.portal-page .note-toolbar,.portal-page .task-topbar{min-height:78px;padding:1rem 1.2rem;border-bottom:1px solid #3d484b;background:linear-gradient(135deg,rgba(31,39,42,.96),rgba(20,27,29,.94));box-shadow:inset 0 1px rgba(255,255,255,.045)}
.portal-page .notes-list{display:grid;gap:8px;padding:8px}
.portal-page .note-row{border:1px solid transparent;border-radius:10px;background:rgba(25,32,35,.68)}
.portal-page .note-row:hover{border-color:#4a575a;background:#242d30}.portal-page .note-row.active{border-color:rgba(124,242,189,.38);border-radius:10px;background:linear-gradient(90deg,rgba(124,242,189,.14),rgba(27,35,37,.9));box-shadow:inset 3px 0 var(--mint)}
.portal-page .note-editor{padding:0 2rem 1.5rem;background:rgba(12,17,19,.72)}
.portal-page .note-toolbar{margin:0 -2rem 1.35rem;padding-inline:2rem}
.portal-page .note-title,.portal-page .plain-note{border-color:#414d50;background:rgba(12,17,19,.72)}
.portal-page .task-panel{padding:0;overflow:hidden}
.portal-page .task-topbar{margin:0;align-items:center;padding:1rem 1.2rem}
.portal-page .task-panel>.table-wrap{margin:1rem;border-radius:12px}.portal-page .task-panel>.empty{margin:1rem}
@media(max-width:760px){.portal-page .note-editor{padding:0 1rem 1rem}.portal-page .note-toolbar{margin:0 -1rem 1rem;padding-inline:1rem}.portal-page .task-topbar{align-items:flex-start}}

/* Portal unified intake and modal forms v8 */
.portal-page dialog:not(.preview-dialog){width:min(720px,calc(100% - 32px));max-height:min(860px,calc(100dvh - 32px));padding:0;border:1px solid #465255;border-radius:18px;background:#111719;color:var(--ink);box-shadow:0 32px 100px rgba(0,0,0,.72);overflow:hidden}
.portal-page dialog:not(.preview-dialog)::backdrop{background:rgba(3,6,7,.76);backdrop-filter:blur(7px)}
.portal-page dialog:not(.preview-dialog) .modal-frame{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:auto;max-height:min(860px,calc(100dvh - 32px))}
.portal-page dialog:not(.preview-dialog) #modal-body{padding:0}
.portal-page dialog:not(.preview-dialog) .close{position:absolute;right:16px;top:16px;z-index:2;float:none;width:38px;height:38px;margin:0;padding:0;border:1px solid #465255;border-radius:10px;background:#20282b;color:#dce5e5;font-size:1.45rem;line-height:1}
.portal-page dialog:not(.preview-dialog) .close:hover{border-color:var(--mint);background:var(--mint);color:#08110d}
.portal-page .modal-head,.portal-page .intake-topbar{padding:1.45rem 1.6rem;border-bottom:1px solid #3d484b;background:linear-gradient(135deg,rgba(31,39,42,.98),rgba(19,26,28,.96));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.portal-page .modal-head{padding-right:72px}.portal-page .modal-head h2,.portal-page .intake-topbar h2{margin:.22rem 0 .3rem;font-size:1.65rem}.portal-page .modal-head p,.portal-page .intake-topbar p{margin:0;color:var(--muted)}
.portal-page .form-eyebrow{color:var(--mint);font-size:.67rem;font-weight:850;letter-spacing:.14em}
.portal-page .modal-form,.portal-page .portal-form{gap:1rem;padding:1.5rem 1.6rem}
.portal-page .modal-form label,.portal-page .portal-form label{gap:.45rem;color:#c5cecf;font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.portal-page .modal-form input,.portal-page .modal-form select,.portal-page .modal-form textarea,.portal-page .portal-form input,.portal-page .portal-form select,.portal-page .portal-form textarea{min-height:48px;border-color:#465255;border-radius:10px;background:#0d1214;font-size:.9rem;font-weight:500;letter-spacing:normal;text-transform:none}
.portal-page .modal-form input:focus,.portal-page .modal-form select:focus,.portal-page .portal-form input:focus,.portal-page .portal-form select:focus{border-color:var(--mint);outline:2px solid rgba(124,242,189,.16)}
.portal-page .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:.35rem;border-top:1px solid #303a3c}.portal-page .form-actions .primary{min-width:150px}.portal-page .form-actions [role=status]{margin-right:auto;color:var(--muted)}
.portal-page .file-picker{padding:1.25rem;border:1px dashed #536164;border-radius:12px;background:rgba(124,242,189,.025)}.portal-page .file-picker>span{font-size:1rem;color:var(--ink);text-transform:none}.portal-page .file-picker>small{font-weight:500;letter-spacing:0;text-transform:none}.portal-page .file-picker input[type=file]{padding:.58rem;background:#151c1f}
.portal-page .intake-panel{padding:0;overflow:hidden}.portal-page .intake-topbar{margin:0}.portal-page .intake-panel .portal-form{max-width:980px}
@media(max-width:600px){.portal-page .modal-form,.portal-page .portal-form{grid-template-columns:1fr;padding:1rem}.portal-page .modal-head,.portal-page .intake-topbar{padding:1.2rem}.portal-page .modal-head{padding-right:64px}.portal-page .form-actions{align-items:stretch;flex-direction:column}.portal-page .form-actions .primary{width:100%}}

/* Portal universal modal and industrial preview chrome v9 */
.portal-page .modal-history{display:grid;gap:.8rem;padding:1.4rem 1.6rem}.portal-page .modal-history .note{margin:0;border-color:#3d494c;background:#151c1f}
.portal-page dialog.preview-dialog{border:1px solid #465255;border-radius:18px;background:#0d1214;box-shadow:0 34px 110px rgba(0,0,0,.78);overflow:hidden}
.portal-page dialog.preview-dialog::backdrop{background:rgba(3,6,7,.82);backdrop-filter:blur(8px)}
.portal-page .preview-dialog .modal-frame{border:0;border-radius:0;background:#0d1214;box-shadow:none}
.portal-page .preview-viewer-head,.portal-page .preview-controls{border-color:#3d484b;background:linear-gradient(135deg,#1f272a,#141b1d)}
.portal-page .preview-viewer-head small{color:var(--mint)}.portal-page .preview-viewer-head h2{color:#f2f7f6}
.portal-page .preview-controls button,.portal-page .preview-controls select{border-color:#465255;border-radius:10px;background:#20282b;color:#dce5e5}
.portal-page .preview-devices button[aria-pressed=true],.portal-page .preview-controls button:hover{border-color:var(--mint);background:rgba(124,242,189,.12);color:var(--mint)}
.portal-page .preview-stage{background:#090d0f;background-image:linear-gradient(rgba(145,164,165,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(145,164,165,.035) 1px,transparent 1px);background-size:24px 24px}
.portal-page .preview-viewport{border:1px solid #465255;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.55)}
.portal-page .preview-error{background:#171d20}.portal-page .preview-loading{background:#12181a}
@media(max-width:760px){.portal-page dialog.preview-dialog{border:0;border-radius:0}.portal-page .modal-history{padding:1rem}}
/* Confirmed restore operations and archived-note toggle v10 */
.portal-page .toggle-control{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;width:calc(100% - 2rem);margin:0 1rem .65rem;padding:.55rem .65rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;font-size:.78rem}
.portal-page .toggle-control:hover{border-color:#465255;background:#20282b;color:var(--ink)}.portal-page .toggle-track{position:relative;width:36px;height:20px;flex:none;border:1px solid #536164;border-radius:999px;background:#111719;transition:.16s}.portal-page .toggle-track i{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#879294;transition:.16s}.portal-page .toggle-control[aria-pressed=true] .toggle-track{border-color:var(--mint);background:rgba(124,242,189,.16)}.portal-page .toggle-control[aria-pressed=true] .toggle-track i{left:19px;background:var(--mint)}
.portal-page .confirm-form{display:grid;padding:1.5rem 1.6rem}.portal-page .confirm-notice{display:grid;gap:.2rem;padding:1rem;border:1px solid #465255;border-radius:12px;background:#171e20;color:#dce5e5}.portal-page .confirm-notice.warning{border-color:rgba(255,140,140,.45);background:rgba(66,27,29,.34)}.portal-page .confirm-notice span,.portal-page .confirm-notice small{color:var(--muted)}.portal-page .confirm-form .form-actions{display:grid;grid-template-columns:auto auto;justify-content:end}.portal-page .confirm-form .form-actions [role=status]{grid-column:1/-1;grid-row:1;margin:0 0 .3rem;text-align:right}.portal-page .confirm-form .form-actions button{grid-row:2}
@media(max-width:600px){.portal-page .confirm-form{padding:1rem}.portal-page .confirm-form .form-actions{grid-template-columns:1fr}.portal-page .confirm-form .form-actions button,.portal-page .confirm-form .form-actions [role=status]{grid-column:1;grid-row:auto;width:100%;text-align:left}}

/* Customer invitation delivery selector v11 */
.portal-page .delivery-choice{display:flex;gap:.55rem;margin:0;padding:0;border:0}.portal-page .delivery-choice legend{margin-bottom:.5rem;color:#c5cecf;font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.portal-page .delivery-choice label{position:relative;display:block}.portal-page .delivery-choice input{position:absolute;opacity:0;pointer-events:none}.portal-page .delivery-choice span{display:block;padding:.65rem .9rem;border:1px solid #465255;border-radius:10px;background:#151c1f;color:var(--muted);cursor:pointer}.portal-page .delivery-choice input:checked+span{border-color:var(--mint);background:rgba(124,242,189,.13);color:var(--mint);box-shadow:inset 0 0 0 1px rgba(124,242,189,.08)}.portal-page .delivery-choice input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}

/* Customer change-request workflow and compact archive button v12 */
.portal-page .notes-index-head{display:block}.portal-page .notes-index-head h3{margin:0 0 .85rem}.portal-page .notes-index-actions{display:flex;align-items:center;justify-content:flex-start;gap:.55rem}.portal-page .notes-index-actions>button{width:112px;height:40px;min-height:40px;margin:0;padding:.38rem .65rem;border-radius:10px;font-size:.72rem;line-height:1;text-transform:uppercase}.portal-page .archive-filter{width:112px;min-height:40px;margin:0}.portal-page .note-add:hover{background:var(--mint);color:#07110c;border-color:var(--mint)}
.portal-page .request-panel{padding:0;overflow:hidden}.portal-page .request-topbar{margin:0;padding:1.2rem 1.4rem;border-bottom:1px solid #3d484b;background:linear-gradient(135deg,rgba(31,39,42,.96),rgba(20,27,29,.94))}.portal-page .request-list{display:grid;gap:.8rem;padding:1rem}.portal-page .request-card{padding:1rem;border:1px solid #3d484b;border-radius:12px;background:rgba(18,24,26,.84)}.portal-page .request-card-head,.portal-page .request-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.portal-page .request-card h4{margin:.15rem 0;font-size:1.05rem}.portal-page .request-card p{color:#c5cecf;white-space:pre-wrap}.portal-page .request-foot{align-items:center;padding-top:.75rem;border-top:1px solid #30393c}.portal-page .request-foot time{font-size:.72rem}
@media(max-width:600px){.portal-page .request-topbar,.portal-page .request-card-head,.portal-page .request-foot{align-items:flex-start;flex-direction:column}}

/* Portal frontend shortcut v13 */
.portal-page .account .frontend-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin-top:.7rem;padding:.55rem;border:1px solid #465154;border-radius:10px;background:#20272a;color:#e8eeee;text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.15s}
.portal-page .account .frontend-link:hover,.portal-page .account .frontend-link:focus-visible{transform:translateY(-1px);border-color:var(--mint);background:var(--mint);color:#0b1210;box-shadow:0 9px 22px rgba(0,0,0,.28)}
.portal-page .account .frontend-link+.account button{margin-top:.45rem}
/* Customer-specific controls and request attachments v14 */
[hidden]{display:none!important}.portal-page .request-image{margin-top:.2rem}.portal-page .request-attachment{display:inline-flex;margin-bottom:.8rem;color:var(--mint);font-weight:750}.portal-page .customer-settings .settings-actions{margin-top:1.25rem}
/* Suppress the programmatic content-shell focus ring; interactive controls keep theirs. */
.portal-page main#content:focus{outline:none}

.portal-page .account .frontend-link{font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit}

/* Identical Front End and Sign Out account controls v16 */
.portal-page .account .frontend-link,.portal-page .account #logout{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.55rem;font-family:inherit;font-size:1rem;font-weight:750;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}

/* Front-end-style borderless mobile menu button */
@media(max-width:760px){.portal-page #drawer{display:grid;width:46px;height:46px;place-items:center;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--ink)}.portal-page #drawer:hover,.portal-page #drawer:focus,.portal-page #drawer:focus-visible{border:0!important;background:transparent!important;box-shadow:none!important}}