:root {
  --brand: #36aee2; --brand-dark: #1d86bd; --accent: #6a3fd8; --text: #55616f; --text-strong: #243447;
  --muted: #8b97a6; --line: #e6eaf0; --sidebar-bg: #ffffff; --page-bg: #f6f8fb; --card-bg: #ffffff;
  --hover: #eef8fd; --active-bg: #e9f7fd; --danger: #c0392b; --ok: #1f8f4d; --shadow: 0 12px 30px rgba(20,36,56,.08);
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:var(--page-bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.45}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top left,rgba(54,174,226,.18),transparent 34%),var(--page-bg)}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px}.auth-brand{padding:0 0 22px!important;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-card h1{margin:0 0 8px;color:var(--text-strong);font-size:26px}.google-btn,.primary-btn,.secondary-btn,.logout-btn,.link-btn,.collapse-btn,.mobile-menu-btn,.small-btn,.danger-btn{border:0;border-radius:13px;min-height:40px;padding:0 14px;cursor:pointer;font:inherit}.google-btn{width:100%;margin-top:12px;background:#fff;border:1px solid var(--line);color:var(--text-strong);font-weight:700}.google-btn:before{content:'G';margin-right:12px;color:#4285f4;font-weight:800}.separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:13px}.separator:before,.separator:after{content:'';height:1px;background:var(--line);flex:1}.auth-form{display:grid;gap:14px}.auth-form label,.form-grid label{display:grid;gap:7px;font-size:14px;color:var(--text-strong)}input,select,textarea{border:1px solid var(--line);border-radius:13px;padding:0 13px;font:inherit;outline-color:var(--brand);background:#fff;color:var(--text-strong)}input,select{height:44px}textarea{min-height:90px;padding-top:12px;resize:vertical}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-btn,.small-btn{background:var(--brand);color:#fff;font-weight:700}.secondary-btn{background:var(--hover);color:var(--brand-dark);font-weight:700}.danger-btn{background:#fff1f1;color:var(--danger);font-weight:700}.link-btn{background:transparent;color:var(--brand-dark);padding:0;min-height:32px;justify-self:start}.message{margin-top:14px;color:var(--danger);font-size:14px;line-height:1.35}.message.ok{color:var(--ok)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:305px 1fr}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:6px 4px 18px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-size:26px;font-weight:900;box-shadow:0 10px 20px rgba(54,174,226,.22)}.brand-title{font-weight:900;color:var(--text-strong);letter-spacing:.08em}.brand-subtitle{font-size:12px;color:var(--muted);margin-top:3px}.menu{display:grid;gap:4px}.menu-node-main{width:100%;border:0;background:transparent;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:6px;border-radius:14px;min-height:40px;padding:0 8px;cursor:pointer;color:var(--text);text-align:left;font:inherit}.menu-node-main:hover{background:var(--hover)}.menu-node.active>.menu-node-main{background:var(--active-bg);color:var(--brand-dark);font-weight:700}.children{display:none;margin-left:18px;border-left:1px solid var(--line);padding-left:8px}.menu-node.open>.children{display:grid}.level-2 .menu-node-main{font-size:13px}.chevron{transition:transform .15s}.menu-node.open>.menu-node-main .chevron{transform:rotate(90deg)}.collapse-btn{background:#f1f5f9;color:var(--text);margin-top:auto}.sidebar.collapsed{width:88px;padding:18px 10px}.sidebar.collapsed .brand-subtitle,.sidebar.collapsed .brand-title,.sidebar.collapsed .label,.sidebar.collapsed .chevron,.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .menu-node-main{grid-template-columns:1fr;justify-items:center}.sidebar.collapsed .children{display:none!important}.content{min-width:0}.topbar{min-height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:14px 22px;position:sticky;top:0;z-index:2}.mobile-menu-btn{display:none;background:var(--hover);color:var(--brand-dark)}.title-block{flex:1}.breadcrumb{font-size:13px;color:var(--muted)}.topbar h1{margin:3px 0 0;color:var(--text-strong);font-size:26px}.user-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.account-chip{background:#f4f7fb;border:1px solid var(--line);border-radius:999px;padding:10px 13px;color:var(--text-strong);font-size:13px}.logout-btn{background:#fff1f1;color:var(--danger);font-weight:700}.country-select-wrap{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.country-select-wrap select{min-width:118px;height:38px}.page-card{margin:22px;background:var(--card-bg);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px}.page-card h2{margin:0 0 10px;color:var(--text-strong)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.tile{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff}.tile-icon{font-size:28px}.tile-title{font-weight:800;color:var(--text-strong);margin-top:8px}.tile-text{font-size:14px;color:var(--muted);line-height:1.4;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.form-grid .full{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:18px 0;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.data-table th{color:var(--text-strong);background:#f8fafc;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.empty-state{padding:22px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);background:#fbfcfe}.pill{display:inline-flex;border-radius:999px;padding:4px 9px;background:#f4f7fb;border:1px solid var(--line);font-size:12px;color:var(--text-strong)}.sync-path{font-family:Consolas,monospace;background:#f8fafc;border:1px solid var(--line);padding:10px;border-radius:12px;color:var(--text-strong);overflow:auto}.notice{border:1px solid #cfeef9;background:#f0fbff;border-radius:16px;padding:14px;margin:14px 0;color:var(--text-strong)}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-320px;z-index:10;transition:left .2s;width:300px}.sidebar.mobile-open{left:0}.mobile-menu-btn{display:inline-block}.topbar{align-items:flex-start}.dashboard-grid,.form-grid{grid-template-columns:1fr}.page-card{margin:14px;padding:18px}.user-panel{width:100%;justify-content:flex-start}.auth-actions{grid-template-columns:1fr}}

/* v193 — ekran limitów AI zgodny z aplikacją mobilną */
.ai-usage-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}.ai-usage-header>div{border:1px solid var(--border,#dce5ec);background:var(--card,#fff);padding:14px 16px;border-radius:12px;box-shadow:0 4px 14px rgba(32,92,135,.05)}.ai-usage-header span{display:block;color:var(--muted,#7a8792);font-size:12px;margin-bottom:5px}.ai-usage-header b{display:block;font-size:16px}.ai-usage-panel{border:1px solid var(--border,#dce5ec);background:var(--card,#fff);padding:18px;margin-top:16px;border-radius:14px}.ai-usage-panel h3{margin:0 0 4px}.ai-usage-list{display:grid;gap:12px;margin-top:14px}.ai-usage-item{border:1px solid var(--border,#dce5ec);background:var(--surface,#fff);padding:14px 16px;border-radius:12px}.ai-usage-item.is-blocked{border-color:#ef9a9a}.ai-usage-item-head,.ai-usage-item-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-usage-item-head b{font-size:14px}.ai-usage-item-foot{margin-top:6px;color:var(--muted,#6d7a85);font-size:12px}.ai-usage-progress{height:10px;margin-top:9px;background:#e9eef3;border-radius:999px;overflow:hidden}.ai-usage-progress>span{display:block;height:100%;background:linear-gradient(90deg,#42a9e5,#4f7cff);border-radius:inherit;transition:width .25s ease}.ai-usage-item.is-blocked .ai-usage-progress>span{background:linear-gradient(90deg,#ef5350,#d32f2f)}.ai-usage-extra{margin-top:8px;font-size:12px;color:var(--muted,#6d7a85)}@media(max-width:780px){.ai-usage-header{grid-template-columns:1fr}.ai-usage-item-head,.ai-usage-item-foot{align-items:flex-start}.ai-usage-item-foot{flex-direction:column;gap:3px}}

/* v195 — centrum i historia nocnych briefów Creigo */
.smart-brief-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.smart-brief-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--card-bg);padding:18px;margin:16px 0;border-radius:16px}.smart-brief-settings h3{margin:0 0 6px}.smart-brief-settings p{margin:0;color:var(--muted)}.smart-brief-switch{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text-strong);white-space:nowrap}.smart-brief-switch input{width:22px;height:22px;min-height:0;accent-color:var(--brand)}.smart-brief-list{display:grid;gap:14px}.smart-brief-card{border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--card-bg);padding:18px 20px;border-radius:14px;box-shadow:var(--shadow)}.smart-brief-card.is-read{border-left-color:var(--muted);opacity:.9}.smart-brief-card h3{margin:5px 0 4px!important;color:var(--text-strong)!important}.smart-brief-card p{white-space:pre-line;line-height:1.55;color:var(--text);margin:14px 0}.smart-brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.smart-brief-state{display:inline-flex;padding:3px 8px;border-radius:999px;background:var(--active-bg);color:var(--brand-dark);font-size:11px;font-weight:700}.is-read .smart-brief-state{background:var(--hover);color:var(--muted)}.smart-brief-priority{display:inline-grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:var(--active-bg);color:var(--brand-dark);font-weight:800}.smart-brief-signals{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.smart-brief-signals ul{margin:8px 0 0;padding-left:20px}.smart-brief-signals li{margin:5px 0;line-height:1.4}.smart-brief-actions{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width:900px){.smart-brief-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-brief-settings{align-items:flex-start;flex-direction:column}.smart-brief-switch{white-space:normal}}@media(max-width:520px){.smart-brief-summary{grid-template-columns:1fr}.smart-brief-head{flex-direction:column}.smart-brief-priority{display:none}}

/* v203 — ochrona budżetu AI i pełne wykorzystanie motywu Creigo */
.ai-usage-header>div,.ai-usage-panel,.ai-usage-item{border-color:var(--line);background:var(--card-bg);box-shadow:var(--shadow)}
.ai-usage-progress{background:var(--hover)}
.ai-usage-progress>span{background:linear-gradient(90deg,var(--brand),var(--accent))}
.ai-usage-item.is-blocked{border-color:var(--danger)}
.ai-usage-item.is-blocked .ai-usage-progress>span{background:var(--danger)}
.ai-usage-panel .checkbox-row{display:flex;grid-template-columns:auto 1fr;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--hover);color:var(--text-strong)}
.ai-usage-panel .checkbox-row input{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--brand)}
.ai-usage-panel input{background:var(--card-bg);color:var(--text-strong);border-color:var(--line)}

