@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#062856;--navy2:#031a3a;--blue:#096bd8;--red:#ff1738;--text:#10213d;--muted:#64748b;--border:#e4eaf2;--bg:#f5f8fc;--white:#fff;--green:#0a8f5a;--shadow:0 20px 55px rgba(6,40,86,.12)}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}.kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--blue);margin-bottom:7px}.muted{color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.login-brand{padding:55px max(45px,8vw);background:radial-gradient(circle at 20% 80%,#096bd8,transparent 32%),var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.app-brand{display:flex;align-items:center;gap:10px;font-size:22px}.app-brand .tooth{display:grid;place-items:center;width:45px;height:45px;background:rgba(255,255,255,.12);border-radius:13px}.login-brand h1{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-3px;max-width:600px;margin:10px 0 20px}.login-brand p{color:rgba(255,255,255,.68);max-width:520px;font-size:16px}.login-brand .kicker{color:#79baff}.back-link{font-size:12px;color:rgba(255,255,255,.65)}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(440px,100%);padding:38px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.mobile-brand{display:none}.login-card h2{font-size:34px;color:var(--navy);letter-spacing:-1.5px}.login-card>p{font-size:12px;margin:8px 0 25px}.login-card label{display:block;font-size:11px;font-weight:700;margin:14px 0 7px}.login-card input[type=email],.login-card input[type=password]{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;outline:none;background:#fbfcfe}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,107,216,.09)}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.password-wrap input{padding-right:48px!important}.form-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0 22px}.form-row .remember{display:flex;align-items:center;gap:7px;margin:0;font-weight:500}.disabled-link{font-size:10px;color:var(--blue)}.primary{border:0;border-radius:11px;padding:13px 20px;background:var(--red);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 9px 22px rgba(255,23,56,.18)}.full{width:100%}.demo-note{text-align:center!important;font-size:9px!important;margin:15px 0 0!important}
.app-layout{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:25px 16px;display:flex;flex-direction:column}.sidebar-brand{font-size:17px;padding:4px 8px 26px}.sidebar nav{display:grid;gap:5px}.sidebar nav a,.sidebar-bottom a{padding:11px 12px;border-radius:9px;font-size:11px;color:rgba(255,255,255,.68);font-weight:600}.sidebar nav a span{display:inline-block;width:23px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.main-area{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.topbar>div:first-of-type{display:grid}.top-label{font-size:8px;letter-spacing:1.5px;color:var(--blue);font-weight:800}.topbar strong{font-size:12px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:10px;font-weight:800}.profile>div:last-child{display:grid}.profile span{font-size:8px;color:var(--muted)}.mobile-menu{display:none;border:0;background:transparent;font-size:20px;color:var(--navy)}.dashboard{padding:35px;max-width:1450px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.welcome h1{font-size:32px;letter-spacing:-1.5px;color:var(--navy)}.welcome p{font-size:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric-grid article{position:relative;padding:20px;background:#fff;border:1px solid var(--border);border-radius:15px}.metric-icon{position:absolute;right:17px;top:17px;font-size:20px}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{font-size:10px;color:var(--muted)}.metric-grid strong{font-size:28px;color:var(--navy);margin:4px 0}.metric-grid small{font-size:8px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.panel-title h2{font-size:18px;color:var(--navy)}.panel-title>a{font-size:9px;color:var(--blue);font-weight:700}.appointment-item{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.appointment-item time{font-size:11px;font-weight:800;color:var(--navy)}.appointment-item time span{display:block;font-size:7px;color:var(--muted)}.appointment-item>div{display:grid}.appointment-item strong,.stock-item strong{font-size:10px}.appointment-item small,.stock-item small{font-size:8px;color:var(--muted)}.status,.stock{font-size:7px;font-weight:800;padding:5px 8px;border-radius:30px}.confirmed,.good{background:#e9fff4;color:#08764c}.pending,.warning{background:#fff8df;color:#9a7000}.danger{background:#fff0f2;color:#c91331}.stock-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.stock-item>div{display:grid}.quick-panel{margin-top:18px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid button{border:1px solid var(--border);background:var(--bg);border-radius:11px;padding:15px;cursor:pointer;text-align:left;font-size:18px}.quick-grid button span{display:block;font-size:9px;font-weight:700;margin-top:7px;color:var(--navy)}.toast{position:fixed;right:25px;bottom:25px;padding:13px 17px;border-radius:10px;background:var(--navy2);color:#fff;font-size:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}.overlay{display:none}
@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:20px}.login-card{padding:28px 22px}.mobile-brand{display:block;margin-bottom:30px;color:var(--navy)}.app-layout{display:block}.sidebar{position:fixed;left:-250px;top:0;width:235px;z-index:60;transition:.22s}.sidebar.open{left:0}.overlay{position:fixed;inset:0;background:rgba(3,20,47,.45);z-index:50}.overlay.show{display:block}.mobile-menu{display:block}.topbar{height:65px;padding:0 18px;gap:12px}.topbar>div:nth-of-type(1){margin-right:auto}.profile>div:last-child{display:none}.dashboard{padding:24px 18px}.welcome{align-items:flex-start;flex-direction:column}.welcome .primary{width:100%}.appointment-item{grid-template-columns:45px 1fr}.appointment-item .status{grid-column:2;width:max-content}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:16px 13px}.metric-grid strong{font-size:23px}.panel{padding:17px 14px}.quick-grid{grid-template-columns:1fr 1fr}.login-card h2{font-size:29px}.form-row{align-items:flex-start;flex-direction:column}}

.appointment-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.date-nav{display:flex;align-items:center;gap:12px}.date-nav>button{border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:700}.date-nav>div{min-width:180px}.date-nav strong{font-size:12px}.appointment-summary{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.schedule-panel{min-height:390px}.agenda-item{display:grid;grid-template-columns:75px 1fr auto auto;align-items:center;gap:15px;padding:16px 5px;border-bottom:1px solid var(--border)}.agenda-time{font-size:12px;font-weight:800;color:var(--navy)}.agenda-info{display:grid}.agenda-info strong{font-size:11px}.agenda-info small{font-size:8px;color:var(--muted)}.delete-appointment{border:0;background:#fff0f2;color:#c91331;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:9px;font-weight:700}.empty-state{text-align:center;padding:65px 20px;color:var(--muted)}.empty-state>div{font-size:35px}.empty-state h3{color:var(--navy)}.empty-state p{font-size:10px}.modal-overlay{position:fixed;inset:0;background:rgba(3,20,47,.55);z-index:100;display:none;place-items:center;padding:20px}.modal-overlay.open{display:grid}.modal-card{width:min(610px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:19px;padding:25px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{color:var(--navy)}.modal-head>button{border:0;background:var(--bg);width:32px;height:32px;border-radius:8px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.full-field{grid-column:1/-1}.field label{font-size:9px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 12px;background:#fbfcfe;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cancel-btn{border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}
@media(max-width:700px){.appointment-toolbar{align-items:flex-start;flex-direction:column}.date-nav{width:100%;display:grid;grid-template-columns:auto 1fr auto}.date-nav .today-btn{grid-column:1/-1}.date-nav>div{text-align:center;min-width:0}.agenda-item{grid-template-columns:55px 1fr auto}.agenda-item .status{grid-column:2}.delete-appointment{grid-column:3;grid-row:1/3}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}}

/* ===== CLIENTS V3 ===== */
.client-metrics{margin-bottom:18px}.clients-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.clients-toolbar h2{font-size:18px;color:var(--navy)}.clients-toolbar input{width:min(360px,100%);padding:11px 13px;border:1px solid var(--border);border-radius:10px;outline:none;background:#fbfcfe}.clients-toolbar input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,107,216,.08)}.client-table-wrap{overflow-x:auto}.client-table{width:100%;border-collapse:collapse;min-width:720px}.client-table th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.client-table td{padding:14px 10px;border-bottom:1px solid var(--border);font-size:10px}.client-name-cell{display:grid}.client-name-cell strong{color:var(--navy)}.client-name-cell small{color:var(--muted);font-size:8px}.client-actions{display:flex;justify-content:flex-end;gap:6px}.client-actions button{border:0;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700;cursor:pointer}.edit-client{background:#edf5ff;color:var(--blue)}.remove-client{background:#fff0f2;color:#c91331}
@media(max-width:700px){.clients-toolbar{align-items:flex-start;flex-direction:column}.clients-toolbar input{width:100%}}

/* ===== INVENTORY V4 ===== */
.inventory-main-panel{margin-top:18px}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.inventory-toolbar h2{font-size:18px;color:var(--navy)}.inventory-filters{display:flex;gap:8px}.inventory-filters input,.inventory-filters select{border:1px solid var(--border);background:#fbfcfe;border-radius:9px;padding:10px 11px;outline:none;font-size:10px}.inventory-filters input{width:230px}.inventory-alert{display:none;align-items:center;gap:12px;background:#fff8df;color:#7c5c00;border:1px solid #f2df9b;border-radius:10px;padding:11px 13px;margin-bottom:14px;font-size:9px}.inventory-alert strong{font-size:10px}.inventory-table td:nth-child(3){font-weight:800;color:var(--navy)}.inventory-name{display:grid}.inventory-name strong{color:var(--navy)}.inventory-name small{font-size:8px;color:var(--muted)}.inventory-actions{display:flex;gap:5px;justify-content:flex-end}.inventory-actions button{border:0;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700;cursor:pointer}.stock-change{background:#edf5ff;color:var(--blue)}.inventory-edit{background:#f2f4f7;color:var(--navy)}.inventory-delete{background:#fff0f2;color:#c91331}.inventory-status{font-size:7px;font-weight:800;padding:5px 7px;border-radius:20px;white-space:nowrap}.inventory-ok{background:#e9fff4;color:#08764c}.inventory-low{background:#fff8df;color:#9a7000}.inventory-out{background:#fff0f2;color:#c91331}
@media(max-width:760px){.inventory-toolbar{align-items:flex-start;flex-direction:column}.inventory-filters{width:100%;flex-direction:column}.inventory-filters input,.inventory-filters select{width:100%}.inventory-alert{align-items:flex-start;flex-direction:column}}

/* ===== PRODUCTS & SALES V5 ===== */
.sales-grid{grid-template-columns:1fr 1fr}.sellable-products{display:grid;gap:8px}.sellable-item,.sale-history-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.sellable-item>div,.sale-history-item>div{display:grid}.sellable-item strong,.sale-history-item strong{font-size:10px;color:var(--navy)}.sellable-item small,.sale-history-item small{font-size:8px;color:var(--muted)}.sellable-price{text-align:right}.sellable-price b{display:block;font-size:11px;color:var(--navy)}.sellable-price button{margin-top:5px;border:0;background:#edf5ff;color:var(--blue);border-radius:7px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}.compact-empty{padding:35px 15px}.sale-preview{background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:14px;display:grid}.sale-preview span{font-size:9px;color:var(--muted)}.sale-preview strong{font-size:23px;color:var(--navy)}.sale-preview small{font-size:8px;color:var(--muted)}.sale-history-item .sale-amount{text-align:right}.sale-history-item .sale-amount b{font-size:11px;color:var(--green)}.sale-history-item .sale-amount small{display:block}
@media(max-width:950px){.sales-grid{grid-template-columns:1fr}}

/* ===== REPORTS + IMPORT V6 ===== */
.welcome-actions{display:flex;gap:9px}.secondary-action{border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:10px;padding:11px 16px;font-weight:700;font-size:10px;cursor:pointer}.report-period{border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px 13px;color:var(--navy);font-weight:600}.report-grid{margin-bottom:18px}.report-summary{display:grid;gap:4px}.report-summary>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.report-summary span{font-size:9px;color:var(--muted)}.report-summary strong{font-size:13px;color:var(--navy)}.top-product{padding:12px 0;border-bottom:1px solid var(--border)}.top-product-head{display:flex;justify-content:space-between;gap:10px;font-size:10px}.top-product-head strong{color:var(--navy)}.top-product-head span{color:var(--muted)}.product-bar{height:6px;background:var(--bg);border-radius:10px;margin-top:7px;overflow:hidden}.product-bar i{display:block;height:100%;background:var(--blue);border-radius:10px}.report-table-panel{margin-top:18px}.import-card{width:min(680px,100%)}.import-zone{border:2px dashed var(--border);border-radius:14px;text-align:center;padding:28px 18px;background:#fbfcfe}.import-zone>div{font-size:32px}.import-zone h3{color:var(--navy);margin:5px}.import-zone p{font-size:9px;color:var(--muted);margin-bottom:15px}.import-zone input{max-width:100%;font-size:10px}.import-help{display:grid;gap:6px;background:var(--bg);padding:13px;border-radius:10px;margin:13px 0;font-size:9px;color:var(--muted)}.import-help strong{color:var(--navy)}.import-help .secondary-action{width:max-content}.import-preview{max-height:190px;overflow:auto;font-size:9px}.import-preview table{width:100%;border-collapse:collapse}.import-preview td,.import-preview th{padding:6px;border-bottom:1px solid var(--border);text-align:left}.import-error{padding:10px;background:#fff0f2;color:#c91331;border-radius:8px}
@media(max-width:700px){.welcome-actions{width:100%;flex-direction:column}.welcome-actions>*{width:100%}.report-period{width:100%}}

/* ===== REAL AUTH V7 ===== */
.login-error{min-height:18px;margin:8px 0;color:#c91331;font-size:10px;font-weight:700}
.login-submit{width:100%;margin-top:6px}.login-submit:disabled{opacity:.65;cursor:wait}
.secure-note{display:block;margin-top:14px;text-align:center;color:var(--muted);font-size:8px}
.password-wrap{display:flex;align-items:stretch}.password-wrap input{flex:1;border-radius:9px 0 0 9px}.password-wrap button{border:1px solid var(--border);border-left:0;background:#f7f9fc;color:var(--navy);padding:0 11px;border-radius:0 9px 9px 0;font-size:8px;font-weight:700;cursor:pointer}


/* =========================================================
   DENTARIO HUB V8.6 - CLOUD ACTION BUTTONS
   Keeps dynamically generated Supabase controls consistent
   with the Dentario visual system.
   ========================================================= */
.inventory-table td:last-child,
.client-table td:last-child {
  white-space: nowrap;
}

.stock-change,
.inventory-edit,
.inventory-delete,
.cloud-edit-client,
.cloud-del-client,
.cloud-del-app,
.sellable-price button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 10px;
  min-height: 34px;
  padding: 7px 11px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.stock-change {
  color: #096bd8;
  background: #edf5ff;
  border-color: #d8e9ff;
  min-width: 38px;
}

.inventory-edit,
.cloud-edit-client {
  color: #075bb8;
  background: #edf5ff;
  border-color: #d8e9ff;
}

.inventory-delete,
.cloud-del-client,
.cloud-del-app {
  color: #dc0d2c;
  background: #fff0f3;
  border-color: #ffdce3;
}

.sellable-price button {
  color: #fff;
  background: #ff1738;
  padding-inline: 14px;
}

.stock-change:hover,
.inventory-edit:hover,
.inventory-delete:hover,
.cloud-edit-client:hover,
.cloud-del-client:hover,
.cloud-del-app:hover,
.sellable-price button:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 12px rgba(3, 26, 58, .10);
}

.stock-change:active,
.inventory-edit:active,
.inventory-delete:active,
.cloud-edit-client:active,
.cloud-del-client:active,
.cloud-del-app:active,
.sellable-price button:active {
  transform: translateY(0);
  box-shadow: none;
}

.appointment-card .cloud-del-app {
  margin-left: auto;
}

@media (max-width: 760px) {
  .inventory-table td:last-child,
  .client-table td:last-child {
    white-space: normal;
  }

  .stock-change,
  .inventory-edit,
  .inventory-delete,
  .cloud-edit-client,
  .cloud-del-client,
  .cloud-del-app {
    margin: 2px;
  }
}

/* V9 Settings */
.settings-card{margin-bottom:22px}.settings-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-form label,.modal-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#17365d}.settings-form input,.modal-card input,.modal-card select{border:1px solid #dce6f2;border-radius:10px;padding:12px;font:inherit;background:#fff}.settings-form .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.team-list{display:flex;flex-direction:column;gap:10px}.team-member{display:flex;align-items:center;gap:12px;border:1px solid #e7edf5;border-radius:13px;padding:13px}.team-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#096bd8;font-weight:800}.team-copy{display:flex;flex-direction:column;min-width:0;flex:1}.team-copy small{color:#73839a;overflow:hidden;text-overflow:ellipsis}.role-badge{background:#edf5ff;color:#075bb8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.settings-notice{padding:16px 18px;border:1px solid #ffdce3;background:#fff4f6;border-radius:12px;margin-bottom:20px}.settings-notice.info{background:#f3f8ff;border-color:#d8e9ff}.settings-notice p{margin:5px 0 0;color:#64748b}@media(max-width:760px){.settings-form .form-grid{grid-template-columns:1fr}.settings-form .full{grid-column:auto}.team-member{align-items:flex-start;flex-wrap:wrap}}

/* V10.1 - Professional login sizing */
.login-page .login-brand img,
.login-page .brand-panel img,
.login-page .login-visual img,
.login-page img[src*="domihub-logo"]{
  width:min(420px,72%);
  max-width:420px;
  height:auto;
  object-fit:contain;
}
@media(max-width:800px){
  .login-page .login-brand img,
  .login-page .brand-panel img,
  .login-page .login-visual img,
  .login-page img[src*="domihub-logo"]{
    width:min(260px,65%);
    max-width:260px;
  }
}

/* V10.6: Email invitations and password setup */
.invite-feedback{min-height:20px;margin-top:12px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.invite-feedback.error{color:#bc1731}.invite-feedback.success{color:#08764c}
.primary:disabled,.inventory-delete:disabled{opacity:.55;cursor:wait}
.invite-page{min-height:100vh;background:radial-gradient(circle at 18% 20%,#e2f0ff,transparent 45%),var(--bg);display:grid;place-items:center;padding:22px}
.invite-card{width:min(460px,100%);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:21px;padding:35px}
.invite-card h1{font-size:30px;letter-spacing:-1px;color:var(--navy);margin-bottom:10px}
.invite-card p{color:var(--muted);font-size:13px;margin-bottom:16px}
.invite-brand{display:flex;gap:10px;align-items:center;color:var(--navy);font-size:19px;margin-bottom:30px}
.invite-brand img{width:36px;height:36px;object-fit:contain}
.invite-business{border-radius:10px;padding:12px;background:#edf5ff;color:var(--navy)!important}
.invite-card form{display:grid;gap:9px;margin:15px 0}
.invite-card form[hidden],.invite-card p[hidden]{display:none}
.invite-card label{font-size:12px;font-weight:700;color:var(--navy)}
.invite-card input{border:1px solid var(--border);padding:12px;border-radius:10px;width:100%;margin-bottom:7px}
.invite-card .primary{margin-top:8px}
.invite-login-link{display:inline-block;font-size:12px;font-weight:700;color:var(--blue);margin-top:12px}
@media(max-width:480px){.invite-card{padding:23px}}

/* v10.7 - DomiHub private client provisioning */
.admin-portal-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:#f4f7fb}
.admin-portal-card{width:min(720px,100%);background:#fff;border:1px solid #e4ebf4;border-radius:22px;padding:32px;box-shadow:0 18px 55px rgba(3,26,58,.10)}
.admin-logo{display:block;width:min(260px,60%);height:auto;margin:0 auto 26px}
.admin-portal-card h1{margin:.3rem 0 .6rem}.admin-help{color:#64748b;margin-bottom:24px}
.admin-session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 22px}
.admin-clients-section{margin-top:34px;padding-top:28px;border-top:1px solid var(--border)}
.admin-clients-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.admin-clients-head h2{color:var(--navy);font-size:21px}
.admin-client-summary{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.admin-client-summary span{padding:6px 9px;border-radius:999px;background:#edf5ff;color:var(--navy);font-size:10px;font-weight:800}.admin-client-summary .active{background:#e7f9f0;color:#08764c}.admin-client-summary .suspended{background:#fff7df;color:#8b6500}.admin-client-summary .cancelled{background:#fff0f2;color:#b4142e}
.admin-client-list{display:grid;gap:11px}.admin-list-empty{padding:25px;text-align:center;color:var(--muted);background:#f8fbff;border-radius:12px}.admin-list-empty.error{color:#b4142e;background:#fff0f2}
.admin-client-card{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) minmax(120px,.8fr) auto;align-items:end;gap:12px;padding:15px;border:1px solid var(--border);border-radius:13px;background:#fff}.admin-client-identity{display:grid;min-width:0}.admin-client-identity strong{color:var(--navy)}.admin-client-identity span{font-size:12px}.admin-client-identity small{color:var(--muted);overflow-wrap:anywhere}.admin-client-field{display:grid;gap:5px}.admin-client-field label{font-size:9px;font-weight:800;color:var(--muted)}.admin-client-field select{min-height:40px;border:1px solid var(--border);border-radius:9px;padding:8px;background:#fff}.admin-save-client{min-height:40px;padding:9px 14px}
.admin-plan-badge{min-height:40px;display:flex;align-items:center;padding:8px 11px;border-radius:9px;background:#edf5ff;color:#075bb8;font-size:12px;font-weight:800}
@media(max-width:760px){.admin-client-card{grid-template-columns:1fr 1fr}.admin-client-identity{grid-column:1/-1}.admin-save-client{grid-column:1/-1}.admin-portal-card{padding:20px}}
.invite-welcome{margin:18px 0 22px;padding:18px;border:1px solid #e4ebf4;border-radius:14px;background:#f8fbff}
.invite-welcome h2{margin:0 0 8px}.invite-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.invite-tip{margin-bottom:0;color:#475569}
@media(max-width:620px){.invite-feature-grid{grid-template-columns:1fr}.admin-portal-card{padding:22px}}

/* v10.8 */
#saleInvoiceOptions[hidden]{display:none!important}.invoice-check{display:flex;align-items:center;gap:10px;font-weight:600}.invoice-check input{width:18px;height:18px}.modal-card{max-height:92vh;overflow-y:auto}

/* v10.9: consistent import controls on both pages */
#openImportClients,#openImportInventory{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 16px;font-size:10px;line-height:1.2;white-space:nowrap}
@media(max-width:760px){#openImportClients,#openImportInventory{width:100%}}

/* v11 multi-product sale */
#saleModal .modal-card{width:min(760px,calc(100vw - 24px));max-height:92vh;overflow-y:auto}
.sale-product-list{display:grid;gap:10px;max-height:300px;overflow:auto;padding:2px}
.sale-product-choice{border:1px solid #dce5f4;border-radius:12px;padding:13px;background:white}
.sale-product-choice.is-selected{border-color:#096bd8;background:#f6faff}
.sale-choice-label{display:flex;align-items:center;gap:12px;cursor:pointer}
.sale-choice-label input{width:19px;height:19px;flex-shrink:0;accent-color:#096bd8}
.sale-choice-label span{display:grid;gap:3px}.sale-choice-label small{color:#64748b;font-size:12px}
.sale-choice-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0 30px}
.sale-choice-edit label{display:grid;gap:5px;font-size:12px;font-weight:600}
.sale-choice-edit input{width:100%;padding:9px;border:1px solid #dce5f4;border-radius:9px}
.sale-cart{border:1px solid #dce5f4;border-radius:12px;padding:12px;display:grid;gap:10px}
.sale-cart-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edf2f8;padding-bottom:8px}
.sale-cart-row:last-child{border:0;padding-bottom:0}.sale-cart-row div{display:grid;gap:4px}.sale-cart-row small,.sale-list-empty{color:#64748b}
@media(max-width:520px){.sale-choice-edit{margin-left:0}.sale-product-choice{padding:10px}}

/* v11.2: compact three-column product cards (desktop). */
#saleModal .modal-card{width:min(960px,calc(100vw - 24px))}
#saleModal .sale-product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:340px;align-content:start}
#saleModal .sale-product-choice{min-width:0;padding:10px;border-radius:11px;display:flex;flex-direction:column;gap:8px}
#saleModal .sale-choice-label{align-items:flex-start;gap:7px;min-width:0}
#saleModal .sale-choice-label span{min-width:0;overflow-wrap:anywhere}
#saleModal .sale-choice-label strong{font-size:12px;line-height:1.25;display:block}
#saleModal .sale-choice-label small{font-size:10px;line-height:1.35;display:block;margin-top:4px}
#saleModal .sale-choice-label input{width:16px;height:16px;margin:1px 0 0}
#saleModal .sale-choice-edit{margin:0;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#saleModal .sale-choice-edit label{min-width:0;font-size:10px;gap:3px}
#saleModal .sale-choice-edit input{min-width:0;padding:6px;font-size:12px}
@media(max-width:650px){#saleModal .sale-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){#saleModal .sale-product-list{grid-template-columns:minmax(0,1fr)}}

/* v11.3: Separate, compact invoice actions without changing the invoice table. */
.invoice-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap}
.invoice-row-actions button{padding:8px 11px;font-size:11px;border:1px solid #d5e3f5;background:#edf5ff;color:#062856;border-radius:10px;cursor:pointer;font-weight:700}
.invoice-row-actions button:hover{background:#dcecff}
.invoice-row-actions .invoice-pdf-button{background:#ebfff3;border-color:#b7edcf;color:#08764c}
.invoice-row-actions .invoice-pdf-button:hover{background:#d6f8e5}

/* v11.4: calendario compacto conectado a las citas de Supabase */
.mini-calendar-panel{margin-bottom:18px;max-width:560px}
.mini-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}
.mini-calendar-head h2{font-size:17px;color:var(--navy);margin-top:3px}
.mini-calendar-controls{display:flex;align-items:center;gap:9px}
.mini-calendar-controls strong{font-size:12px;min-width:120px;text-align:center;text-transform:capitalize;color:var(--navy)}
.mini-calendar-controls button{border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);cursor:pointer;padding:7px 10px}
.mini-calendar-weekdays,.mini-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.mini-calendar-weekdays{font-size:10px;font-weight:800;color:var(--muted);margin-bottom:6px}
.mini-calendar-day{position:relative;min-height:42px;border:1px solid transparent;border-radius:9px;background:#f5f8ff;color:var(--navy);font-size:12px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.mini-calendar-day:hover{border-color:var(--blue);background:#edf5ff}
.mini-calendar-day.has-appointments{background:#e8f2ff;border-color:#b8d6ff;color:#064aa0}
.mini-calendar-day small{font-size:8px;color:#096bd8;font-weight:800;line-height:1}
.mini-calendar-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px #096bd8}
.mini-calendar-day.is-selected,.mini-calendar-day.is-selected:hover{background:#096bd8;color:#fff;border-color:#096bd8}
.mini-calendar-day.is-selected small{color:#fff}
.mini-calendar-legend{font-size:10px;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:7px}
.mini-calendar-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#096bd8}
@media(max-width:480px){.mini-calendar-panel{max-width:none;padding:15px}.mini-calendar-head{align-items:flex-start;flex-direction:column}.mini-calendar-controls{width:100%;justify-content:space-between}.mini-calendar-day{min-height:38px}.mini-calendar-weekdays,.mini-calendar-days{gap:3px}}

/* Dentario v11.5 */
.back-domihub{display:block;margin-bottom:8px;font-weight:700;color:#096bd8!important;border:1px solid #bcd6f5;border-radius:9px;padding:10px!important}
.bill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;max-height:380px;overflow:auto}
.bill-choice{border:1px solid #d5e3f5;border-radius:10px;padding:10px;min-width:0;background:#fff}
.bill-choice.is-selected{border-color:#096bd8;background:#edf5ff}
.bill-choice label{display:flex;align-items:flex-start;gap:6px;font-size:13px;overflow-wrap:anywhere}
.bill-choice small{display:block;color:#64748b;font-size:11px;margin-top:4px}
.bill-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}
.bill-controls label{display:block;font-size:11px}.bill-controls input{width:100%;min-width:0;padding:5px;border:1px solid #cbd5e1;border-radius:6px}
.bill-total{display:flex;justify-content:space-between;padding:16px 0;margin:12px 0;border-top:1px solid #d5e3f5;font-size:18px}
@media(max-width:760px){.bill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.bill-grid{grid-template-columns:1fr}}

/* Dentario v12 - registro de pagos */
.payment-overlay[hidden]{display:none!important}.payment-overlay{position:fixed;inset:0;background:#031a3acc;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.payment-dialog{background:white;color:#062856;width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:16px;padding:24px;box-shadow:0 20px 80px #0005}.payment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-heading button{border:0;background:#edf5ff;border-radius:8px;padding:10px 14px;cursor:pointer}.payment-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.payment-metrics>div{background:#edf5ff;padding:12px;border-radius:10px}.payment-metrics strong{display:block;margin-top:6px}.payment-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.payment-history-row small{display:block;color:#64748b}.payment-footer{text-align:right;margin-top:20px}.invoice-row-actions{display:flex;flex-wrap:wrap;gap:6px}.payment-status{font-weight:700;font-size:12px}@media(max-width:600px){.payment-dialog{padding:14px}.payment-metrics{grid-template-columns:1fr}.payment-overlay{padding:6px}}

/* Dentario v12.1 - identificador de versión */
.app-version{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.25);font-size:10px;letter-spacing:.05em;text-align:center;color:#94a3b8}

/* Dentario v12.3 - inicio de sesión centrado */
.login-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(9,107,216,.14),transparent 34%),radial-gradient(circle at 85% 85%,rgba(255,23,56,.10),transparent 30%),#f4f7fb}
.login-centered{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 20px}
.login-logo{display:block;margin-bottom:22px;line-height:0}
.login-page .login-logo img{display:block;width:190px;max-width:55vw;height:auto;object-fit:contain}
.login-box{position:relative;width:min(440px,100%);overflow:hidden;background:#fff;border:1px solid #dfe7f1;border-radius:22px;padding:38px;box-shadow:0 24px 70px rgba(6,40,86,.14)}
.login-accent{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--blue) 0 50%,var(--red) 50%)}
.login-product{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--navy);font-size:15px;margin-bottom:22px}
.login-box h1{text-align:center;color:var(--navy);font-size:30px;line-height:1.15;letter-spacing:-1px}
.login-intro{text-align:center;color:var(--muted);font-size:13px;margin:9px 0 27px}
.login-box form{display:grid;gap:17px}
.login-box .field{gap:7px}
.login-box .field label{font-size:11px;color:var(--navy);font-weight:700}
.login-box .field input{min-height:48px;padding:12px 14px;border:1px solid #d8e2ee;border-radius:10px;background:#fbfcfe;color:var(--text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.login-box .field input:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,107,216,.10)}
.login-box .password-wrap{position:relative;display:block}
.login-box .password-wrap input{width:100%;padding-right:74px!important;border-radius:10px}
.login-box .password-wrap button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);padding:6px;font-size:10px;font-weight:800;cursor:pointer}
.login-box .login-error{min-height:0;margin:0;font-size:11px}
.login-box .login-error:not(:empty){min-height:18px;padding:9px 11px;border-radius:8px;background:#fff0f2}
.login-box .login-submit{min-height:48px;margin-top:0;border-radius:10px;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}
.login-box .login-submit:hover{background:#df1230;transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,23,56,.24)}
.login-box .secure-note{margin-top:20px;font-size:9px}
.login-back{display:block;width:max-content;margin:17px auto 0;color:var(--blue);font-size:11px;font-weight:700}
.login-support{margin-top:18px;color:var(--muted);font-size:11px;text-align:center}
.login-support a{color:var(--blue);font-weight:700}
@media(max-width:520px){.login-centered{justify-content:flex-start;padding:28px 15px}.login-logo{margin-bottom:17px}.login-page .login-logo img{width:155px}.login-box{padding:31px 22px;border-radius:18px}.login-box h1{font-size:27px}.login-intro{margin-bottom:23px}}
.forgot-password-link{display:block;width:max-content;margin:8px 0 0 auto;color:var(--blue);font-size:11px;font-weight:700}
.form-feedback{min-height:18px;margin-top:14px;padding:0;font-size:12px;font-weight:700}
.form-feedback.error,.form-feedback.success{padding:11px 13px;border-radius:9px}
.form-feedback.error{color:#b4142e;background:#fff0f2;border:1px solid #ffd7de}
.form-feedback.success{color:#08764c;background:#ebfff3;border:1px solid #b7edcf}
.profile .avatar.has-business-logo{width:72px;height:44px;border-radius:10px;padding:4px;background:#fff;border:1px solid #dbe5f1;overflow:hidden;flex-shrink:0}
.profile .avatar.has-business-logo img{display:block;width:100%;height:100%;object-fit:contain}
.pwa-install-button{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff;border-radius:9px;padding:10px 11px;font-size:11px;font-weight:800;cursor:pointer;margin-bottom:6px}.pwa-install-button:hover{background:rgba(255,255,255,.18)}
.login-support .pwa-install-button{width:auto;margin:12px auto 0;border-color:#c7d9ef;background:#fff;color:var(--blue);padding:9px 14px}
.dentario-launch-screen{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(155deg,#f5f8fc,#e4f0ff);color:var(--navy);opacity:1;transition:opacity .45s ease;pointer-events:none}.dentario-launch-screen.hide{opacity:0}.dentario-launch-screen img{width:112px;height:112px;object-fit:contain;margin-bottom:15px}.dentario-launch-screen strong{font-size:27px;letter-spacing:-1px}.dentario-launch-screen span{font-size:12px;color:var(--muted);margin-top:5px}
.auth-message{min-height:18px;font-size:12px;line-height:1.5;text-align:center}
.auth-message.error{color:#b4142e;background:#fff0f2;border-radius:9px;padding:10px}
.auth-message.success{color:#08764c;background:#ebfff3;border-radius:9px;padding:10px}
.onboarding-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(9,107,216,.13),transparent 30%),#f4f7fb}.onboarding-shell{width:min(1050px,calc(100% - 30px));margin:0 auto;padding:28px 0 60px}.onboarding-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.onboarding-brand img{width:44px;height:44px;object-fit:contain}.onboarding-brand>div{display:grid}.onboarding-brand span{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--blue)}.onboarding-brand strong{color:var(--navy)}.onboarding-brand>button{margin-left:auto;border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.onboarding-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.onboarding-progress{display:grid;grid-template-columns:repeat(4,1fr);background:#f8fbff;border-bottom:1px solid var(--border)}.onboarding-progress button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;padding:17px 10px;color:var(--muted);font-size:11px;font-weight:700}.onboarding-progress button span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e7edf5;color:var(--navy)}.onboarding-progress button.active{color:var(--blue);border-bottom-color:var(--blue)}.onboarding-progress button.active span{background:var(--blue);color:#fff}.onboarding-progress button.complete span{background:#dff8ec;color:#08764c}.onboarding-step{padding:38px}.onboarding-step h1{font-size:30px;color:var(--navy);letter-spacing:-1px}.onboarding-step>p{color:var(--muted);font-size:13px;margin:8px 0 27px}.onboarding-step h2{color:var(--navy);font-size:16px;margin-bottom:12px}.onboarding-step .settings-form{max-width:none}.onboarding-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:27px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9daf0;background:#edf5ff;color:#075bb8;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.starter-heading{margin-top:25px}.starter-item{display:grid;grid-template-columns:auto 1fr 115px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.starter-item>input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.starter-item>span{display:grid}.starter-item small{color:var(--muted);font-size:10px}.starter-item>input[type=number],.starter-product label input{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px}.starter-product{grid-template-columns:auto 1fr 90px 100px}.starter-product>label{display:grid;gap:4px;color:var(--muted);font-size:9px}.onboarding-import{border:1px dashed #aac3e2;border-radius:14px;padding:24px;background:#f8fbff;text-align:center}.onboarding-import input{max-width:100%}.onboarding-import p{font-size:11px;color:var(--muted);margin:12px}.onboarding-preview{min-height:80px;margin-top:15px;border:1px solid var(--border);border-radius:12px;padding:15px;color:var(--muted);font-size:12px}.onboarding-preview strong{color:var(--navy)}.first-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.first-use-grid a{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;border:1px solid var(--border);border-radius:13px;padding:16px;background:#f8fbff}.first-use-grid a>span{grid-row:1/3;font-size:25px}.first-use-grid strong{color:var(--navy)}.first-use-grid small{color:var(--muted)}.first-use-tip{margin-top:20px;padding:15px;border-radius:11px;background:#edf5ff;color:#36516f;font-size:12px}.first-use-tip strong{color:var(--navy)}
@media(max-width:720px){.onboarding-shell{width:min(100% - 18px,1050px);padding-top:15px}.onboarding-card{border-radius:15px}.onboarding-step{padding:25px 18px}.onboarding-progress button{font-size:0;padding:12px 5px}.onboarding-progress button span{font-size:11px}.starter-grid,.first-use-grid{grid-template-columns:1fr}.starter-item{grid-template-columns:auto 1fr 100px}.starter-product{grid-template-columns:auto 1fr}.starter-product>label{grid-column:auto}.onboarding-actions{flex-wrap:wrap}.onboarding-actions .primary{flex:1}.onboarding-brand>button{font-size:10px}}
.first-use-grid>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;border:1px solid var(--border);border-radius:13px;padding:16px;background:#f8fbff}.first-use-grid>div>span{grid-row:1/3;font-size:25px}
.invoice-logo-settings{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.invoice-logo-preview{height:120px;border:1px dashed #b8c8dc;border-radius:16px;background:#f8fbff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#64748b}.invoice-logo-preview img{width:100%;height:100%;object-fit:contain;padding:12px}.invoice-logo-settings input[type=file]{width:100%;padding:12px;border:1px solid #d7e0eb;border-radius:12px;background:#fff}@media(max-width:700px){.invoice-logo-settings{grid-template-columns:1fr}.invoice-logo-preview{max-width:220px}}