:root{--bg:#f6f8fb;--ink:#172631;--muted:#73808c;--line:#e6ebef;--accent:#f9a817;--accent-text:#9c6004;--accent-soft:#fff6e5;--dark:#384247;--orange:#bd7942;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;transition:background .15s}button:disabled{cursor:wait;opacity:.55}a{color:var(--accent-text)}.sidebar{width:242px;background:#fff;position:fixed;inset:0 auto 0 0;padding:32px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{text-decoration:none;font-size:32px;letter-spacing:-1.8px;font-weight:750;color:var(--ink);display:flex;align-items:center;margin:0 12px 32px}.logo-mark{display:inline-grid;place-items:center;background:var(--accent);color:var(--dark);width:35px;height:35px;border-radius:10px;margin-right:4px;font-size:28px}.logo-dot{color:var(--accent-text)}.workspace{display:flex;align-items:center;gap:12px;margin:0 8px 29px;font-size:12px;font-weight:650}.workspace small,.sidebar-bottom small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff1d9;color:#8d681f;font-weight:650}.avatar.small{width:30px;height:30px;font-size:12px;border-radius:50%}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#98a1aa;padding:0 12px;margin-bottom:12px}.nav-label.second{margin-top:28px}.nav{background:none;border:0;display:flex;align-items:center;gap:11px;color:#6c7883;width:100%;padding:12px;border-radius:8px;text-align:left;font-size:12px;margin:3px 0}.nav span{font-size:19px;width:20px;text-align:center;font-weight:400}.nav.active{background:var(--accent-soft);color:var(--accent-text);font-weight:650}.nav:hover{background:#fff8ed}.nav b{margin-left:auto;font-size:10px;background:#ffe5b0;padding:3px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid var(--line);font-size:11px;color:#87744f}.status-dot{display:inline-block;width:6px;height:6px;background:#f9a817;border-radius:50%;margin-right:7px}.app{margin-left:242px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:white;color:var(--muted);font-size:11px}.topbar b{font-weight:500;color:#586675}.slash{padding:0 12px;color:#c2c9cf}.top-right{display:flex;gap:20px;align-items:center}.badge{display:inline-block;font-size:10px;background:#fbf3e5;color:#956726;border:1px solid #f0e5ce;padding:6px 9px;border-radius:5px}.badge.green{background:var(--accent-soft);color:var(--accent-text);border-color:#f1ddba}main{padding:36px 38px 0;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--accent-text);font-weight:700;margin-bottom:10px}h1{font-size:28px;letter-spacing:-.9px;margin:0;font-weight:650}p{line-height:1.7}.page-heading p{font-size:12px;color:var(--muted);margin:9px 0 0}.primary,.secondary{border-radius:7px;padding:10px 15px;font-size:11px;font-weight:600;white-space:nowrap}.primary{border:1px solid var(--accent);background:var(--accent);color:var(--dark)}.primary:hover{background:#e39810}.secondary{border:1px solid #dbe2e7;background:white;color:#53616e}.secondary:hover{background:#fff5e5}.filters{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-group{display:flex;gap:10px;align-items:end}label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:6px}select,input{border:1px solid #dfe5eb;background:#fff;color:#495964;border-radius:6px;padding:9px 10px;font-size:11px;min-width:100px}input[type=date]{width:130px}select{max-width:240px}.notice{background:#fff9ee;border:1px solid #efe7d5;color:#8e764b;padding:10px 14px;border-radius:7px;font-size:11px;margin-bottom:22px;line-height:1.6}.notice.live{background:#fff5e5;border-color:#f5dfb4;color:#8c723d}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:10px}.kpi{padding:21px}.kpi-label{display:flex;justify-content:space-between;color:#778591;font-size:11px}.kpi-icon{color:#9da9b1}.kpi-value{font-size:27px;letter-spacing:-1px;font-weight:620;margin-top:14px}.kpi-bottom{font-size:10px;color:#98a2ad;margin-top:10px;display:flex;gap:7px;align-items:center}.delta{background:#fff4df;color:#946008;padding:3px 5px;border-radius:4px}.delta.neutral{background:#f1f3f6;color:#64717c}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.panel{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h2{font-size:14px;font-weight:650;margin:0}h3{font-size:13px;line-height:1.5;margin:0}.subtext{font-size:10px;color:var(--muted);margin:6px 0 0}.chart-wrap{height:220px;margin-top:20px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-legend{display:flex;gap:18px;font-size:10px;color:var(--muted);margin-top:10px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--accent-text)}.legend-dot.blue{background:#91a7bf}.chart-dates{display:flex;justify-content:space-between;color:#9ca6af;font-size:9px;margin-top:6px}.ai-panel{background:var(--dark);border-color:var(--dark);color:white;position:relative;overflow:hidden}.ai-panel:after{content:'✧';position:absolute;right:10px;top:0;font-size:140px;color:#697174;opacity:.3;pointer-events:none}.ai-panel .eyebrow{color:#ffd17d;margin-top:4px}.ai-panel h2{font-size:20px;line-height:1.4;max-width:250px;position:relative;z-index:1}.ai-panel p{font-size:11px;color:#d9d9d1;line-height:1.8;margin:14px 0 20px}.ai-panel .primary{background:#f9a817;color:#384247;border:0}.ai-panel .mini{font-size:10px;color:#e4bd77;margin-top:17px}.text-button{border:0;background:none;padding:0;color:var(--accent-text);font-size:11px}.table-container{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-weight:500;font-size:10px;color:#97a0aa;padding:13px 14px;background:#fafbfc;border-bottom:1px solid var(--line)}td{font-size:11px;padding:15px 14px;border-bottom:1px solid #eef1f4}tbody tr:last-child td{border-bottom:0}td:first-child{font-weight:500;color:#334954}td .subtext{font-weight:400}.table-card .panel-heading{padding:21px 22px 0;margin-bottom:16px}.pill{background:#fff5e5;color:#916409;font-size:9px;padding:4px 7px;border-radius:4px;display:inline-block}.pill.warn{background:#faf0e8;color:#a0704a}.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rec-card{padding:22px}.rec-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.category{font-size:10px;color:var(--accent-text);font-weight:650}.rec-card p{font-size:11px;color:var(--muted);margin:10px 0 15px}.evidence{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.evidence span{background:#f5f7f8;border-radius:5px;padding:7px 9px;font-size:10px;color:#62717d}.evidence b{display:block;color:#354b58;font-size:12px;margin-top:3px}.rec-action{font-size:11px;background:#fff5e5;border-left:2px solid #f9a817;padding:10px 12px;line-height:1.6;margin-bottom:16px;color:#8d651d}.rec-actions{display:flex;gap:8px}.empty{padding:42px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:10px}.section-note{font-size:11px;color:var(--muted);line-height:1.8;margin:16px 0}.heatmap{display:grid;grid-template-columns:repeat(24,minmax(20px,1fr));gap:4px;margin:24px 0 12px;overflow:auto}.heat-cell{border-radius:5px;min-height:58px;display:flex;align-items:center;justify-content:center;color:#674408;font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid p,.settings-grid li{font-size:12px;color:var(--muted);line-height:1.8}.settings-grid ul{padding-left:18px}.settings-grid code{font-size:11px;background:#f3f6f5;color:#966617;padding:3px 5px;border-radius:3px}.integration-status{display:flex;align-items:center;gap:10px;margin:12px 0 20px}.file-input{max-width:100%;font-size:11px;margin:14px 0;display:block}.sync-fields{display:flex;gap:10px;margin:16px 0}.sync-fields input{max-width:145px}textarea{width:100%;border:1px solid #eadfca;border-radius:8px;padding:14px;resize:vertical;min-height:90px;background:#fffdf9;font-size:12px;color:var(--ink)}.chat-shell{max-width:860px;margin:auto}.chat-intro{text-align:center;padding:30px 0 25px}.chat-intro .star{font-size:35px;color:var(--accent-text);margin-bottom:13px}.chat-intro h2{font-size:21px}.chat-intro p{font-size:12px;color:var(--muted)}.suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.message{padding:18px 20px;border-radius:9px;white-space:pre-wrap;font-size:12px;line-height:1.9;margin-bottom:14px;border:1px solid var(--line);background:#fff}.message.user{background:#fff5e5;border-color:#f0dfbd;margin-left:50px}.message-label{font-size:9px;letter-spacing:1px;font-weight:650;color:var(--accent-text);margin-bottom:9px}.chat-compose{padding:16px}.compose-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:var(--muted)}.export-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.search-input{min-width:240px}footer{font-size:9px;color:#a6afb6;text-align:center;margin:30px 0 20px}footer span{padding:0 10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:8px;background:#384247;color:white;font-size:12px;box-shadow:0 8px 35px #0002;display:none;z-index:10;max-width:90%;line-height:1.6}.spinner{padding:80px;text-align:center;color:var(--muted)}.loading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-text);animation:pulse 1s infinite;margin-right:8px}@keyframes pulse{50%{opacity:.3}}.history-row{padding:16px 22px;border-bottom:1px solid var(--line);font-size:12px}.history-row small{display:block;color:var(--muted);margin-top:6px}.result-text{font-size:11px;color:var(--accent-text);white-space:pre-wrap;margin-top:12px}.error-text{color:#b24f41}.cards-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.cards-mini .card{padding:18px}.cards-mini strong{display:block;font-size:22px;margin-top:9px}.field-note{font-size:10px;color:var(--muted);line-height:1.7}.subtitle-tag{font-size:9px;letter-spacing:1px;color:#8b7c60}.bottom-space{margin-bottom:22px}
@media(min-width:1550px){main{padding-top:45px}.kpi-value{font-size:32px}.chart-wrap{height:270px}}
@media(max-width:1150px){.sidebar{width:205px;padding:28px 13px}.app{margin-left:205px}main{padding:27px 22px 0}.topbar{padding:0 22px}.filters{flex-wrap:wrap}.kpis{gap:10px}.kpi{padding:17px}.kpi-value{font-size:24px}.layout{grid-template-columns:1.4fr 1fr}.filter-group{flex-wrap:wrap}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:14px;display:block;border-bottom:1px solid var(--line)}.logo{font-size:26px;margin:0 0 12px}.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav:last-of-type{margin-top:5px}.nav{width:auto;white-space:nowrap;padding:8px 10px;font-size:11px}.nav span{font-size:15px}.nav b{display:none}.app{margin-left:0}.topbar{height:50px}.page-heading{gap:15px;align-items:start}h1{font-size:24px}.page-heading .primary{font-size:10px;padding:9px}.kpis{grid-template-columns:1fr 1fr}.layout,.settings-grid,.rec-grid{grid-template-columns:1fr}.ai-panel{min-height:215px}.filters{gap:15px}.filter-group{width:100%}.cards-mini{grid-template-columns:1fr 1fr}.heatmap{grid-template-columns:repeat(12,1fr)}main{padding:25px 16px 0}.topbar{padding:0 16px}.topbar>span{font-size:10px}.top-right{gap:8px}.search-input{min-width:140px}.export-row{gap:10px}.chart-wrap{height:190px}}