/* v220: edytowalne pozycje faktury sprzedażowej */
#invoiceFields{border:1px solid var(--line,#d7dde5);border-radius:14px;padding:16px;margin:8px 0;background:var(--panel,#fff)}
#invoiceFields[hidden]{display:none!important}
#invoiceItemsHost{display:grid;gap:12px;margin:10px 0}
.invoice-item-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.7fr) minmax(100px,.8fr) minmax(120px,1fr) minmax(90px,.7fr) minmax(180px,1.2fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line,#d7dde5);border-radius:12px;background:var(--card,#fff)}
.invoice-item-row label{margin:0}
.invoice-item-values{display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center;padding:8px;border-radius:9px;background:rgba(127,127,127,.08)}
.invoice-item-values small{opacity:.72}
.invoice-item-values b{text-align:right;white-space:nowrap}
@media(max-width:1180px){.invoice-item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-item-values{grid-column:1/-1}.invoice-item-remove{justify-self:start}}
@media(max-width:680px){.invoice-item-row{grid-template-columns:1fr}.invoice-item-values{grid-column:auto}}

/* Creigo v233 — pełne własne kolory i tło aplikacji */
:root{--input-bg:#fff;color-scheme:light}html[data-theme-mode="dark"]{color-scheme:dark}html,body,.content,.app-shell{background:var(--page-bg);color:var(--text)}
.sidebar,.topbar,.page-card,.auth-card,.smart-brief-settings,.smart-brief-card,.shopping-panel{background:var(--card-bg);border-color:var(--line)}
.tile,.table-wrap,.data-table,.data-table tbody,.empty-state,.notice,.account-chip,.sync-path,.pill,details.technical{background:var(--card-bg);border-color:var(--line);color:var(--text)}
.data-table th{background:var(--hover);color:var(--text-strong)}.data-table td{background:var(--card-bg);color:var(--text)}
input,select,textarea,.google-btn{background:var(--input-bg);border-color:var(--line);color:var(--text-strong)}
input:disabled,select:disabled,textarea:disabled{background:var(--hover);color:var(--muted)}
.auth-card h1,.topbar h1,.page-card h2,.page-card h3,.tile-title,.brand-title,.form-grid label,.auth-form label{color:var(--text-strong)}
.collapse-btn,.mobile-menu-btn,.secondary-btn{background:var(--hover);color:var(--brand-dark)}
.primary-btn,.small-btn{background:var(--brand);color:#fff}.menu-node-main:hover{background:var(--hover)}.menu-node.active>.menu-node-main{background:var(--active-bg);color:var(--brand-dark)}
.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--card-bg)}
.theme-color-grid input[type="color"]{width:100%;height:48px;padding:4px;cursor:pointer}.theme-preview{min-height:150px;border:2px solid var(--line);border-radius:18px;padding:18px;display:grid;place-items:center;transition:background .18s,border-color .18s}
.theme-preview-card{width:min(420px,100%);display:grid;gap:9px;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);transition:background .18s,color .18s,border-color .18s}.theme-preview-card span{font-size:13px;opacity:.78}.theme-preview-card button{justify-self:start;border:0;border-radius:12px;min-height:40px;padding:0 16px;font:inherit;font-weight:700}
@media(max-width:700px){.theme-color-grid{grid-template-columns:1fr}}

