@import url('/fonts.css');
:root{color-scheme:light;--bg:#f1f2f5;--ink:#22252c;--muted:#69707d;--quiet:#737a87;--line:rgba(33,43,61,.08);--paper:rgba(255,255,255,.86);--accent:#292d35;--soft:#e8ebef;--positive:#526a59;--radius:24px;--shadow:0 8px 40px -20px #27324623,0 1px 2px #27324604;--sidebar:260px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Portal Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button{transition:background .22s,color .22s,box-shadow .22s,transform .28s var(--ease)}a{transition:background .22s,color .22s,box-shadow .22s}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #64748b;outline-offset:4px}::selection{background:#d8dfe9;color:#1a202c}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}svg *{vector-effect:non-scaling-stroke}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1{font-size:40px;letter-spacing:-1.65px;line-height:1.15;margin-bottom:12px}h2{font-size:19px;letter-spacing:-.5px;line-height:1.3;margin-bottom:6px}h3{font-size:15px;letter-spacing:-.2px;line-height:1.4;margin-bottom:7px}img{max-width:100%}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% -10%,#dce3ef88,transparent 55%),radial-gradient(ellipse at 110% 80%,#e2e5ebaa,transparent 40%),linear-gradient(125deg,#f0f2f6,#f7f8fa 60%,#eef0f4)}.glass{background:rgba(255,255,255,.58);border:1px solid #ffffffdd;box-shadow:inset 0 1px 0 #fff,0 2px 6px #23304703,0 16px 50px -28px #23304738;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.skip-link{position:fixed;top:10px;left:30px;transform:translateY(-160%);z-index:100;background:white;padding:12px 20px;border-radius:10px}.skip-link:focus{transform:none}.icon-button{border:0;background:transparent;color:var(--muted);width:40px;height:40px;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#18264109;color:var(--ink)}.primary,.secondary,.external{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:500;border:1px solid transparent;white-space:nowrap}.primary{background:linear-gradient(180deg,#3c414b,#262a32);color:#fff;box-shadow:inset 0 1px 0 #ffffff25,0 3px 5px #1d24311c}.primary:hover:not(:disabled){background:linear-gradient(180deg,#484e59,#303540);box-shadow:inset 0 1px 0 #ffffff25,0 6px 12px #1d243125;transform:translateY(-1px)}.primary:active:not(:disabled){transform:scale(.98)}.secondary{background:#ffffffb3;border-color:#252e3b12;color:#4e5663;box-shadow:inset 0 1px 0 white,0 2px 3px #1d243105}.secondary:hover:not(:disabled){background:#fff;box-shadow:0 3px 8px #1d24310a}.text-link{font-size:12px;color:#586270;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.text-link:hover{color:#121826}.text-link svg{width:15px;height:15px}.eyebrow{display:block;font-size:10px;font-weight:500;letter-spacing:1.6px;color:var(--muted);margin-bottom:15px}.subtitle{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-head .primary{flex-shrink:0;margin-bottom:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin-bottom:5px}.section-heading p{margin:0;font-size:12px;color:var(--muted)}.pill,.status-pill{display:inline-flex;gap:7px;align-items:center;font-size:10px;font-weight:500;line-height:1.3;padding:6px 10px;border-radius:20px;background:#f0f3f1;color:var(--positive);white-space:nowrap;border:1px solid #3d5f4d09}.status-pill.pending{background:#f1f2f5;color:#6e7480;border-color:#3844560b}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#768879;flex-shrink:0}.status-dot.neutral{background:#939ca9}
/* Navigation floats above the workspace, with a quiet reflective edge. */
aside{position:fixed;inset:16px auto 16px 16px;width:var(--sidebar);z-index:30;display:flex;flex-direction:column;border-radius:25px;overflow-y:auto;scrollbar-width:thin}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:28px 21px 22px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img,.login-brand img{width:41px;height:41px;object-fit:contain;flex-shrink:0}.brand-name{display:block;font-size:16px;letter-spacing:-.55px;font-weight:500;white-space:nowrap}.brand-caption{display:block;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:2px}.workspace{display:flex;align-items:center;gap:11px;border:1px solid #fff;background:#ffffff66;border-radius:15px;padding:12px;margin:0 15px 29px;font-size:12px;box-shadow:0 2px 4px #23304702}.workspace:hover{background:#ffffffc7}.workspace small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.workspace-icon{width:34px;height:34px;border-radius:10px;background:#e8ecf28c;display:grid;place-items:center;color:#647084}.workspace-icon svg{width:17px;height:17px}.workspace-arrow{margin-left:auto;color:#89919d}.workspace-arrow svg{width:13px;height:13px}.nav-label{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin:0 0 10px;padding:0 30px}nav{padding:0 14px}nav a{display:flex;gap:12px;align-items:center;min-height:47px;padding:11px 15px;border:1px solid transparent;border-radius:13px;color:#626b79;font-size:13px;margin-bottom:5px}nav a svg{width:18px;height:18px}nav a:hover{background:#ffffff77;color:#323b49}nav a.active{background:linear-gradient(160deg,#fffffff2,#ffffffa6);border-color:#fff;box-shadow:0 3px 12px #3046660a,inset 0 1px 0 #fff;color:#222b38;font-weight:500}.nav-count{margin-left:auto;display:grid;place-items:center;font-size:10px;border:1px solid #d9dfe4;background:#f4f6f9;border-radius:7px;min-width:24px;height:21px;color:#6c7481}.sidebar-spacer{flex:1;min-height:32px}.side-note{border:1px solid #fff;border-radius:14px;background:#ffffff57;color:var(--muted);margin:12px 16px 23px;padding:13px 10px;display:flex;align-items:center;gap:8px;text-align:left}.side-note strong{display:block;font-size:10px;font-weight:500;color:#505b6b}.side-note small{display:block;font-size:9px;margin-top:3px;line-height:1.5}.side-note>span:last-child svg{width:12px;height:12px}.note-icon{align-self:flex-start}.note-icon svg{width:16px;height:16px}.side-note:hover{background:#ffffffad}.account{display:flex;align-items:center;gap:10px;padding:19px 8px 10px;margin:0 15px;border-top:1px solid var(--line)}.account img{width:35px;height:35px;object-fit:cover;border-radius:50%;background:white;box-shadow:0 0 0 3px #fff9}.account strong{font-size:11px;font-weight:500;display:block}.account small{font-size:9px;color:var(--muted);display:block;margin-top:2px}.account .icon-button{margin-left:auto;width:32px;height:36px}.account svg{width:16px}.studio{text-align:center;padding:6px 0 20px;color:#7e8591;font-size:9px}.studio strong{font-weight:500}.shell{margin-left:calc(var(--sidebar) + 32px)}.topbar{height:88px;display:flex;align-items:center;gap:15px;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#7c8491}.breadcrumb svg{width:12px;height:12px;color:#a1a7b1}.breadcrumb strong{color:#4b5461;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.test-tag{border:0;background:transparent;font-size:10px;display:flex;gap:7px;align-items:center;color:#757e8b;min-height:40px}.external{font-size:11px;min-height:36px;padding:7px 15px}.external svg{width:14px;height:14px}#menu,#close-menu{display:none}main{max-width:1432px;padding:23px 40px 56px;margin:auto;min-height:calc(100vh - 145px)}.bottom{display:flex;justify-content:space-between;padding:16px 40px 24px;max-width:1432px;margin:auto;font-size:10px;color:#7b8492}.bottom span:last-child{color:#838b96}.card{background:var(--paper);border:1px solid #fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.card-head p{color:var(--muted);font-size:12px;margin:0}.card-head h2{font-size:17px}.loading{display:flex;gap:12px;align-items:center;padding:70px 0;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid #78859926;border-top-color:#647087;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Overview: a useful, calm starting point rather than a wall of numbers. */
.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;margin-bottom:34px}.site-card{padding:7px;display:flex;flex-direction:column}.site-preview{height:245px;position:relative;border-radius:19px;overflow:hidden;background:#e9e6e0;isolation:isolate}.site-preview>img{width:100%;height:100%;object-fit:cover;object-position:52% 30%;transition:transform .8s var(--ease)}.site-card:hover .site-preview>img{transform:scale(1.025)}.site-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f1ede6a3,transparent 65%);z-index:0}.preview-label{position:absolute;top:17px;left:18px;z-index:1;font-size:9px;padding:5px 10px;border-radius:20px;color:#535d69;background:#ffffffb3;backdrop-filter:blur(12px);border:1px solid #ffffffbb;display:flex;gap:6px;align-items:center}.preview-title{position:absolute;z-index:1;left:30px;bottom:31px;max-width:58%;font-size:23px;letter-spacing:-.7px;line-height:1.3;color:#553b3d}.preview-title em{font-family:Georgia,serif;font-weight:400}.site-meta{display:flex;align-items:center;gap:13px;padding:20px 19px 17px}.site-meta .site-symbol{width:39px;height:39px;background:#f2f3f5;border-radius:12px;display:grid;place-items:center;color:#748091}.site-meta h2{font-size:14px;margin-bottom:3px;letter-spacing:-.2px}.site-meta p{font-size:11px;color:var(--muted);margin:0}.site-meta .secondary{margin-left:auto;min-height:36px;padding:6px 13px;font-size:11px}.site-counts{display:flex;gap:25px;border-top:1px solid var(--line);padding:15px 20px 13px;color:var(--muted);font-size:11px}.site-counts strong{color:#313b49;font-size:13px;font-weight:500;margin-right:5px}.overview-right{display:flex;flex-direction:column;gap:18px}.summary-card{padding:24px 25px;flex:1}.summary-card h2{font-size:17px;margin-bottom:19px}.summary-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border:0;padding-bottom:0}.summary-icon{width:33px;height:33px;border-radius:10px;background:#eff2f6;color:#738093;display:grid;place-items:center}.summary-icon svg{width:16px;height:16px}.summary-row strong{font-size:11px;display:block;font-weight:500}.summary-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.summary-row .status-dot{margin-left:auto}.insight-card{padding:21px 24px;display:flex;align-items:center;gap:16px;min-height:118px}.insight-card .empty-icon{width:40px;height:40px;flex-shrink:0}.insight-card h3{font-size:13px;margin-bottom:4px}.insight-card p{font-size:11px;color:var(--muted);margin:0 0 6px}.insight-card .text-link{font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{display:block;padding:21px 20px;position:relative;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.quick-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px -20px #27324666;border-color:#d8dfe8}.quick-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#f4f6f9,#e9edf3);border:1px solid #fff;box-shadow:inset 0 1px 0 white;display:grid;place-items:center;margin-bottom:24px;color:#6f7c90}.quick-icon svg{width:18px;height:18px}.quick-card h3{font-size:13px;margin-bottom:5px}.quick-card p{font-size:11px;color:var(--muted);margin:0}.quick-arrow{position:absolute;right:20px;top:22px;color:#929dab}.quick-arrow svg{width:15px;height:15px}.note-line{display:flex;align-items:center;justify-content:center;gap:8px;color:#7b8592;font-size:10px;margin-top:26px}.note-line svg{width:13px;height:13px}
/* Editor */
.editor-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start}.section-nav{position:sticky;top:22px}.section-nav-head{font-size:10px;color:var(--muted);padding:0 12px 12px;display:flex;justify-content:space-between}.section-nav button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:1px solid transparent;border-radius:11px;background:none;padding:12px 11px;margin:2px 0;color:#6d7684;font-size:11px;line-height:1.4;min-height:44px}.section-nav button .section-index{font-size:9px;color:#8b95a4}.section-nav button:hover{background:#ffffff80}.section-nav button.active{background:#ffffffda;border-color:#fff;color:#2c3748;box-shadow:0 2px 8px #26364e05}.section-nav button.active .section-index{color:#445169}.section-nav button .section-count{font-size:9px;color:#7b8697;margin-left:auto}.editor-main{min-width:0}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.editor-top h2{font-size:22px;letter-spacing:-.6px;margin-bottom:5px}.editor-top p{color:var(--muted);font-size:12px;margin:0}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 13px;background:#ffffff9c;border:1px solid #fff;border-radius:30px;width:200px;flex-shrink:0}.search-wrap svg{width:15px;height:15px;color:#7c8796}.search{min-width:0;width:100%;border:0;background:transparent;padding:10px 0;font-size:11px;color:var(--ink)}.search:focus{outline:none}.search-wrap:focus-within{box-shadow:0 0 0 2px #bac4d3}.editor-card{padding:22px 24px;margin-bottom:16px;position:relative}.editor-card.changed{border-color:#c5cfdd;box-shadow:0 2px 12px #26364e05}.field-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.field-label label{font-size:12px;font-weight:500;color:#414c5c}.field-type{font-size:8px;letter-spacing:1px;color:#7c8797;text-transform:uppercase;flex-shrink:0}.field-type.changed{color:#4d6488}.rich-shell{border:1px solid #e9edf2;border-radius:12px;background:#fcfcfd;overflow:hidden;transition:border-color .2s,box-shadow .2s}.rich-shell:focus-within{border-color:#acb9ca;box-shadow:0 0 0 3px #a6b7cc14}.rich-toolbar{display:flex;align-items:center;gap:5px;padding:6px 9px;border-bottom:1px solid #eaedf3;background:#f7f8fab3}.rich-toolbar button{background:transparent;border:0;width:31px;height:30px;display:grid;place-items:center;border-radius:6px;color:#68768a;font-size:13px}.rich-toolbar button svg{width:15px;height:15px}.rich-toolbar button:hover{background:#e8edf4;color:#29374d}.rich-toolbar .toolbar-separator{width:1px;height:14px;background:#dce2ea;margin:0 4px}.rich{min-height:68px;padding:16px;font-size:14px;line-height:1.75;color:#485365;overflow-wrap:anywhere}.rich:focus{outline:0}.rich p:last-child{margin-bottom:0}.rich a{color:#465d7e;text-decoration:underline;text-underline-offset:3px}.image-field{display:flex;align-items:center;gap:22px}.image-field img{width:140px;height:115px;object-fit:contain;background:#f0f2f6;border-radius:12px}.image-info p{font-size:11px;color:var(--muted);margin:0 0 13px}.image-info .secondary{min-height:36px;font-size:11px;padding:7px 13px}.image-info small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.image-info input{position:absolute;width:1px;height:1px;opacity:0}.upload-label:focus-within{outline:2px solid #64748b;outline-offset:4px}.savebar{position:sticky;bottom:20px;z-index:10;border-radius:21px;padding:13px 16px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#ffffffc9;box-shadow:inset 0 1px 0 #fff,0 12px 30px -12px #263b5d30}.save-status{display:flex;align-items:center;gap:9px;min-width:0}.save-status>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eff3f0;color:#758c7c;flex-shrink:0}.save-status svg{width:13px;height:13px}.save-status strong{font-size:11px;font-weight:500;display:block}.save-status small{font-size:9px;color:var(--muted);display:block;margin-top:2px}.save-status.pending>span{background:#e8edf4;color:#6e809c}.save-actions{display:flex;gap:7px;flex-shrink:0}.save-actions button{font-size:11px;padding:8px 15px;min-height:39px}.save-actions svg{width:14px;height:14px}.section-select{display:none}.editor-note{margin-top:15px;text-align:center;color:var(--muted);font-size:10px}.conflict-notice{padding:18px;border:1px solid #cbd5e3;background:#f8fafc;border-radius:14px;margin-bottom:16px;font-size:12px;color:#55637b}.conflict-notice .secondary{margin-top:10px}.editor-empty{padding:45px;color:var(--muted);font-size:12px;text-align:center}
/* Secondary screens */
.empty{padding:50px 30px 55px;text-align:center}.empty-icon{width:52px;height:52px;margin:0 auto 19px;border-radius:16px;display:grid;place-items:center;color:#6f7e94;background:linear-gradient(150deg,#fff,#edf1f6);border:1px solid #fff;box-shadow:0 6px 20px #50648009,inset 0 1px 0 white}.empty-icon svg{width:23px;height:23px}.empty h2{font-size:22px;letter-spacing:-.6px;margin-bottom:11px}.empty p{font-size:13px;line-height:1.7;max-width:380px;color:var(--muted);margin:0 auto 23px}.metrics-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.metrics-preview>div{background:#fafbfdd9;padding:19px 25px;color:var(--muted);font-size:11px}.metrics-preview strong{display:block;color:#a0a8b4;font-size:24px;line-height:1.4;font-weight:400;margin-bottom:3px}.connection-list{max-width:980px}.connection{display:flex;align-items:center;gap:22px;padding:26px 30px;margin-bottom:16px}.connection .empty-icon{margin:0;flex-shrink:0;width:49px;height:49px}.connection h2{font-size:16px;letter-spacing:-.3px;margin-bottom:5px}.connection p{font-size:12px;max-width:470px;color:var(--muted);margin:0}.connection .status-pill{margin-left:auto}.table-scroll{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{font-size:10px;color:var(--muted);font-weight:400;text-align:left;background:#f8f9fb}.table td,.table th{padding:18px 26px;border-bottom:1px solid var(--line)}.table tr:last-child td{border:0}.history-date{display:flex;align-items:center;gap:12px}.history-date .summary-icon{width:31px;height:31px;flex-shrink:0}.history-date strong{font-size:12px;font-weight:400;display:block}.history-date small{font-size:10px;color:var(--muted)}.history-field-count{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{padding:25px;background:var(--paper);border:1px solid white;border-radius:20px;box-shadow:var(--shadow)}.stat-top{font-size:12px;color:var(--muted)}.stat-value{font-size:35px;letter-spacing:-1px;font-weight:500;margin:15px 0 5px}.stat small{font-size:10px;color:var(--muted)}.chart{display:flex;align-items:flex-end;gap:6px;height:230px;padding:28px}.chart i{flex:1;background:linear-gradient(#6d819e,#b8c5d6);border-radius:4px 4px 0 0;min-height:2px}.notice{padding:17px 20px;display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:11px;margin-top:20px;border:1px solid #fff;border-radius:14px;background:#ffffff6b}.notice svg{width:16px;height:16px}.error-banner{padding:26px;border:1px solid #eadadd;border-radius:19px;background:#fffafb;color:#925c65;font-size:13px}.error-banner .secondary{margin-top:15px}.bottom-note{font-size:11px;color:var(--muted);text-align:center;margin-top:24px}
/* Login, feedback and dialogs */
.login-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:30px}.login-brand .brand-name{font-size:19px}.login-brand .brand-caption{font-size:8px}.login-card{width:100%;max-width:410px;border-radius:30px;padding:37px 38px;background:#ffffffb3}.login-card h1{font-size:39px;letter-spacing:-1.6px;margin-bottom:16px}.login-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.login-card label{display:block;font-size:11px;font-weight:500;color:#5a6574;margin:17px 0 8px}.login-card input,.modal-input{width:100%;border:1px solid #dfe4eb;background:#ffffffa3;box-shadow:inset 0 1px 3px #29384f03;min-height:46px;border-radius:11px;padding:11px 14px;font-size:13px;color:var(--ink);transition:box-shadow .2s,border-color .2s}.login-card input::placeholder{color:#939ba6}.login-card input:focus,.modal-input:focus{outline:0;box-shadow:0 0 0 3px #bbc7d733;border-color:#acb9ca}.password-row{position:relative}.password-row input{padding-right:50px}.password-row .icon-button{position:absolute;right:5px;top:3px;width:39px;height:39px}.password-row svg{width:17px}.login-card .primary{width:100%;justify-content:space-between;min-height:47px;margin-top:23px}.login-security{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#798494;margin-top:22px}.login-security svg{width:12px;height:12px}.login-footer{font-size:10px;color:#8390a0;margin-top:25px}.login-footer strong{font-weight:500;color:#65748a}#login-error{font-size:11px;color:#a15d68;margin:12px 0 0}#login-error:empty{display:none}#toast{position:fixed;bottom:28px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);z-index:80;max-width:min(90vw,520px);padding:14px 20px;border-radius:40px;display:flex;align-items:center;gap:10px;font-size:12px;color:#35465c;background:#ffffffdf;box-shadow:0 8px 40px #203a6020;animation:toast-in .3s var(--ease)}#toast svg{width:16px;height:16px;flex-shrink:0}#toast.error{color:#925c65}@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}dialog{max-width:440px;width:calc(100% - 40px);padding:28px;border-radius:27px;background:#f8faffec!important;color:var(--ink)}dialog::backdrop{background:#1b2a4430;backdrop-filter:blur(8px)}dialog h2{font-size:24px;letter-spacing:-.7px;margin:20px 0 12px}dialog p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:20px}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid white;background:#fff9;border-radius:14px;color:#6c7f99}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:27px}.modal-actions button{font-size:12px}.modal-input{margin-top:3px}.menu-backdrop{display:none}
@media(min-width:1800px){:root{--sidebar:276px}main{padding-top:40px}.topbar{padding-left:56px;padding-right:56px}.site-preview{height:300px}.quick-card{padding:26px}.quick-icon{margin-bottom:30px}}
@media(min-width:2400px){main,.bottom{max-width:1660px}.page-head h1{font-size:46px}.site-preview{height:370px}.overview-grid{gap:28px}.quick-grid{gap:20px}}
@media(min-width:1025px) and (max-width:1366px){:root{--sidebar:238px}.brand-row{padding:25px 17px}.brand-name{font-size:14px}.brand{gap:10px}.brand img{width:35px;height:35px}.topbar{padding:0 28px}main{padding:20px 28px 45px}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr);gap:18px}.site-preview{height:236px}.preview-title{font-size:21px;left:23px}.quick-grid{gap:12px}.quick-card{padding:19px 16px}.site-counts{gap:17px}.editor-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}.editor-top{flex-wrap:wrap}.editor-top .search-wrap{width:100%}.summary-card{padding:22px}.connection{padding:24px}.side-note{padding:12px 8px;gap:6px}.side-note strong{font-size:9px}.side-note small{font-size:8px}}
@media(min-width:768px) and (max-width:1024px){:root{--sidebar:210px}aside{inset:12px auto 12px 12px;border-radius:21px}.shell{margin-left:234px}.brand-row{padding:25px 17px}.brand{gap:9px}.brand img{width:31px;height:31px}.brand-name{font-size:12px}.brand-caption{font-size:7px;letter-spacing:1.2px}.workspace{margin:0 12px 25px;padding:10px;gap:8px}.workspace small{font-size:8px}.workspace-icon{width:28px;height:30px}.workspace-arrow{display:none}nav{padding:0 10px}nav a{padding:10px 12px;font-size:11px;gap:9px}.nav-label{padding-left:23px}.nav-count{font-size:8px;min-width:21px}.side-note{margin:10px 12px 20px;padding:10px;gap:8px}.side-note .note-icon,.side-note>span:last-child{display:none}.side-note strong{font-size:10px}.side-note small{font-size:8px}.account{gap:8px;margin:0 10px;padding:17px 5px 10px}.account img{width:30px;height:30px}.account strong{font-size:10px}.account small{font-size:8px}.account .icon-button{width:28px}.topbar{padding:0 25px;height:76px}.breadcrumb{font-size:10px;gap:8px}.top-actions{gap:10px}.top-actions .test-tag{display:none}.external{font-size:10px;padding:7px 12px}main{padding:25px 25px 45px}h1{font-size:33px;letter-spacing:-1.2px}.page-head{align-items:flex-start;flex-direction:column;gap:18px}.overview-grid{grid-template-columns:1fr;gap:18px}.overview-right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.site-preview{height:250px}.summary-card{padding:20px}.summary-card h2{font-size:15px;margin-bottom:10px}.summary-row{gap:8px}.summary-row strong{font-size:10px}.summary-row small{font-size:9px}.summary-icon{width:28px;height:28px}.insight-card{padding:20px;flex-direction:column;align-items:flex-start;justify-content:center}.quick-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.section-nav{display:none}.section-select{display:block;width:100%;padding:13px 15px;border:1px solid white;background:#ffffffc9;border-radius:13px;font-size:13px;color:#4a566a;margin-bottom:22px}.editor-top{flex-wrap:wrap}.search-wrap{width:100%}.connection{padding:23px;flex-wrap:wrap;gap:15px}.connection .status-pill{margin-left:64px}.connection>div:nth-child(2){flex:1}.stats{grid-template-columns:repeat(2,1fr)}.save-actions button{padding:8px 12px}.bottom{padding-left:25px;padding-right:25px}}
@media(max-width:767px){:root{--sidebar:270px;--radius:21px}.shell{margin-left:0}aside{inset:10px auto 10px 10px;width:270px;transform:translateX(calc(-100% - 25px));transition:transform .35s var(--ease);background:#f3f6fbe8;box-shadow:0 15px 60px #14294833}.menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;background:#14233d30;backdrop-filter:blur(5px);z-index:25}aside.open{transform:translateX(0)}#close-menu{display:grid;width:29px;height:29px}#close-menu svg{width:15px;height:15px}.brand-row{padding:25px 19px}.brand img{width:36px;height:36px}.brand-name{font-size:14px}.brand-caption{font-size:7px}.brand{gap:10px}#menu{display:grid;width:36px;height:36px;border-radius:12px}#menu svg{width:18px;height:18px}.topbar{height:76px;padding:0 20px;gap:11px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}.top-actions{gap:10px}.test-tag{font-size:9px;min-height:36px;padding:0}.external{display:none}main{padding:18px 20px 35px;min-height:calc(100svh - 130px)}h1{font-size:33px;letter-spacing:-1.3px;line-height:1.16}.page-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:13px}.subtitle{font-size:12px;line-height:1.7;max-width:340px}.page-head .primary{min-height:41px;font-size:12px;padding:9px 18px}.overview-grid{grid-template-columns:minmax(0,1fr);gap:17px;margin-bottom:28px}.site-preview{height:222px;border-radius:16px}.site-preview>img{object-position:53% 32%}.preview-title{left:21px;bottom:24px;font-size:20px;max-width:66%}.preview-label{top:13px;left:14px;font-size:8px;padding:5px 8px}.site-card{padding:6px}.site-meta{padding:16px 12px;gap:10px}.site-meta h2{font-size:12px}.site-meta p{font-size:9px}.site-meta .site-symbol{width:31px;height:33px;border-radius:10px}.site-meta .site-symbol svg{width:16px;height:16px}.site-meta .secondary{font-size:10px;min-height:33px;padding:5px 11px}.site-meta .secondary svg{display:none}.site-counts{padding:13px 13px 11px;gap:19px;font-size:9px}.site-counts strong{font-size:11px;margin-right:4px}.overview-right{gap:15px}.summary-card{padding:22px}.summary-card h2{font-size:17px;margin-bottom:12px}.summary-row{padding:12px 0}.summary-row strong{font-size:11px}.summary-row small{font-size:10px}.insight-card{padding:20px 22px;min-height:110px;gap:15px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px}.text-link{font-size:11px;gap:5px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{padding:19px 16px;border-radius:19px}.quick-card h3{font-size:12px}.quick-card p{font-size:10px}.quick-icon{width:34px;height:34px;border-radius:10px;margin-bottom:21px}.quick-arrow{top:19px;right:15px}.note-line{font-size:9px;align-items:flex-start;line-height:1.6;margin:22px 10px 0;text-align:center}.note-line svg{margin-top:2px}.bottom{font-size:9px;padding:14px 20px 23px}.bottom span:last-child{display:none}.editor-layout{grid-template-columns:1fr;gap:0}.section-nav{display:none}.section-select{display:block;width:100%;border:1px solid white;padding:12px 15px;border-radius:14px;background:#ffffffc9;color:#3e4d64;font-size:12px;margin-bottom:23px;min-height:46px}.editor-top{flex-wrap:wrap;gap:15px}.editor-top h2{font-size:21px}.editor-top p{font-size:11px}.search-wrap{width:100%;padding:0 14px}.search{font-size:12px;padding:12px 0}.editor-card{padding:19px 17px;margin-bottom:14px;border-radius:19px}.field-label{gap:12px;margin-bottom:12px;align-items:flex-start}.field-label label{font-size:12px;line-height:1.6}.field-type{font-size:7px;padding-top:4px}.rich{font-size:14px;min-height:86px;padding:14px}.rich-toolbar{padding:5px 8px}.rich-toolbar button{width:34px;height:32px}.image-field{gap:16px;align-items:center}.image-field img{width:100px;height:110px;border-radius:11px}.image-info p{font-size:10px;line-height:1.6;margin-bottom:10px}.image-info .secondary{font-size:10px;padding:7px 11px;min-height:35px;gap:7px}.image-info .secondary svg{width:14px;height:14px}.image-info small{font-size:9px;margin-top:8px}.savebar{bottom:max(12px,env(safe-area-inset-bottom));border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;padding:14px;background:#fffffff0;margin-left:-3px;margin-right:-3px}.save-status{gap:8px}.save-status strong{font-size:11px}.save-status small{font-size:9px}.save-actions{display:flex;justify-content:flex-end}.save-actions button{min-height:40px;font-size:11px;padding:9px 16px}.save-actions .primary{flex:1}.save-actions .secondary{min-width:90px}.editor-note{font-size:9px;padding:0 10px}.connection{padding:21px;gap:14px;flex-wrap:wrap}.connection .empty-icon{width:40px;height:40px;border-radius:12px}.connection>div:nth-child(2){flex:1;min-width:160px}.connection h2{font-size:15px}.connection p{font-size:11px;line-height:1.7}.connection .status-pill{margin-left:54px;font-size:9px}.card-head{padding:22px 21px;gap:15px;flex-wrap:wrap}.card-head h2{font-size:16px}.card-head p{font-size:11px}.empty{padding:38px 23px 40px}.empty p{font-size:12px;line-height:1.8}.empty h2{font-size:21px}.empty-icon{width:47px;height:47px;border-radius:15px}.empty .secondary{font-size:12px}.metrics-preview{grid-template-columns:repeat(2,1fr)}.metrics-preview>div{padding:15px 21px}.metrics-preview strong{font-size:22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:20px 17px;border-radius:19px}.stat-value{font-size:29px;margin:10px 0 6px}.stat-top{font-size:11px}.stat small{font-size:8px}.chart{height:180px;padding:24px 18px;gap:4px}.notice{padding:15px;font-size:10px}.table{min-width:450px}.table td,.table th{padding:15px 21px;font-size:11px}.table th{font-size:9px}.bottom-note{font-size:10px}.login-screen{padding:35px 22px;min-height:100svh}.login-brand{margin-bottom:28px}.login-brand .brand-name{font-size:18px}.login-card{padding:30px 28px;border-radius:28px}.login-card h1{font-size:37px}.login-card>p{font-size:12px}.login-card input{font-size:14px}.login-card .primary{font-size:12px}.login-security{font-size:9px}#toast{left:50%;bottom:22px;padding:13px 18px;font-size:11px;max-width:calc(100vw - 32px);width:max-content;border-radius:19px}dialog{padding:25px;border-radius:25px}dialog h2{font-size:23px}.modal-actions .primary,.modal-actions .secondary{padding:10px 16px;font-size:11px}}
.bottom,.bottom span:last-child,.studio,.studio strong,.note-line,.field-type,.section-nav .section-index,.section-nav .section-count,.login-security,.login-footer{color:#667181}.login-card input::placeholder{color:#748090}
.savebar:not(.has-changes){display:none}
.dashboard-period{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 23px;font-size:11px;color:var(--muted)}.dashboard-period>span:last-child{display:flex;align-items:center;gap:8px}.dashboard-period svg{width:14px;height:14px}.dashboard-stats .stat-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.dashboard-stats .stat-top svg{width:17px;height:17px;color:#8391a4}.dashboard-graph .card-head{border:0;padding-bottom:8px}.chart-switch{display:flex;gap:3px;padding:4px;border-radius:30px;background:#e9edf399;border:1px solid #fff}.chart-switch button{border:0;border-radius:25px;background:transparent;color:#6b778a;padding:7px 15px;font-size:11px;min-height:34px}.chart-switch button.active{background:white;color:#27354a;box-shadow:0 2px 6px #1a304010}.trend-svg{width:100%;height:auto;display:block;fill:none;stroke:none;padding:10px 15px 0;aspect-ratio:1000/275}.trend-svg .gridline{stroke:#dfe5ee;stroke-width:1;stroke-dasharray:3 6}.trend-svg text{stroke:none;fill:#68778d;font-size:12px;font-family:inherit}.trend-svg .trend-line{stroke:#6e87a8;stroke-width:2;stroke-linejoin:round}.trend-svg .trend-point{fill:#7e96b5;stroke:#fff;stroke-width:2;opacity:0;transition:opacity .2s}.trend-svg .trend-point:hover{opacity:1}.graph-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 27px 23px;font-size:10px;color:var(--muted)}.graph-footer>span{display:flex;gap:7px;align-items:center}.graph-footer svg{width:14px;height:14px}.dashboard-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:24px;align-items:center}.dashboard-edit{padding:23px;display:flex;align-items:center;gap:17px}.dashboard-edit .quick-icon{margin:0;flex-shrink:0}.dashboard-edit h2{font-size:15px}.dashboard-edit p{font-size:11px;color:var(--muted);margin:0}.dashboard-edit .secondary{margin-left:auto;font-size:11px}.dashboard-safe{display:flex;gap:12px;color:#738195;font-size:11px}.dashboard-safe strong{font-weight:500;display:block;color:#56647a}.dashboard-safe small{display:block;margin-top:4px;font-size:10px}
.editing-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.editing-split #fields{min-width:0}.editing-split .editor-card{padding:20px}.editing-split .image-field{flex-direction:column;align-items:stretch;gap:14px}.editing-split .image-field img{width:100%;height:155px}.content-preview{position:sticky;top:22px;background:#fffaf6ed}.preview-head{padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:#ffffffb3}.preview-head strong{font-size:12px;font-weight:500;display:block}.preview-head small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.preview-help{font-size:10px;color:var(--muted);padding:12px 17px 0;margin-bottom:12px}.preview-canvas{max-height:65vh;overflow-y:auto;padding:0 12px 16px;scrollbar-width:thin}.preview-element{display:block;width:100%;padding:10px;border:1px solid transparent;background:none;text-align:left;border-radius:12px;margin-bottom:5px;color:#713a43}.preview-element:hover,.preview-element.selected{border-color:#bfccdf;background:#fff}.preview-element img{width:100%;height:auto;max-height:230px;object-fit:contain;display:block;border-radius:8px;background:#f5f1ec}.preview-field-label{display:block;font-size:8px;color:#6f7f95;margin-bottom:8px;letter-spacing:.1px}.preview-copy{font-size:12px;line-height:1.65;display:block}.preview-copy em{font-family:Georgia,serif}.preview-heading{font-size:23px;line-height:1.2;letter-spacing:-.5px}.preview-tag{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#82747a}.preview-footnote{padding:12px 18px;margin:0;border-top:1px solid var(--line);font-size:9px;line-height:1.6;color:var(--muted);background:#ffffffb3}.preview-highlight{outline:2px solid #93a8c2;outline-offset:3px}
@media(max-width:1366px){.editing-split{grid-template-columns:1fr}.content-preview{position:relative;top:auto;grid-row:1}.preview-canvas{max-height:290px}.editing-split .image-field{flex-direction:row;align-items:center}.editing-split .image-field img{width:120px;height:115px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-safe{justify-content:center}.graph-footer{flex-wrap:wrap}}
@media(max-width:767px){.dashboard-period{flex-direction:column;align-items:flex-start;gap:12px;font-size:10px}.dashboard-stats .stat{padding:18px 15px}.dashboard-stats .stat small{font-size:9px;line-height:1.5;display:block}.dashboard-stats .stat-value{font-size:29px}.dashboard-graph .card-head{padding-bottom:0}.trend-svg{aspect-ratio:1000/400;padding:8px 2px 0}.trend-svg text{font-size:23px}.graph-footer{padding:12px 20px 23px;gap:12px;font-size:9px}.dashboard-edit{flex-wrap:wrap;padding:21px}.dashboard-edit>div:nth-child(2){flex:1;min-width:170px}.dashboard-edit .secondary{margin-left:55px}.dashboard-edit h2{font-size:14px}.dashboard-edit p{font-size:10px}.dashboard-safe{font-size:10px}.editing-split{gap:18px}.editing-split .editor-card{padding:18px}.editing-split .image-field img{width:90px;height:100px}.preview-canvas{max-height:250px}.preview-heading{font-size:24px}}
#toast{animation:none}.savebar.motion-leaving{display:flex;pointer-events:none}.chart-switch{position:relative;isolation:isolate}.chart-switch .chart-indicator{position:absolute;left:0;top:4px;bottom:4px;z-index:-1;pointer-events:none;background:#fff;border:1px solid #ffffffc9;border-radius:25px;box-shadow:0 2px 8px #1a304012;transition:transform .32s var(--ease),width .32s var(--ease)}.chart-switch button{position:relative;z-index:1;transition:color .25s,background .25s}.chart-switch button.active{background:transparent;box-shadow:none}dialog[open]{animation:dialog-enter .28s var(--ease)}dialog[open]::backdrop{animation:backdrop-enter .28s ease}.editor-card,.preview-element,.field-type{transition:border-color .22s,background-color .22s,box-shadow .22s,color .22s}@keyframes dialog-enter{from{opacity:0;translate:0 8px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
.image-crop-canvas{display:block;width:100%;height:220px;object-fit:contain;background:repeating-conic-gradient(#edf0f4 0% 25%,#fff 0% 50%) 0 / 16px 16px;border-radius:12px;border:1px solid #dfe4ec}.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px}.crop-controls label{font-size:11px;color:var(--muted)}.crop-controls input{width:100%;accent-color:#657c9b;display:block;margin:10px 0}.crop-help{font-size:10px!important;margin:12px 0 0!important}.backup-notice{margin:0 0 24px}.backup-row{padding:22px 27px;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line)}.backup-row:last-child{border:0}.backup-info{flex:1;min-width:0}.backup-info h3{font-size:13px;margin:0 0 4px}.backup-info p{font-size:11px;color:var(--muted);margin:0 0 4px}.backup-info small{font-size:10px;color:var(--muted)}.backup-row .secondary{font-size:11px;min-height:38px;padding:8px 14px}.backup-row .summary-icon{flex-shrink:0}@media(max-width:767px){.backup-row{padding:20px;flex-wrap:wrap;gap:12px}.backup-info{min-width:190px}.backup-row .secondary{margin-left:45px}.crop-controls{grid-template-columns:1fr;gap:8px}.image-crop-canvas{height:170px}#modal:has(.crop-controls){max-height:90svh;overflow:auto}}
.analytics-summary{margin-bottom:24px}.analytics-summary .card-head{border-bottom:0;padding-bottom:8px}.analytics-values{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 27px 25px;gap:20px}.analytics-values>div{border-right:1px solid var(--line)}.analytics-values>div:last-child{border:0}.analytics-values span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.analytics-values strong{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.8px}.analytics-waiting{font-size:10px;color:var(--muted);padding:0 27px 20px;margin:0}@media(max-width:767px){.analytics-values{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 23px 23px;gap:23px}.analytics-values strong{font-size:27px}.analytics-values>div:nth-child(2){border:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.site-card:hover .site-preview>img,.quick-card:hover,.primary:hover:not(:disabled){transform:none}}
@media(prefers-reduced-transparency:reduce){.glass,aside,.savebar,dialog{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fafbfc!important}.ambient{background:#f1f3f7}.card{background:#fff}}
@media(prefers-contrast:more){:root{--muted:#454f60;--line:#aeb7c5;--quiet:#454f60}.glass,.card{border-color:#9ca9bb;background:#fff}.status-pill,.status-pill.pending{color:#283a50}.field-type,.note-line,.bottom{color:#454f60}}
@supports not (backdrop-filter:blur(1px)){.glass,.savebar{background:#f9fafc}}

/* Métricas principais e detalhes de agendamento. */
.dashboard-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-stats .stat{min-width:0}.dashboard-stats .stat-top{min-height:34px;align-items:flex-start}.booking-details{border:0;padding:3px 0;background:transparent;color:var(--muted);font:inherit;font-size:10px;line-height:1.5;text-align:left;transition:color .2s}.booking-details:hover,.booking-details:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.booking-details:focus-visible{outline:2px solid #8391a4;outline-offset:4px;border-radius:3px}.booking-period{font-size:11px;color:var(--muted);margin:18px 0}.booking-breakdown{max-height:48svh;overflow:auto;overscroll-behavior:contain}.booking-breakdown>div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.booking-breakdown>div:last-child{border:0}.booking-breakdown strong{font-weight:500;font-variant-numeric:tabular-nums}.booking-breakdown p{color:var(--muted);font-size:13px;line-height:1.6}.upload-label,.upload-label *,input[type=file],input[type=file]::file-selector-button{cursor:pointer}
@media(min-width:768px) and (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats .booking-stat{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 18px}.booking-stat .stat-top{min-height:0}.booking-stat .stat-top>span{display:none}.booking-stat .stat-value{grid-column:2;grid-row:1/3;margin:0}.booking-details{font-size:11px;min-height:34px;justify-self:start}}

.metric-help{margin-left:auto;white-space:nowrap}.metrics-guide{margin:22px 0 0}.metrics-guide dt{font-size:14px;font-weight:500;margin:18px 0 7px}.metrics-guide dd{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.metrics-guide-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:20px}@media(max-width:767px){.dashboard-period{flex-wrap:wrap}.dashboard-period>span:last-child{flex-basis:100%}}

.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-graph{margin-bottom:24px}@media(max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Centraliza a apresentação do login. */
.login-card>.eyebrow,.login-card>h1,.login-card>p:first-of-type{text-align:center}.login-card>.eyebrow{display:block}


/* PageSpeed Insights */
.psi-card{margin-bottom:24px}.psi-card .card-head{border-bottom:1px solid var(--line);align-items:center}.psi-switch{display:flex;padding:4px;gap:3px;border:1px solid #fff;border-radius:24px;background:#e9edf399;flex-shrink:0}.psi-switch button{padding:8px 16px;min-height:36px;border:0;border-radius:20px;background:transparent;color:var(--muted);font-size:11px;transition:background .25s,color .25s,box-shadow .25s}.psi-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #2434480d}.psi-body{min-height:210px}.psi-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:30px 27px}.psi-score{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;color:var(--muted);text-align:center}.psi-score-number{width:88px;height:88px;border-radius:50%;border:4px solid #dce2e8;display:flex;align-items:center;justify-content:center;gap:2px;font-size:29px;font-weight:500;letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums}.psi-score-number small{font-size:10px;letter-spacing:0;font-weight:400;align-self:center;margin-top:12px;color:var(--muted)}.psi-score.good .psi-score-number{border-color:#c6ddd1;background:#edf5f14d;color:#39634d}.psi-score.average .psi-score-number{border-color:#e9d5af;background:#fbf5e94d;color:#846327}.psi-score.poor .psi-score-number{border-color:#e3bec1;background:#fbefef4d;color:#914b54}.psi-lab{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:20px 27px;border-top:1px solid var(--line)}.psi-lab>div{min-width:0}.psi-lab span{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.psi-lab small{display:block;font-size:9px;opacity:.85}.psi-lab strong{display:block;font-size:19px;font-weight:500;margin-top:8px;font-variant-numeric:tabular-nums}.psi-note{font-size:10px;color:var(--muted);line-height:1.6;margin:0;padding:0 27px 16px}.psi-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:17px 27px;font-size:10px;color:var(--muted)}.psi-footer>div{display:flex;align-items:center;gap:20px}.psi-date{line-height:1.6}.psi-footer .booking-details{font-size:10px}.psi-loading,.psi-empty{padding:36px 27px;min-height:210px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:var(--muted)}.psi-loading strong{font-weight:500;color:var(--ink)}.psi-loading p{margin:6px 0 0;font-size:11px}.psi-empty{flex-direction:column;text-align:center;gap:8px}.psi-empty p{margin:0;font-size:13px;line-height:1.7;color:var(--ink)}.psi-empty span{font-size:11px;line-height:1.6}.psi-switch button:focus-visible{outline:2px solid #8391a4;outline-offset:2px}
@media(max-width:1024px){.psi-lab{grid-template-columns:repeat(3,minmax(0,1fr))}.psi-footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:767px){.psi-card .card-head{flex-wrap:wrap;gap:16px}.psi-switch{width:100%}.psi-switch button{flex:1}.psi-scores{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 20px;gap:25px 16px}.psi-score-number{width:78px;height:78px;font-size:26px}.psi-lab{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:22px 16px}.psi-note{padding:0 20px 16px}.psi-footer{padding:17px 20px}.psi-footer>div{flex-wrap:wrap;gap:14px}.psi-footer a{white-space:normal}}

/* Comparações das buscas e indicadores de velocidade. */
.psi-score-number{font-size:24px;letter-spacing:-.6px;gap:1px}.psi-score-number small{font-size:9px;margin-top:9px}@media(max-width:767px){.psi-score-number{font-size:22px}.psi-score-number small{font-size:8px}}
.psi-switch{position:relative;isolation:isolate}.psi-switch .chart-indicator{position:absolute;left:0;top:4px;bottom:4px;z-index:-1;pointer-events:none;background:#fff;border:1px solid #ffffffc9;border-radius:25px;box-shadow:0 2px 8px #1a304012;transition:transform .32s var(--ease),width .32s var(--ease)}.psi-switch button.active{background:transparent;box-shadow:none}
.search-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.search-stat{position:relative;min-width:0;border:1px solid #fff;transition:border-color .25s,box-shadow .25s}.search-stat:hover,.search-stat:focus-within{border-color:#8293ad;box-shadow:0 8px 35px -22px #61718b35}.search-stat .stat-top{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;font-size:11px;min-height:30px;color:var(--muted)}.metric-info button{border:1px solid #87909c80;color:var(--muted);border-radius:50%;width:16px;height:16px;font:500 10px/1 inherit;padding:0;background:transparent;display:flex;align-items:center;justify-content:center}.metric-tooltip{position:absolute;left:15px;right:15px;top:48px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 25px #242b4126;border-radius:10px;padding:12px;line-height:1.6;font-size:11px;z-index:15;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}.metric-info:hover .metric-tooltip,.metric-info:focus-within .metric-tooltip{visibility:visible;opacity:1;transform:none}.metric-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.metric-bottom>div{min-width:0;flex:1}.metric-change{font-size:11px;display:block;font-variant-numeric:tabular-nums}.metric-change.positive{color:#526a59}.metric-change.negative{color:#a15a62}.metric-change.neutral{color:var(--muted)}.search-stat small{display:block;font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}.metric-spark{width:90px;max-width:45%;height:42px;flex-shrink:0;overflow:visible}.metric-spark path{fill:none;stroke:#7e8fac;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.query-card{margin:24px 0}.query-card th:not(:first-child),.query-card td:not(:first-child){text-align:right;white-space:nowrap}.query-card td:first-child{min-width:180px;white-space:normal}.query-note{padding:16px 27px;font-size:10px;line-height:1.7;color:var(--muted);margin:0}
@media(max-width:1024px){.search-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.search-stat{padding:20px 15px}.metric-bottom{gap:5px;flex-wrap:wrap}.metric-spark{width:70px;max-width:40%}.metric-change{font-size:10px}.query-note{padding:16px 20px}}@media(prefers-reduced-motion:reduce){.psi-switch .chart-indicator,.search-stat,.metric-tooltip{transition:none}}

.metric-info button{font-family:inherit;font-size:10px;font-weight:500;line-height:1}

.metric-spark .metric-spark-gap{stroke-dasharray:2 3;stroke-opacity:.6}.metric-spark circle{fill:#7e8fac;stroke:none}

.trend-svg .trend-line-previous{fill:none;stroke:#a5afbd;stroke-opacity:.25;stroke-width:2;stroke-dasharray:6 6;stroke-linejoin:round;stroke-linecap:round}.trend-svg .trend-point-previous{fill:#a5afbd}.trend-legend{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;padding:3px 24px 12px;font-size:10px;color:var(--muted)}.trend-legend>span{display:inline-flex;gap:8px;align-items:center}.trend-legend i{display:inline-block;width:23px;border-top:2px solid #6e87a8}.trend-legend .previous i{border-top:2px dashed #a5afbd;opacity:.45}@media(max-width:767px){.trend-legend{justify-content:flex-start;gap:10px 18px;font-size:9px;padding:4px 20px 14px}}

.contact-input{width:100%;border:1px solid #dfe4eb;background:#ffffffb3;border-radius:11px;padding:13px 14px;color:var(--ink);font-size:13px;min-height:46px}.contact-input:focus{outline:0;border-color:#8293ad;box-shadow:0 0 0 3px #bbc7d733}.site-preview-dialog{width:96vw;max-width:1700px;height:94svh;max-height:94svh;border:1px solid #fff;border-radius:23px;padding:0;color:var(--ink);overflow:hidden;background:#f3f4f7}.site-preview-dialog::backdrop{background:#1d263f59;backdrop-filter:blur(5px)}.site-preview-dialog[open]{display:flex;flex-direction:column}.real-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line);background:#ffffffb3}.real-preview-toolbar h2{font-size:17px;margin:0 0 3px}.real-preview-toolbar p{font-size:11px;color:var(--muted);margin:0}.real-preview-controls{display:flex;align-items:center;gap:12px}.real-preview-controls label{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.real-preview-controls select{max-width:200px;min-height:35px;border:1px solid var(--line);border-radius:9px;padding:5px 8px;background:#fff;color:var(--ink);font-size:11px}.real-preview-controls .secondary{min-height:36px;font-size:11px;padding:7px 14px}.real-preview-status{padding:9px 22px;font-size:10px;color:var(--muted)}.real-preview-stage{position:relative;overflow:hidden;flex:1;min-height:0;margin:0 18px;background:#e5e7eb;border-radius:12px;box-shadow:inset 0 0 0 1px #2934420a}.real-preview-stage iframe{position:absolute;left:calc((100% - var(--preview-width))/2);top:0;transform-origin:top left;border:0;background:#fff}.real-preview-loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#f4f5f8;z-index:2;color:var(--muted);font-size:13px}.real-preview-loading[hidden]{display:none}.real-preview-note{font-size:10px;color:var(--muted);padding:12px 22px;margin:0;line-height:1.6}@media(max-width:1024px){.real-preview-toolbar{align-items:flex-start;flex-direction:column}.real-preview-controls{width:100%}.real-preview-controls #close-real-preview{margin-left:auto}}@media(max-width:767px){.site-preview-dialog{width:100vw;height:100svh;max-height:100svh;border-radius:0}.real-preview-toolbar{padding:15px;gap:10px}.real-preview-controls{gap:8px;flex-wrap:wrap}.real-preview-controls label{flex:1;min-width:110px}.real-preview-controls select{max-width:100%;width:100%}.real-preview-controls .secondary{flex:1}.real-preview-status{padding:8px 15px}.real-preview-stage{margin:0 8px;border-radius:8px}.real-preview-note{padding:10px 15px;font-size:9px}}