.login-page{display:grid;place-items:center;min-height:100vh;background:#f7f8fa;padding:20px}.login-card{width:min(430px,100%);padding:38px}.login-card .logo{margin:0 0 30px}.login-card h1{font-size:25px}.login-card p{font-size:12px;color:var(--muted)}.login-card form{margin-top:28px}.login-card input{font-size:15px;padding:12px;min-width:0}.login-card .primary{width:100%;margin-top:17px;padding:13px}.connection-form{display:grid;gap:13px;margin:20px 0}.connection-form input{width:100%;font-size:12px}.connection-step{padding:18px 0;border-top:1px solid var(--line)}.connection-step h3{margin-bottom:10px}.connection-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.connection-actions a.primary{text-decoration:none;display:inline-block}.connection-summary{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0}.connection-summary strong{color:var(--ink)}.account-picker{width:100%;max-width:100%;margin:12px 0}.top-right .text-button{font-size:10px}.password-form{display:grid;gap:13px;margin-top:20px}.password-form input{width:100%}

.filters{flex-wrap:wrap;gap:12px}.filter-group{flex-wrap:wrap}.campaign-type{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:3px 6px;margin-right:5px;font-size:10px;white-space:nowrap;background:#edf0f4;color:#475569}.campaign-type.search{background:#e9f1ff;color:#235cb0}.campaign-type.pmax{background:#f1eaff;color:#7246aa}.campaign-type.shopping{background:#fff0d8;color:#9c6004}.campaign-type.display{background:#e3f4f3;color:#216d68}.campaign-type.video{background:#ffecec;color:#aa4242}.campaign-type.demand{background:#fbe9f5;color:#964579}

.account-label{font-weight:650;color:var(--ink);margin:16px 0 12px}

.campaign-status-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:700}.campaign-status-icon.enabled{color:#26724a;background:#eaf5ed}.campaign-status-icon.paused{color:#9c6004;background:#fff2d9}.campaign-status-icon.removed{color:#a23f3f;background:#fcecec}.campaign-status-icon.unknown{color:#687585;background:#eef1f5}

.campaign-table th:first-child,.campaign-table td:first-child{width:44px;min-width:44px;max-width:44px;padding-left:8px;padding-right:8px;text-align:center;white-space:nowrap}.campaign-table th:first-child{font-size:9px}

.product-image,.product-image-placeholder{width:48px;height:48px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff}.product-image{object-fit:contain;border:0}.product-image-placeholder{color:var(--muted);font-size:20px}

.table-sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;white-space:nowrap}.table-sort:hover{color:var(--accent-text)}.sort-arrows{display:inline-flex;flex-direction:column;font-size:9px;line-height:6px;color:var(--muted);opacity:.45}.sort-arrows.active{opacity:1}.sort-arrows .selected{color:var(--accent-text)}.campaign-table th:first-child .table-sort{gap:2px}

.keyword-match{display:inline-flex;align-items:center;padding:3px 6px;border-radius:5px;font-size:10px;white-space:nowrap;margin-left:5px;background:#eef1f5;color:#526172}.keyword-match.exact{background:#e9f1ff;color:#235cb0}.keyword-match.phrase{background:#f1eaff;color:#7246aa}.keyword-match.broad{background:#fff0d8;color:#9c6004}

.schedule-switch{display:flex;gap:8px;margin-bottom:18px}.weekday-heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday-heatmap .heat-cell{padding:18px 6px;height:auto;line-height:1.8}@media(max-width:900px){.weekday-heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}}

.overview-quality{display:flex;justify-content:space-between;gap:24px;padding:18px 20px;margin-bottom:18px}.overview-quality p{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0}.overview-quality>div:first-child{max-width:65%}.overview-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.overview-stat{padding:16px}.overview-stat>span{font-size:11px;color:var(--muted)}.overview-stat>strong{display:block;font-size:22px;margin:10px 0}.overview-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}.overview-funnel{display:flex;gap:12px;margin:25px 0}.overview-funnel>div{flex:1;padding:16px 12px;border-radius:8px;background:var(--accent-soft)}.overview-funnel strong{display:block;font-size:25px;margin:12px 0}.overview-funnel span,.overview-funnel small{font-size:11px;color:var(--muted)}.share-row{margin:18px 0}.share-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:11px}.share-row small{font-size:10px;color:var(--muted)}.share-track{height:6px;background:#eef1f5;border-radius:4px;overflow:hidden;margin:8px 0}.share-track span{height:100%;display:block;background:var(--accent);border-radius:4px}@media(max-width:1200px){.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-details{grid-template-columns:1fr}}@media(max-width:600px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-quality{flex-direction:column}.overview-quality>div:first-child{max-width:100%}.overview-funnel{flex-direction:column}}

.rec-priority{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:600}.rec-priority.high{background:#fce8e4;color:#a74936}.rec-priority.medium{background:#fff0d8;color:#936005}.rec-priority.low{background:#eef1f5;color:#667387}.rec-filter-panel{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:16px;margin-bottom:16px}.rec-filter-panel label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.rec-filter-panel>span{margin-left:auto;font-size:11px;color:var(--muted)}.rec-test{margin:14px 0;font-size:11px;line-height:1.7}.rec-test summary,.limited-recs summary{cursor:pointer;color:var(--accent-text);font-weight:600}.rec-test p{font-size:11px}.limited-recs{padding:18px;margin-top:18px}.limited-recs .rec-grid{margin-top:14px}.limited-recs .rec-card{border:1px solid var(--line);box-shadow:none}

.schedule-switch{flex-wrap:wrap;align-items:center}.schedule-metric-label{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.hour-metric{font-size:10px;margin-top:6px;font-weight:600}.heatmap .heat-cell{height:auto;min-height:60px}

.creative-cell{width:300px;max-width:300px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}.creative-type{display:inline-block;padding:3px 6px;margin-bottom:6px;background:#e9f1ff;color:#235cb0;border-radius:5px;font-size:10px}.creative-title{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creative-details{margin-top:6px;font-size:11px}.creative-details summary{cursor:pointer;color:var(--accent-text)}.creative-details p{white-space:normal;line-height:1.6;margin:8px 0}.creative-cell .subtext{white-space:normal}

.share-track.revenue span{background:#bf7908}.overview-details+.card.panel{margin-bottom:22px}

/* Keep every navigation item reachable on short desktop screens. */
@media(min-width:801px){.sidebar{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}.sidebar>*{flex-shrink:0}.sidebar-bottom{margin-top:24px}}
.heatmap{grid-template-columns:repeat(12,minmax(65px,1fr));gap:8px}.heat-cell{flex-direction:column;gap:8px;padding:12px 6px}.hour-metric{font-size:14px;font-weight:650;margin:0}.weekday-heatmap .heat-cell{gap:4px}.catalog-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 0}.catalog-pagination>span{margin-right:auto;color:var(--muted);font-size:11px}@media(max-width:800px){.heatmap{grid-template-columns:repeat(6,minmax(45px,1fr))}.catalog-pagination{flex-wrap:wrap}}@media(max-width:480px){.heatmap{grid-template-columns:repeat(4,minmax(45px,1fr))}}

.status-details{white-space:normal;width:260px;max-width:260px;margin-top:8px;font-size:10px;font-weight:400;line-height:1.6}.status-details summary{cursor:pointer;color:var(--accent-text)}.status-details>div{padding:10px;background:#fff8ec;border-radius:6px;margin-top:7px}.status-details p{margin:5px 0}.status-details ul{padding-left:16px;margin:5px 0}.status-details li{margin:8px 0}.status-details small{color:var(--muted);display:block}

.catalog-status-filter{display:inline-flex;margin:8px 16px 14px 0;vertical-align:bottom}.catalog-status-filter select{min-width:210px}

.catalog-filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:18px 0 16px}.catalog-filters .catalog-status-filter{margin:0;display:flex}.catalog-filters input,.catalog-filters select{height:36px}.catalog-search-label{min-width:240px}.catalog-search-label input{width:100%}@media(max-width:600px){.catalog-filters>label{width:100%}.catalog-filters select{max-width:none;width:100%}}

.cron-command{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.8}

.status-diagnostic{white-space:normal;max-width:300px;margin-top:8px;font-weight:400;line-height:1.5}.status-label{display:inline-block;font-size:10px;color:#5c6974;background:#f1f3f5;border-radius:4px;padding:3px 6px}.status-diagnostic.healthy .status-label{color:#287348;background:#edf6f0}.status-diagnostic.warning .status-label{color:#946008;background:#fff1d9}.status-cause{display:block;font-size:10px;color:var(--muted);margin-top:4px}.status-diagnostic .status-details{margin-top:4px;width:auto;max-width:300px}.status-diagnostic .status-details summary{color:var(--muted);font-size:10px}.status-diagnostic .status-details>div{background:#f7f8fa;padding:8px 10px}.status-diagnostic .status-details li{margin:4px 0}
[hidden]{display:none!important}.brand-dot{color:var(--accent)}.login-shell{max-width:440px;margin:12vh auto;padding:20px}.login-shell .panel{padding:32px}.login-shell p{color:var(--muted)}footer{padding:28px 0;font-size:11px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:none}.form-grid textarea{border:1px solid var(--line);border-radius:6px;padding:10px;min-height:140px;font:12px ui-monospace,monospace}.stack{display:grid;gap:18px}.cost-form{display:flex;gap:8px;align-items:center;min-width:380px}.cost-form input{width:120px;min-width:80px}.cost-form select{max-width:160px}.profit-positive{color:#287348}.profit-negative{color:#ba4937}.empty{padding:40px;text-align:center;color:var(--muted);line-height:1.8}.table-wrap{overflow-x:auto}.bar-track{height:8px;background:#eef1f5;border-radius:5px;margin:10px 0 18px}.bar-track div{height:100%;background:var(--accent);border-radius:5px}.channel-line{display:flex;justify-content:space-between;font-size:12px}.cost-cell{display:flex;gap:4px}.cost-cell input{width:90px;min-width:70px}.cost-cell button{padding:5px 8px}.formula{background:var(--accent-soft);padding:20px;border-radius:8px;line-height:1.9}.formula b{display:block;font-size:22px}.muted{color:var(--muted)}.section-gap{margin-top:22px}.column-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}.column-form input{min-width:110px}.detail-text{font-size:12px;line-height:1.8;color:var(--muted)}@media(max-width:900px){.cards-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:800px){.sidebar{position:static;width:auto;padding:16px;display:block}.sidebar .logo{margin:0 0 12px}.sidebar .nav{display:inline-flex;width:auto}.sidebar .workspace,.sidebar .nav-label,.sidebar-bottom{display:none}.app{margin-left:0}main{padding:20px}.topbar{padding:12px 20px}.kpis{grid-template-columns:repeat(2,1fr)}}

.width-0{width:0%}.width-1{width:1%}.width-2{width:2%}.width-3{width:3%}.width-4{width:4%}.width-5{width:5%}.width-6{width:6%}.width-7{width:7%}.width-8{width:8%}.width-9{width:9%}.width-10{width:10%}.width-11{width:11%}.width-12{width:12%}.width-13{width:13%}.width-14{width:14%}.width-15{width:15%}.width-16{width:16%}.width-17{width:17%}.width-18{width:18%}.width-19{width:19%}.width-20{width:20%}.width-21{width:21%}.width-22{width:22%}.width-23{width:23%}.width-24{width:24%}.width-25{width:25%}.width-26{width:26%}.width-27{width:27%}.width-28{width:28%}.width-29{width:29%}.width-30{width:30%}.width-31{width:31%}.width-32{width:32%}.width-33{width:33%}.width-34{width:34%}.width-35{width:35%}.width-36{width:36%}.width-37{width:37%}.width-38{width:38%}.width-39{width:39%}.width-40{width:40%}.width-41{width:41%}.width-42{width:42%}.width-43{width:43%}.width-44{width:44%}.width-45{width:45%}.width-46{width:46%}.width-47{width:47%}.width-48{width:48%}.width-49{width:49%}.width-50{width:50%}.width-51{width:51%}.width-52{width:52%}.width-53{width:53%}.width-54{width:54%}.width-55{width:55%}.width-56{width:56%}.width-57{width:57%}.width-58{width:58%}.width-59{width:59%}.width-60{width:60%}.width-61{width:61%}.width-62{width:62%}.width-63{width:63%}.width-64{width:64%}.width-65{width:65%}.width-66{width:66%}.width-67{width:67%}.width-68{width:68%}.width-69{width:69%}.width-70{width:70%}.width-71{width:71%}.width-72{width:72%}.width-73{width:73%}.width-74{width:74%}.width-75{width:75%}.width-76{width:76%}.width-77{width:77%}.width-78{width:78%}.width-79{width:79%}.width-80{width:80%}.width-81{width:81%}.width-82{width:82%}.width-83{width:83%}.width-84{width:84%}.width-85{width:85%}.width-86{width:86%}.width-87{width:87%}.width-88{width:88%}.width-89{width:89%}.width-90{width:90%}.width-91{width:91%}.width-92{width:92%}.width-93{width:93%}.width-94{width:94%}.width-95{width:95%}.width-96{width:96%}.width-97{width:97%}.width-98{width:98%}.width-99{width:99%}.width-100{width:100%}

.cost-panels{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.cost-panels .panel{min-width:0}.cost-panels .column-form label{flex:1;min-width:140px}.cost-panels .column-form input{width:100%;max-width:none}.label-form{min-width:200px}@media(max-width:900px){.cost-panels{grid-template-columns:1fr}}

.label-status{display:inline-block;flex:0 0 16px;width:16px;color:#287348;font-size:18px;line-height:1;text-align:center}

.label-form select.label-missing{border-color:#d64545}.label-form select.label-missing:focus{border-color:#d64545;box-shadow:0 0 0 2px rgba(214,69,69,.15)}

/* Faktury zakupowe: czytelne kwoty i wygodny wybór etykiety. */
.purchase-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.5}
.purchase-table th{padding:14px 16px;background:#edf2f6;color:#425365;font-size:12px;font-weight:700;border-bottom:2px solid #d8e1e9;white-space:nowrap}
.purchase-table td{padding:16px;border-bottom:1px solid #dfe6ed;vertical-align:middle;color:#233444}
.purchase-table tbody tr:nth-child(even){background:#f7f9fc}
.purchase-table tbody tr:hover{background:#fff7e8}
.purchase-table td:first-child{width:30%;min-width:240px;max-width:420px;white-space:normal;overflow-wrap:anywhere;font-weight:600}
.purchase-table td:nth-child(2){min-width:140px;font-weight:600}
.purchase-table td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}
.purchase-table td:nth-child(4),.purchase-table td:nth-child(5),.purchase-table td:nth-child(6),.purchase-table th:nth-child(4),.purchase-table th:nth-child(5),.purchase-table th:nth-child(6){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.purchase-table .subtext{margin-top:4px;font-size:12px;font-weight:400;color:#617185}
.purchase-table td:last-child{min-width:224px}
.purchase-table .label-form{min-width:200px;gap:8px;flex-wrap:nowrap}
.purchase-table .label-form select{appearance:none;-webkit-appearance:none;min-width:176px;width:100%;max-width:260px;height:42px;padding:9px 34px 9px 12px;border:1px solid #b5c2ce;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23526374' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;color:#233444;font-size:14px;cursor:pointer}
.purchase-table .label-form select:hover{border-color:#718398}
.purchase-table .label-form select:focus{border-color:#b77713;box-shadow:0 0 0 3px rgba(249,168,23,.18);outline:none}
.purchase-table .label-form select.label-missing{border-color:#d64545;background-color:#fff8f8}
.purchase-table .label-form select.label-missing:focus{border-color:#d64545;box-shadow:0 0 0 3px rgba(214,69,69,.14)}
.purchase-table .label-form select:disabled{cursor:wait;opacity:.65}
.purchase-table a{font-weight:600;text-underline-offset:3px;white-space:nowrap}

.sales-invoice-table td:last-child{min-width:120px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Jednolite odstępy pomiędzy bezpośrednio sąsiadującymi panelami. */
#content > .panel + .panel{margin-top:22px}

.product-cost-table{font-size:14px;line-height:1.5}.product-cost-table th{background:#edf2f6;color:#425365;font-size:12px;padding:14px 16px}.product-cost-table td{padding:16px;border-bottom:1px solid #dfe6ed}.product-cost-table tbody tr:nth-child(even){background:#f7f9fc}.product-cost-table .product-cost-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cost-data-missing{color:#a33838;background:#fff0f0;padding:5px 8px;border-radius:5px;font-size:12px}

.product-cost-table{min-width:1100px}.product-cost-table td:nth-child(n+3):nth-child(-n+8),.product-cost-table th:nth-child(n+3):nth-child(-n+8){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

.product-cost-filter{display:flex;flex-direction:column;gap:8px;width:240px;margin-bottom:18px}.product-cost-filter select{width:100%;max-width:none}.product-cost-details{min-width:180px;max-width:340px}.product-cost-details summary{color:#a33838;cursor:pointer;font-weight:600}.product-cost-details ul{padding-left:18px;white-space:normal;font-size:12px;line-height:1.7}.product-cost-details li+li{margin-top:8px}

.cost-value{border:0;background:none;padding:5px 0;color:inherit;font:inherit;cursor:text}.cost-value:hover{color:var(--accent-text);text-decoration:underline dotted;text-underline-offset:4px}.inline-cost-editor{display:flex;gap:6px;align-items:center}.inline-cost-editor input{width:110px;min-width:90px}.inline-cost-editor button{padding:8px}

.inline-cost-editor{flex-wrap:wrap;min-width:230px;text-align:left}.inline-cost-editor label{display:flex;flex-direction:column;gap:4px;font-size:12px;flex:1;min-width:85px}.inline-cost-editor input{width:100%;min-width:80px}

.product-cost-table .cost-editor-row>td{padding:18px 20px;background:#fff7e8;text-align:left;white-space:normal}.cost-editor-row .inline-cost-editor{justify-content:flex-end;min-width:0;max-width:700px;margin-left:auto;gap:12px;align-items:flex-end}.cost-editor-row .inline-cost-editor label{flex:0 1 150px;min-width:100px}.cost-editor-row .inline-cost-editor input{width:100%;height:40px}.cost-editor-row .inline-cost-editor button{height:40px;padding:8px 12px}

.purchase-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:18px}.purchase-controls>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#526374}.purchase-controls input[type=search]{width:260px;max-width:100%;height:42px;font-size:14px}.purchase-controls select{height:42px;min-width:200px;max-width:280px;font-size:14px}.purchase-controls .select-all-purchases{flex-direction:row;align-items:center;align-self:flex-end;justify-content:flex-start;gap:10px;height:42px;padding:0 12px;border:1px solid #dfe5eb;border-radius:7px;background:#fff;color:#233444;font-size:14px;white-space:nowrap;cursor:pointer}.purchase-controls .select-all-purchases:hover{background:#fff7e8;border-color:#b5c2ce}.purchase-controls .select-all-purchases input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-width:18px;padding:0}.purchase-controls .select-all-purchases span{line-height:1.3}.purchase-controls .select-all-purchases:focus-within{outline:2px solid var(--accent);outline-offset:3px}.purchase-controls input[type=checkbox],.purchase-row-select input[type=checkbox]{width:17px;height:17px;min-width:17px;accent-color:#e49a16;margin:0;cursor:pointer}.purchase-table .purchase-row-select{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:100%;margin:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.purchase-table .purchase-row-select input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-width:18px;padding:0;border-radius:4px}.purchase-table .purchase-row-select span{flex:1;min-width:0;font:inherit;line-height:1.5;text-align:left}.purchase-table .purchase-row-select input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.purchase-controls>button{height:42px}.purchase-controls>span{align-self:flex-end;display:flex;align-items:center;height:42px;font-size:12px;color:#526374}

.purchase-controls .purchase-bulk-control[hidden]{display:none}

.purchase-name-controls{display:flex;flex-direction:column;gap:10px}.purchase-name-controls>label:first-child{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#526374}.purchase-controls .purchase-name-controls .select-all-purchases{align-self:flex-start;height:34px}.purchase-controls{align-items:flex-start}.purchase-controls>label{padding-top:0}.purchase-controls>button,.purchase-controls>span{margin-top:22px;align-self:flex-start}

.purchase-controls select,.product-cost-filter select{appearance:none;-webkit-appearance:none;padding:9px 38px 9px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23526374' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px 16px;cursor:pointer}

.table-wrap tfoot td{background:#edf2f6;border-top:2px solid #b5c2ce;border-bottom:0;padding:16px;font-weight:700;color:#233444}.table-wrap tfoot .summary-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table-wrap tfoot .subtext{font-size:11px;font-weight:400;color:#617185;margin-top:4px}

.overview-price-switch{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 20px;font-size:14px;color:#233444;cursor:pointer}.overview-price-switch input{position:absolute;opacity:0;width:1px;height:1px;min-width:0;padding:0}.switch-track{position:relative;width:44px;height:24px;border-radius:20px;background:#c5ced7;transition:background .15s}.switch-track:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.overview-price-switch input:checked+.switch-track{background:var(--accent)}.overview-price-switch input:checked+.switch-track:after{transform:translateX(20px)}.overview-price-switch input:focus-visible+.switch-track{outline:2px solid var(--accent-text);outline-offset:3px}

.operating-cost-form{display:flex;align-items:flex-end;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.operating-cost-form>strong{flex:1;min-width:200px;align-self:center}.operating-cost-form label{font-size:12px}.operating-cost-form input{width:140px;font-size:14px}.operating-cost-form button{height:38px}

.table-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:18px 0 0;font-size:12px;color:#526374}.table-pagination button:disabled{cursor:default}@media(max-width:600px){.table-pagination{justify-content:center;gap:8px;flex-wrap:wrap}}

.operating-save-status{width:22px;align-self:center;color:#23834b;font-size:18px;text-align:center}

.source-pie-layout{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.source-pie{width:220px;max-width:100%;flex:0 0 220px;height:220px}.source-pie path:hover,.source-pie circle:hover{opacity:.8}.source-pie-legend{flex:1;min-width:220px}.source-pie-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.source-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.source-pie-item>div{flex:1;min-width:0}.source-pie-item small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.source-pie-item strong{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:600px){.source-pie-layout{justify-content:center}.source-pie-legend{min-width:0;width:100%;flex-basis:100%}}

.retired-cost{display:block;margin-top:5px;font-size:11px;font-weight:400;color:var(--muted)}

.financial-results td:not(:first-child),.financial-results th:not(:first-child){text-align:right;white-space:nowrap}.financial-results tbody tr:last-child td{background:#fff3db;border-top:2px solid #e3c27d;font-weight:700;font-size:16px}

.overview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.overview-toolbar small{display:block;color:var(--muted);margin-top:6px;font-size:12px}.overview-toolbar .overview-price-switch{margin:0}.finance-headline{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:18px;margin-bottom:16px}.finance-result{padding:22px;border-top:4px solid #29996a}.finance-result.negative{border-top-color:#ce5353}.finance-result.incomplete{border-top-color:#e5a127}.finance-result.positive .kpi-value{color:#23784f}.finance-result.negative .kpi-value{color:#ae3636}.finance-result p{font-size:12px;color:#617185;margin:12px 0 8px}.finance-result small{color:var(--muted);font-size:11px}.finance-costs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.finance-costs .kpi-value{font-size:24px}.overview-quality{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 18px;font-size:12px;color:#617185}.overview-quality a{text-underline-offset:3px}.finance-breakdown{align-items:start}@media(max-width:1100px){.finance-headline{grid-template-columns:1fr 1fr}.finance-headline>.card:first-child{grid-column:1/-1}.finance-costs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.finance-headline,.finance-costs{grid-template-columns:1fr}.overview-toolbar{align-items:flex-start;flex-direction:column}.finance-result .kpi-value{font-size:26px}}

.source-value-track{height:7px;margin-top:8px;background:#edf1f5;border-radius:5px;overflow:hidden}.source-value-track span{display:block;height:100%;border-radius:5px}.source-pie-item{padding:12px 0}

.chart-color-0{background:#f9a817}.chart-color-1{background:#387fb9}.chart-color-2{background:#47a181}.chart-color-3{background:#9369bb}.chart-color-4{background:#d96a65}.chart-color-5{background:#479eac}.chart-color-6{background:#be8e47}

.nav .nav-icon{display:block;width:20px;height:20px;flex:0 0 20px}.nav{gap:12px}.nav.active .nav-icon{stroke-width:2}

.cost-panels .icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:8px;flex:0 0 38px}.icon-button svg{width:19px;height:19px}.cost-panels .delete-tag,.cost-panels .delete-field{color:#a84949}.cost-panels .delete-tag:hover,.cost-panels .delete-field:hover{background:#fff0f0;border-color:#d99b9b}

.feedback-toasts{position:fixed;right:24px;bottom:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 32px));pointer-events:none}.feedback-toast{display:flex;align-items:flex-start;gap:12px;border-radius:10px;padding:16px;color:#fff;box-shadow:0 8px 28px #16263130;font-size:13px;line-height:1.5;pointer-events:auto;animation:toast-enter .18s ease-out}.toast-success{background:#237a4b}.toast-error{background:#b53737}.toast-icon{display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;width:23px;height:23px;flex:0 0 23px;font-weight:700}.toast-text{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.toast-close{border:0;background:transparent;color:#fff;font-size:23px;line-height:1;padding:0 2px;opacity:.85}.toast-close:hover{opacity:1}@keyframes toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.feedback-toast{animation:none}}@media(max-width:600px){.feedback-toasts{right:16px;bottom:16px}}

.product-cost-status{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:170px}.product-cost-edit{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;padding:7px}.product-cost-edit svg{width:18px;height:18px}

.report-definition-fields{flex:1;min-width:180px;display:flex;flex-direction:column;gap:10px}.report-definition-fields textarea{width:100%;border:1px solid #dfe5eb;border-radius:6px;padding:9px 10px;font:inherit;font-size:12px;resize:vertical;background:white;color:#495964}.operating-description{display:block;margin-top:6px;font-size:12px;font-weight:400;color:#617185;line-height:1.6;white-space:pre-wrap}

.product-cost-table tbody tr:not(.cost-editor-row):hover{background:#fff7e8}

.operating-cost-form{padding-left:12px;padding-right:12px;border-radius:6px;transition:background .15s}.operating-cost-form:hover{background:#fff7e8}

.invoice-rate-form{margin-top:10px;display:flex;align-items:flex-end;gap:8px}.invoice-rate-form label{font-size:11px}.invoice-rate-form input{width:105px;min-width:90px;font-size:12px;padding:6px 8px}.rate-status{font-size:10px;color:#a8493f}.invoice-rate-form:has(input:not([value=""])) .rate-status{color:#237a4b}

.top-right .workspace{margin:0;gap:10px;font-size:12px;color:var(--ink)}.top-right .workspace .avatar{width:32px;height:32px;border-radius:9px}.top-right .workspace small{font-size:11px;margin-top:3px}.top-right{gap:18px}@media(max-width:650px){.top-right .workspace small{display:none}.top-right .workspace{gap:6px}.top-right{gap:10px}.top-right .badge{display:none}}

.sales-invoice-table td:nth-child(8){white-space:nowrap}.sales-invoice-table .invoice-source{min-width:135px;white-space:normal;font-size:12px;font-weight:500}

.filters select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23526374' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;min-width:130px}

.sync-status-box{margin:20px 0;padding:16px 18px;background:#f6f8fb;border:1px solid var(--line);border-radius:9px}.sync-status-box p{margin:0;font-size:13px;line-height:1.6;color:#405363;overflow-wrap:anywhere}.sync-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.sync-actions button{min-height:42px}.sync-status-box progress{display:block;width:100%;height:10px;margin-top:14px;border:0;border-radius:8px;overflow:hidden;background:#e4eaf0;accent-color:var(--accent)}.sync-status-box progress[hidden]{display:none}.sync-status-box progress::-webkit-progress-bar{background:#e4eaf0;border-radius:8px}.sync-status-box progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.sync-status-box progress::-moz-progress-bar{background:var(--accent);border-radius:8px}.sync-status-box progress:indeterminate{background:linear-gradient(90deg,#e4eaf0 0%,#e4eaf0 30%,#f9a817 50%,#e4eaf0 70%,#e4eaf0 100%);background-size:200% 100%;animation:sync-progress 1.5s linear infinite}.sync-status-box progress:indeterminate::-webkit-progress-bar{background:transparent}.sync-status-box .sync-bar-done{accent-color:#23834d}.sync-status-box .sync-bar-done::-webkit-progress-value{background:#23834d}.sync-status-box .sync-bar-done::-moz-progress-bar{background:#23834d}@keyframes sync-progress{from{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.sync-status-box progress:indeterminate{animation:none}}@media(max-width:600px){.sync-actions{flex-direction:column;align-items:stretch}.sync-actions button{width:100%}}

.sync-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.sync-controls .detail-text{margin:0 0 16px}.sync-controls .sync-actions{margin:0}.sync-layout .sync-status-box{margin:0;min-width:0}.sync-status-box small{display:block;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.6}.sync-layout .sync-actions .secondary{flex-basis:auto}@media(max-width:900px){.sync-layout{grid-template-columns:1fr;gap:20px}}

#content>.panel:has(.sync-layout){margin-bottom:22px}

.integration-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-state{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.integration-state:before{content:'';width:8px;height:8px;border-radius:50%;background:#9aa6b2}.integration-state.configured{color:#247747}.integration-state.configured:before{background:#247747}.integration-editor{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.integration-editor[hidden]{display:none}

.integration-summary-actions{display:flex;gap:10px;flex-wrap:wrap}.integration-connection{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.5}.integration-connection.active{color:#247747}.integration-connection.inactive{color:#b33434}@media(max-width:600px){.integration-summary{align-items:flex-start;flex-direction:column}}