/* Creigo v235 — każda zmiana stylu zeruje poprzednią paletę */
html,body,.app-shell,.content{background:var(--page-gradient,var(--page-bg));background-attachment:fixed}
.auth-screen{background:radial-gradient(circle at top left,color-mix(in srgb,var(--brand) 18%,transparent),transparent 34%),var(--page-gradient,var(--page-bg))}
.auth-card,.google-btn,.tile,.data-table,.data-table tbody,.data-table td,.topbar,.sidebar,.page-card,.table-wrap,.empty-state,.notice,.account-chip,.sync-path,.pill,details.technical{background-color:var(--card-bg);color:var(--text);border-color:var(--line)}
input,select,textarea,select option{background-color:var(--input-bg);color:var(--text-strong);border-color:var(--line)}
select:focus,input:focus,textarea:focus{border-color:var(--brand);outline-color:var(--brand)}
.filter-chip,.pill,.account-chip,.secondary-btn,.collapse-btn,.mobile-menu-btn{background:var(--active-bg);color:var(--brand-dark);border-color:var(--line)}
.data-table th,.table-toolbar,.toolbar{background:var(--hover);color:var(--text-strong)}
.theme-preview,.theme-preview-card{border-color:var(--brand)}

/* v241 — server-verified subscription and quota */
.subscription-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.subscription-primary-value{font-size:25px;font-weight:900;color:var(--text-strong);margin-top:10px}.subscription-quota-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;font-size:14px}.subscription-quota-details span{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-bg);color:var(--text)}.subscription-verification{margin-top:12px;padding:10px 12px;border-radius:12px;font-weight:700;font-size:13px}.subscription-verification.is-verified{background:rgba(31,143,77,.1);color:var(--ok);border:1px solid rgba(31,143,77,.25)}.subscription-verification.is-unverified{background:rgba(192,57,43,.08);color:var(--danger);border:1px solid rgba(192,57,43,.2)}
@media(max-width:1050px){.subscription-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.subscription-status-grid,.subscription-quota-details{grid-template-columns:1fr}}


/* Creigo v242 — pełny kontrakt palety także dla ekranów systemowych i komunikatów */
.notice{border-color:var(--line);background:var(--hover);color:var(--text-strong)}
.auth-card,.google-btn,.tile,.data-table,.data-table tbody,.data-table td,.topbar,.sidebar,.page-card,.table-wrap,.empty-state,.account-chip,.sync-path,.pill,details.technical{background-color:var(--card-bg)}
.danger-btn,.logout-btn{background:color-mix(in srgb,var(--danger) 10%,var(--card-bg));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line))}
.message.ok{color:var(--ok)}
.ai-usage-progress>span{background:linear-gradient(90deg,var(--brand),var(--accent))}
input[type="checkbox"],input[type="radio"],input[type="range"]{accent-color:var(--brand)}

/* Creigo v243 — produkcyjny interfejs bez komunikatów technicznych */
.creigo-internal-ui,.sync-path{display:none!important}
#pageContent .filter-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px!important;align-items:end!important;overflow:visible!important;margin:14px 0 18px!important;background:var(--card-bg,#fff)!important;border:1px solid var(--line,#dfe6ec)!important;padding:14px!important}
#pageContent .filter-grid>label,#pageContent .receipt-ocr-form>label{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;min-height:70px!important;height:auto!important;overflow:visible!important;white-space:normal!important;line-height:1.35!important;color:var(--text-strong,#33424f)!important}
#pageContent .filter-label-text{display:block!important;min-height:19px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:inherit!important}
#pageContent .filter-grid input:not([type="checkbox"]),#pageContent .filter-grid select,#pageContent .receipt-ocr-form input:not([type="checkbox"]),#pageContent .receipt-ocr-form select{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:46px!important;padding:10px 38px 10px 12px!important;line-height:1.35!important;overflow:visible!important;text-overflow:ellipsis!important}
#pageContent .filter-grid .check-row,#pageContent .filter-grid .checkbox-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:46px!important;height:auto!important;padding:10px 12px!important;white-space:normal!important}
#pageContent .filter-grid .check-row input,#pageContent .filter-grid .checkbox-row input{flex:0 0 20px!important;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important}
#pageContent .toolbar input[type="search"],#pageContent .toolbar select{min-width:220px!important;min-height:44px!important;height:auto!important;padding:9px 38px 9px 12px!important;line-height:1.35!important}
@media(max-width:700px){#pageContent .filter-grid{grid-template-columns:1fr!important}#pageContent .filter-grid>label,#pageContent .receipt-ocr-form>label{min-height:0!important}}


/* Creigo v244 — pełna widoczność napisów filtrów w Bazie fachowców i Paragonach */
#pageContent .pro-filter-grid>label,
#pageContent .receipt-form>label,
#pageContent .receipt-ocr-form>label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  min-width:0!important;
  min-height:72px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  line-height:1.35!important;
}
#pageContent .pro-filter-grid .filter-label-text,
#pageContent .receipt-form .filter-label-text,
#pageContent .receipt-ocr-form .filter-label-text{
  display:block!important;
  position:static!important;
  width:100%!important;
  min-height:20px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  text-overflow:clip!important;
  line-height:1.35!important;
  color:var(--text-strong,#33424f)!important;
}
#pageContent .pro-filter-grid input:not([type="checkbox"]),
#pageContent .receipt-form input:not([type="checkbox"]),
#pageContent .receipt-ocr-form input:not([type="checkbox"]){
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 12px!important;
  line-height:normal!important;
  overflow:visible!important;
}
#pageContent .pro-filter-grid select,
#pageContent .receipt-form select,
#pageContent .receipt-ocr-form select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  max-height:none!important;
  padding:0 40px 0 12px!important;
  line-height:normal!important;
  overflow:visible!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  #pageContent .pro-filter-grid>label,
  #pageContent .receipt-form>label,
  #pageContent .receipt-ocr-form>label{min-height:0!important}
}

/* Paczka 122: czytelne rozróżnienie paragonów i faktur oraz bezpieczne udostępnianie */
.receipt-list-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.receipt-filter-panel{
  display:grid;
  grid-template-columns:minmax(190px,260px) auto minmax(320px,1fr);
  gap:12px;
  align-items:end;
  margin:12px 0 16px;
  padding:14px;
  border-radius:16px;
  background:var(--surface,rgba(255,255,255,.78));
  border:1px solid var(--border,rgba(120,130,150,.25));
}
.receipt-filter-panel label{
  min-width:0;
}
.receipt-filter-panel select,
.receipt-filter-panel input[type="email"]{
  width:100%;
  min-height:44px;
}
.receipt-select-all{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 4px;
  white-space:nowrap;
}
.receipt-select-all input{
  width:20px;
  height:20px;
  margin:0;
}
.receipt-selection-tools{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto;
  gap:10px;
  align-items:center;
}
.receipt-selection-tools strong{
  white-space:nowrap;
}
.receipt-type-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:112px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:700;
  line-height:1.2;
  border:1px solid currentColor;
}
.receipt-type-badge.receipt{
  background:rgba(46,125,50,.10);
  color:#2e7d32;
}
.receipt-type-badge.invoice{
  background:rgba(21,101,192,.10);
  color:#1565c0;
}
.receipt-check-cell{
  width:42px;
  min-width:42px;
  text-align:center;
}
.receipt-check-cell input{
  width:20px;
  height:20px;
}
.receipt-row-invoice td:first-of-type,
.receipt-row-receipt td:first-of-type{
  vertical-align:middle;
}
@media (max-width:900px){
  .receipt-filter-panel{grid-template-columns:1fr;align-items:stretch}
  .receipt-selection-tools{grid-template-columns:1fr}
  .receipt-selection-tools strong{white-space:normal}
}

/* v242 — globalne wyszukiwanie Creigo */
.global-search-panel{
  position:relative;
  z-index:4;
  margin:14px 0 22px;
  padding:16px;
  border:1px solid var(--border,#d9e0e7);
  border-radius:16px;
  background:var(--panel,#fff);
  box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.global-search-panel>label{
  display:block;
  margin:0 0 9px;
  color:var(--text,#172033);
  font-size:15px;
  line-height:1.3;
}
.global-search-input-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--border,#cbd5e1);
  border-radius:12px;
  background:var(--input-bg,var(--panel,#fff));
  transition:border-color .16s ease,box-shadow .16s ease;
}
.global-search-input-wrap:focus-within{
  border-color:var(--accent,#3478f6);
  box-shadow:0 0 0 3px rgba(52,120,246,.16);
}
.global-search-input-wrap>span{
  flex:0 0 auto;
  font-size:24px;
  line-height:1;
  color:var(--muted,#65758b);
  transform:rotate(-18deg);
}
.global-search-input-wrap input{
  width:100%;
  min-width:0;
  height:46px;
  margin:0;
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--text,#172033);
  font:inherit;
}
.global-search-input-wrap input::placeholder{color:var(--muted,#7a8798);opacity:1;}
.global-search-results{
  position:absolute;
  left:16px;
  right:16px;
  top:calc(100% - 7px);
  z-index:60;
  max-height:min(62vh,560px);
  overflow:auto;
  padding:6px;
  border:1px solid var(--border,#d9e0e7);
  border-radius:14px;
  background:var(--panel,#fff);
  box-shadow:0 18px 44px rgba(15,23,42,.2);
}
.global-search-results[hidden]{display:none!important;}
.global-search-result{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:58px;
  padding:9px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--text,#172033);
  text-align:left;
  cursor:pointer;
}
.global-search-result:hover,.global-search-result:focus-visible{
  background:var(--hover-bg,rgba(52,120,246,.1));
  outline:0;
}
.global-search-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  background:var(--chip-bg,rgba(52,120,246,.12));
  font-size:21px;
}
.global-search-copy{display:flex;min-width:0;flex-direction:column;gap:3px;}
.global-search-copy strong{
  overflow:hidden;
  color:inherit;
  font-size:14px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.global-search-copy small{
  overflow:hidden;
  color:var(--muted,#65758b);
  font-size:12px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.global-search-open{color:var(--muted,#65758b);font-size:26px;line-height:1;text-align:center;}
.global-search-empty{padding:16px;text-align:center;color:var(--muted,#65758b);font-size:13px;}
.global-search-highlight{animation:global-search-highlight 2.4s ease;scroll-margin-top:100px;}
@keyframes global-search-highlight{
  0%,35%{outline:3px solid var(--accent,#3478f6);outline-offset:3px;box-shadow:0 0 0 8px rgba(52,120,246,.15)}
  100%{outline-color:transparent;box-shadow:none}
}
@media(max-width:700px){
  .global-search-panel{margin:10px 0 16px;padding:12px;border-radius:13px;}
  .global-search-results{left:8px;right:8px;top:calc(100% - 3px);max-height:60vh;}
  .global-search-result{grid-template-columns:36px minmax(0,1fr) 18px;padding:8px;}
  .global-search-icon{width:34px;height:34px;font-size:19px;}
}

/* ===== Public Creigo website: about, help, pricing and Premium login ===== */
.public-screen{display:block;min-height:100vh;padding:0;background:var(--page-gradient,var(--page-bg))}
.public-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;min-height:76px;padding:12px max(20px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--card-bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.public-brand{display:flex;align-items:center;gap:11px;color:var(--text-strong);text-decoration:none;margin-right:auto}.public-brand>span:last-child{display:grid;gap:2px}.public-brand strong{letter-spacing:.09em}.public-brand small{font-size:11px;color:var(--muted)}
.public-nav{display:flex;align-items:center;gap:4px}.public-nav button{border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;padding:10px 12px;border-radius:12px;cursor:pointer}.public-nav button:hover,.public-nav button.is-active{background:var(--hover);color:var(--brand-dark)}.public-nav .public-login-link{background:var(--brand);color:#fff}.public-nav .public-login-link:hover{background:var(--brand-dark);color:#fff}
.public-language{display:grid;gap:3px;color:var(--muted);font-size:11px}.public-language select{height:38px;min-width:128px}
.public-main{width:min(1180px,calc(100% - 36px));margin:0 auto}.public-section{scroll-margin-top:96px;padding:76px 0}.public-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:54px;align-items:center}.public-eyebrow{display:inline-flex;color:var(--brand-dark);background:var(--hover);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.public-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-.045em;color:var(--text-strong);margin:20px 0}.public-hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:720px}.public-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 12px}.public-cta{min-height:48px;padding:0 22px}.public-premium-note{font-size:13px!important;font-weight:700;color:var(--brand-dark)!important}
.public-hero-panel{display:grid;gap:14px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg) 96%,var(--brand) 4%),var(--card-bg));box-shadow:var(--shadow)}.public-hero-panel>div{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.public-hero-panel>div:last-child{border-bottom:0}.public-hero-panel span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand-dark);font-weight:900}.public-hero-panel b{line-height:1.35;color:var(--text-strong)}
.public-section-heading{max-width:780px;margin-bottom:32px}.public-section-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.1;color:var(--text-strong);margin:16px 0 10px}.public-section-heading p{font-size:17px;line-height:1.6;color:var(--muted)}
.public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-feature-grid article{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card-bg);box-shadow:0 7px 24px rgba(35,70,95,.06)}.public-feature-grid article>span{font-size:31px}.public-feature-grid h3{margin:15px 0 7px;color:var(--text-strong)}.public-feature-grid p{margin:0;color:var(--muted);line-height:1.55}
.public-help-section,.public-pricing-section{border-top:1px solid var(--line)}.public-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-help-grid details{border:1px solid var(--line);border-radius:18px;background:var(--card-bg);padding:18px 20px}.public-help-grid summary{cursor:pointer;font-weight:800;color:var(--text-strong)}.public-help-grid p{color:var(--muted);line-height:1.6;margin:12px 0 0}
.public-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));gap:20px;align-items:stretch}.public-price-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--card-bg);box-shadow:var(--shadow)}.public-price-card.is-featured{border:2px solid var(--brand);transform:translateY(-8px)}.public-price-card h3{font-size:25px;margin:0 0 8px;color:var(--text-strong)}.public-price{font-size:32px;font-weight:900;color:var(--brand-dark);margin:8px 0}.public-price-card p,.public-price-card li{color:var(--muted);line-height:1.55}.public-price-card ul{display:grid;gap:10px;padding-left:22px;margin:22px 0}.public-badge{position:absolute;right:20px;top:18px;border-radius:999px;padding:6px 10px;background:var(--brand);color:#fff;font-size:11px;font-weight:900}.public-payment-note{color:var(--muted);font-size:13px;margin-top:20px}
.public-login-section{display:grid;place-items:center;border-top:1px solid var(--line)}.public-login-section .auth-card{width:min(480px,100%)}.public-footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 42px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted)}.public-footer strong{color:var(--text-strong);letter-spacing:.09em}
.public-access-denied{border:1px solid #f0c4c4;background:#fff4f4;color:#8d2222;border-radius:14px;padding:13px;margin-top:14px;line-height:1.45}
@media(max-width:980px){.public-header{flex-wrap:wrap}.public-nav{order:3;width:100%;overflow:auto}.public-language{margin-left:auto}.public-hero{grid-template-columns:1fr;min-height:auto;padding-top:54px}.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.public-main{width:min(100% - 24px,1180px)}.public-header{padding:10px 12px}.public-brand small{display:none}.public-nav button{white-space:nowrap;padding:9px}.public-language span{display:none}.public-language select{min-width:104px}.public-section{padding:52px 0}.public-hero{gap:28px}.public-hero h1{font-size:40px}.public-hero-copy>p{font-size:17px}.public-feature-grid,.public-help-grid,.public-pricing-grid{grid-template-columns:1fr}.public-price-card.is-featured{transform:none}.public-footer{width:calc(100% - 24px);flex-direction:column}.auth-actions{grid-template-columns:1fr}}

/* v243 — produkcyjny ekran konta i limitu chmury */
.production-account-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
  margin:18px 0 22px;
}
.production-account-summary .tile{min-height:150px}
.production-account-summary .ai-usage-progress{margin-top:14px}
.production-settings-form{margin-top:8px}
@media(max-width:700px){
  .production-account-summary{grid-template-columns:1fr}
}

/* Premium drag-and-drop document builders */
.custom-template-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px;border:1px solid var(--border,#d9dee7);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#2563eb) 12%,transparent),transparent);margin-bottom:16px}.custom-template-hero h2{margin:7px 0}.custom-template-hero p{max-width:820px;margin:0;color:var(--muted,#667085)}.premium-pill{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--accent,#2563eb);color:#fff;font-weight:700;font-size:12px}.custom-template-hero-actions,.custom-template-list-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.custom-template-list-bar{justify-content:space-between;padding:14px 16px;border:1px solid var(--border,#d9dee7);border-radius:14px;margin-bottom:14px}.custom-template-list-bar label{min-width:min(420px,100%)}.custom-template-meta{margin-bottom:14px}.custom-template-workspace{display:grid;grid-template-columns:220px minmax(420px,1fr) 280px;gap:14px;align-items:start}.custom-template-palette,.custom-template-inspector,.custom-template-stage{border:1px solid var(--border,#d9dee7);border-radius:16px;background:var(--surface,#fff);padding:14px}.custom-template-palette,.custom-template-inspector{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto}.template-palette-item{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--border,#d9dee7);background:var(--surface,#fff);color:inherit;border-radius:10px;padding:10px;margin:5px 0;text-align:left;cursor:grab}.template-palette-item:hover{border-color:var(--accent,#2563eb)}.template-palette-item span{width:25px;text-align:center;font-weight:800}.custom-template-page-toolbar{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin-bottom:12px}.custom-template-page-toolbar label,.custom-template-inspector label{font-size:12px;font-weight:600}.custom-template-canvas{--template-primary:#1f6feb;min-height:760px;max-width:794px;margin:auto;border:1px solid #cfd5df;box-shadow:0 10px 30px rgba(16,24,40,.12);transition:.15s}.custom-template-canvas.landscape{max-width:100%;min-height:560px}.custom-template-canvas.drag-over{outline:3px solid var(--template-primary);outline-offset:3px}.custom-template-component{position:relative;border:1px dashed transparent;padding:10px 8px;margin:2px 0;min-height:32px}.custom-template-component:hover,.custom-template-component.selected{border-color:var(--template-primary);background:color-mix(in srgb,var(--template-primary) 6%,transparent)}.template-component-tools{display:none;position:absolute;right:4px;top:4px;z-index:2}.custom-template-component.selected .template-component-tools{display:flex}.template-component-tools button{width:27px;height:27px;border:0;border-radius:5px;margin-left:3px;cursor:pointer}.template-field-preview small{display:block;color:#667085}.template-field-preview>div,.template-placeholder{border:1px solid #cfd5df;border-radius:5px;min-height:34px;padding:7px;margin-top:3px}.template-logo-preview{display:flex;width:115px;height:54px;border:1px dashed #98a2b3;align-items:center;justify-content:center;font-weight:700}.template-signatures-preview{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:44px}.template-signatures-preview span{border-top:1px solid;padding-top:6px;text-align:center}.template-page-break{border-top:2px dashed #98a2b3;text-align:center;color:#667085;margin:18px 0}.template-empty-drop{display:grid;place-items:center;min-height:650px;color:#667085}.custom-template-inspector h3,.custom-template-palette h3{margin-top:0}.custom-template-inspector input,.custom-template-inspector textarea,.custom-template-inspector select{width:100%;margin:4px 0 10px}.custom-template-canvas table{width:100%;border-collapse:collapse}.custom-template-canvas th,.custom-template-canvas td{border:1px solid #cfd5df;padding:6px}.custom-use-form{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-use-static,.custom-use-repeater{grid-column:1/-1}.custom-use-repeater{border:1px solid var(--border,#d9dee7);border-radius:12px;padding:12px}.custom-use-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr)) auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--border,#e5e7eb)}.custom-use-row:last-child{border-bottom:0}.custom-use-form .form-actions,.custom-use-form .form-message{grid-column:1/-1}@media(max-width:1180px){.custom-template-workspace{grid-template-columns:180px 1fr}.custom-template-inspector{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.custom-template-inspector h3{grid-column:1/-1}}@media(max-width:760px){.custom-template-hero{align-items:flex-start;flex-direction:column}.custom-template-workspace{display:block}.custom-template-palette,.custom-template-inspector{position:static;max-height:none;margin-bottom:12px}.custom-template-page-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-template-canvas{min-height:620px}.custom-use-form{grid-template-columns:1fr}.custom-template-inspector{display:block}}

/* v128 — publiczna strona produkcyjna, pomoc, plany i dokumenty prawne */
.public-brand-logo{width:48px;height:48px;object-fit:contain;border-radius:13px;flex:0 0 auto}.public-brand-logo-large{width:72px;height:72px}.public-auth-brand{display:flex;align-items:center;gap:14px}.public-feature-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}.public-help-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.public-help-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.public-pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.public-price-card .public-coupon-note{padding:11px 12px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--card-bg));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));color:var(--text-strong)}.premium-full-list{font-size:14px}.public-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card-bg);box-shadow:var(--shadow)}.public-contact-form label{display:grid;gap:7px;color:var(--text-strong);font-weight:700}.public-contact-form input,.public-contact-form textarea,.public-contact-form select{width:100%;box-sizing:border-box}.public-contact-form .full,.public-contact-form .form-message{grid-column:1/-1}.public-contact-form button{justify-self:start}.public-contact-form button:disabled{opacity:.58;cursor:not-allowed}.public-checkbox{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;line-height:1.5}.public-checkbox input{width:auto;margin-top:4px}.public-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.legal-alert{margin:0 0 22px;padding:16px 18px;border:1px solid #e5ad34;border-left:5px solid #e5ad34;border-radius:14px;background:#fff9e8;color:#664a05;line-height:1.55}.legal-document{max-width:980px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card-bg);box-shadow:0 7px 24px rgba(35,70,95,.05);color:var(--text);line-height:1.68}.legal-document h3{margin:26px 0 8px;color:var(--text-strong);font-size:20px}.legal-document h3:first-child{margin-top:0}.legal-document p,.legal-document li{color:var(--text);line-height:1.68}.legal-document ul{padding-left:24px}.public-delete-section .danger-btn{padding:12px 18px}.public-footer>div{display:grid;gap:4px}.public-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.public-footer button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:6px 8px;border-radius:8px}.public-footer button:hover,.public-footer button.is-active{color:var(--brand-dark);background:var(--hover)}
@media(max-width:1080px){.public-feature-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.public-pricing-grid-three{grid-template-columns:1fr}.public-price-card.is-featured{transform:none}}
@media(max-width:700px){.public-feature-grid-large,.public-help-grid-wide,.public-contact-form{grid-template-columns:1fr}.public-contact-form .full,.public-contact-form .form-message{grid-column:1}.legal-document{padding:20px}.public-footer nav{justify-content:flex-start}.public-brand-logo{width:42px;height:42px}}

/* ===== v134 — swobodne pozycjonowanie kreatora dokumentów ===== */
.custom-template-canvas{max-width:none;min-height:0;border:0;box-shadow:none;background:transparent;padding:0;display:grid;gap:24px;overflow:visible}
.custom-template-page-shell{width:100%;display:grid;gap:8px}
.custom-template-page-shell>header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--muted,#667085);max-width:794px;width:100%;margin:auto}
.custom-template-paper{position:relative;width:100%;max-width:794px;margin:auto;border:1px solid #cfd5df;box-shadow:0 10px 30px rgba(16,24,40,.14);overflow:hidden}
.custom-template-page-content{position:absolute;overflow:hidden;touch-action:none;background-image:none}
.custom-template-page-content.show-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--template-primary) 12%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--template-primary) 12%,transparent) 1px,transparent 1px);background-size:var(--grid-x) var(--grid-y)}
.custom-template-page-content.drag-over{outline:3px solid var(--template-primary);outline-offset:2px;background-color:color-mix(in srgb,var(--template-primary) 8%,transparent)}
.custom-template-component{position:absolute;margin:0;padding:7px;border:1px dashed transparent;min-width:12px;min-height:12px;cursor:move;overflow:hidden;touch-action:none;user-select:none}
.custom-template-component.auto-height{height:auto!important;overflow:visible}
.custom-template-component:hover,.custom-template-component.selected{border-color:var(--template-primary);background-color:color-mix(in srgb,var(--template-primary) 7%,transparent)}
.custom-template-component.is-transforming{opacity:.88;box-shadow:0 8px 22px rgba(16,24,40,.18);cursor:grabbing}
.custom-template-component.has-overflow{outline:2px solid #d92d20;outline-offset:-2px}
.custom-template-component.has-overflow:after{content:'Treść nie mieści się';position:absolute;left:4px;bottom:4px;padding:2px 5px;border-radius:4px;background:#d92d20;color:#fff;font-size:9px;z-index:20}
.template-component-content{width:100%;height:100%;overflow:hidden;pointer-events:none}
.custom-template-component.auto-height .template-component-content{height:auto;overflow:visible}
.template-component-tools{display:none;position:absolute;right:4px;top:4px;z-index:30}
.custom-template-component.selected .template-component-tools{display:flex}
.template-component-tools button{width:27px;height:27px;border:0;border-radius:5px;margin-left:3px;cursor:pointer;line-height:1;background:var(--surface,#fff);box-shadow:0 1px 5px rgba(0,0,0,.18)}
.template-resize-handle{position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;border-left:2px solid var(--template-primary);border-top:2px solid var(--template-primary);background:color-mix(in srgb,var(--template-primary) 18%,#fff);cursor:nwse-resize;z-index:31}
.template-size-badge{display:none;position:absolute;right:16px;bottom:2px;padding:1px 5px;border-radius:4px;background:rgba(15,23,42,.82);color:#fff;font-size:9px;white-space:nowrap;z-index:30}
.custom-template-component.selected .template-size-badge,.custom-template-component.is-transforming .template-size-badge{display:block}
.template-empty-drop{position:absolute;inset:0;display:grid;place-items:center;color:#667085;pointer-events:none;text-align:center;padding:20px}
.template-grid-toggle{align-self:end;min-height:44px;margin:0}
.template-add-page{align-self:end;min-height:44px}
.template-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--border,#d9dee7);border-radius:10px;padding:10px;margin:7px 0 12px}
.template-position-grid legend{font-weight:700;padding:0 5px}
.template-position-grid .check-label{grid-column:1/-1}
.template-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.template-inspector-actions button{border:1px solid var(--border,#d9dee7);background:var(--surface,#fff);color:inherit;border-radius:8px;padding:8px;cursor:pointer}
.template-position-help{font-size:11px;line-height:1.4}
.custom-template-page-toolbar{grid-template-columns:repeat(5,minmax(105px,1fr))}
.custom-template-canvas table{font-size:.86em}
.custom-template-canvas .template-field-preview>div,.custom-template-canvas .template-placeholder{min-height:22px;padding:4px}
@media(max-width:1180px){.custom-template-page-toolbar{grid-template-columns:repeat(3,minmax(110px,1fr))}}
@media(max-width:760px){.custom-template-page-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-template-paper{min-width:620px}.custom-template-canvas{overflow-x:auto;padding-bottom:10px}.template-position-grid{grid-template-columns:1fr}}
/* ===== end v134 ===== */