:root{
  --bg:#f6eee3;--surface:#fffdf9;--surface-2:#fbf6ef;--text:#4c3425;--muted:#8b7666;
  --line:#eadcca;--orange:#eb8a24;--orange-soft:#fff0dc;--green:#6f9f62;--green-soft:#edf6e9;
  --blue:#5791bd;--blue-soft:#edf5fb;--purple:#8a70b7;--purple-soft:#f2edfa;
  --red:#d85e57;--red-soft:#fff0ee;--shadow:0 10px 28px rgba(81,55,32,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 6% 4%,rgba(235,138,36,.08),transparent 25%),
  radial-gradient(circle at 93% 4%,rgba(111,159,98,.07),transparent 23%),var(--bg);
  color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:22px;
  background:rgba(255,253,249,.9);backdrop-filter:blur(16px);border-right:1px solid var(--line);z-index:30}
.brand{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:4px;text-align:left;color:var(--text)}
.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#f5d0a6,#fff6e8);color:#a46634;box-shadow:var(--shadow)}
.brand-mark svg{width:28px;height:28px}
.brand strong{display:block;font-size:21px}
.brand small,.pet-side-card small{display:block;color:var(--muted);margin-top:3px;font-size:12px}
.side-nav{display:flex;flex-direction:column;gap:7px}
.side-nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);font-weight:800;border-radius:15px;padding:13px 14px;text-align:left}
.side-nav button:hover,.side-nav button.active{background:#f3e5d3;color:#71462c}
.side-nav svg{width:21px;height:21px}
.pet-side-card{margin-top:auto;border:1px solid var(--line);border-radius:18px;padding:13px;display:flex;align-items:center;gap:11px;background:linear-gradient(145deg,#fff9f0,#f3e8d8)}
.pet-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#f1d8b9;border:2px solid white;box-shadow:0 5px 12px rgba(71,49,31,.12)}
.pet-avatar.large{width:60px;height:60px;font-size:32px}
.pet-avatar img{width:100%;height:100%;object-fit:cover}
.cat-placeholder{font-size:26px}

.main{width:100%;max-width:1500px;margin:auto;padding:22px 28px 96px;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 15px;border-radius:23px;background:rgba(255,253,249,.75);border:1px solid rgba(234,220,202,.85);box-shadow:var(--shadow)}
.pet-heading{display:flex;align-items:center;gap:13px;min-width:0}
.pet-heading h1{font-size:28px;margin:0;white-space:nowrap}
.pet-heading p{color:var(--muted);margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;gap:8px}
.icon-button{position:relative;width:43px;height:43px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center}
.notification-dot{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;border-radius:99px;background:var(--orange);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid var(--surface)}
.page{display:none;animation:page-in .2s ease}
.page.active{display:block}
@keyframes page-in{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}

.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}
.summary-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:13px;min-height:94px;padding:15px;border:1px solid var(--line);border-left-width:5px;border-radius:19px;background:var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow);transition:.18s}
.summary-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(81,55,32,.11)}
.summary-card.orange{border-left-color:#eaa04e;background:linear-gradient(145deg,#fffdf9,#fff7eb)}
.summary-card.green{border-left-color:#7fac74;background:linear-gradient(145deg,#fffdf9,#f3f9f0)}
.summary-card.blue{border-left-color:#78abd0;background:linear-gradient(145deg,#fffdf9,#f1f7fb)}
.summary-card.purple{border-left-color:#9a83c5;background:linear-gradient(145deg,#fffdf9,#f6f1fb)}
.summary-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center}
.orange .summary-icon{background:var(--orange-soft);color:#c87520}
.green .summary-icon{background:var(--green-soft);color:#5d8953}
.blue .summary-icon{background:var(--blue-soft);color:#4b82ac}
.purple .summary-icon{background:var(--purple-soft);color:#725b9f}
.summary-icon svg{width:25px;height:25px}
.summary-card small{display:block;color:var(--muted);margin-bottom:3px}
.summary-card strong{display:block;font-size:23px;line-height:1.1;overflow-wrap:anywhere}
.summary-arrow{color:#b9a999;width:18px;height:18px}

.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}
.panel{background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:17px;min-width:0}
.dashboard-grid>.panel:nth-child(1),.dashboard-grid>.panel:nth-child(2),.dashboard-grid>.panel:nth-child(3){grid-column:span 4}
.documents-preview-panel{grid-column:span 8}
.emergency-panel{grid-column:span 4;background:linear-gradient(145deg,#fffaf8,#fff0ed);border-color:#f1d4cf}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.panel-header h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0;min-width:0}
.heading-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}
.heading-icon.orange{background:var(--orange-soft);color:#c87520}.heading-icon.green{background:var(--green-soft);color:#5d8953}
.heading-icon.blue{background:var(--blue-soft);color:#4b82ac}.heading-icon.purple{background:var(--purple-soft);color:#725b9f}.heading-icon.red{background:var(--red-soft);color:#c94f49}
.text-link{border:0;background:transparent;color:var(--orange);font-weight:800;padding:7px;white-space:nowrap}
.panel-description{color:var(--muted);margin:-3px 0 14px;font-size:14px;line-height:1.55}

.stock-list,.recent-list,.schedule-list{display:flex;flex-direction:column;gap:9px}
.stock-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(82px,auto);align-items:center;gap:11px;padding:10px;border-radius:15px;background:var(--surface-2);border:1px solid transparent;min-width:0}
.stock-row:hover{border-color:#edd6bc}
.product-photo{width:52px;height:52px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px solid var(--line);padding:3px;flex:0 0 auto}
.product-photo.large{width:78px;height:78px;border-radius:18px}
.product-photo img{width:100%;height:100%;object-fit:contain}
.product-fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#f8dfbd,#fff5e5);font-weight:900;color:#a86835}
.product-copy{min-width:0}
.product-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-copy small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stock-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;text-align:right;min-width:82px}
.stock-meta>strong{display:block;color:var(--orange);font-size:16px;white-space:nowrap}
.tag{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap}
.tag.orange{color:#b96619;background:var(--orange-soft)}.tag.green{color:#4e7946;background:var(--green-soft)}.tag.red{color:#b74943;background:var(--red-soft)}.tag.blue{color:#477ba3;background:var(--blue-soft)}

.schedule-row,.recent-row{width:100%;border:0;background:var(--surface-2);border-radius:15px;padding:10px;display:grid;grid-template-columns:43px minmax(0,1fr) auto 16px;align-items:center;gap:10px;text-align:left;color:var(--text)}
.recent-row{grid-template-columns:43px minmax(0,1fr) 16px}
.content-art{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:900}
.medicine-art{background:#e9f2e4;color:#668e5e}.health-art{background:#f2ead9;color:#d36b62}
.grow{min-width:0}.grow strong,.grow small{display:block}.grow small{color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.date-stack{text-align:right;white-space:nowrap}.date-stack strong,.date-stack small{display:block}.date-stack small{color:var(--muted);margin-top:3px}
.row-chevron{width:16px;height:16px;color:#b8a897}

.document-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.document-preview-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.document-preview{border:1px solid #e3d9ef;background:linear-gradient(145deg,#fbf8ff,#f1eafa);border-radius:15px;padding:12px;text-align:left;color:var(--text);min-width:0}
.document-preview span{font-size:23px}.document-preview strong,.document-preview small{display:block;margin-top:5px}
.document-preview strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-preview small{color:var(--muted);font-size:11px}
.emergency-row{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--text);padding:12px 2px;border-bottom:1px dashed #eccdc8;text-align:left}
.emergency-row span strong,.emergency-row span small{display:block}.emergency-row span small{color:var(--muted);margin-top:3px}.emergency-row svg{color:var(--red)}

.primary-button,.soft-button,.outline-button,.danger-button{border-radius:14px;padding:11px 14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;transition:.18s}
.primary-button{background:linear-gradient(135deg,#ec932f,#e77d17);color:#fff;box-shadow:0 8px 17px rgba(235,138,36,.22)}
.soft-button.green{background:var(--green-soft);border-color:#cadec4;color:#4e7946}
.soft-button.blue{background:var(--blue-soft);border-color:#c9dce9;color:#477ba3}
.soft-button.purple{background:var(--purple-soft);border-color:#d9cef0;color:#705a9e}
.outline-button{background:#fff;border-color:var(--line);color:var(--text)}
.danger-button{background:var(--red);color:#fff}
.full{width:100%;margin-top:13px}.compact{padding:8px 11px;font-size:13px}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.primary-button:hover,.soft-button:hover,.outline-button:hover,.danger-button:hover{transform:translateY(-1px)}

.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}
.page-header h2{font-size:27px;margin:0}.page-header p{color:var(--muted);margin:5px 0 0}
.header-actions{display:flex;gap:9px;flex-wrap:wrap}
.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.mini-summary{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:14px;text-align:left;color:var(--text);box-shadow:var(--shadow)}
.mini-summary small,.mini-summary strong{display:block}.mini-summary small{color:var(--muted)}.mini-summary strong{font-size:21px;margin-top:4px}
.mini-summary.orange{border-left:5px solid #eaa04e}.mini-summary.green{border-left:5px solid #7fac74}.mini-summary.purple{border-left:5px solid #9a83c5}
.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.desktop-table-wrap{overflow:auto}
.inventory-table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:780px}
.inventory-table th{text-align:left;color:var(--muted);font-size:12px;padding:0 10px 4px}
.inventory-table td{background:var(--surface-2);padding:10px}.inventory-table td:first-child{border-radius:14px 0 0 14px}.inventory-table td:last-child{border-radius:0 14px 14px 0}
.table-product{display:flex;align-items:center;gap:10px;min-width:210px}.table-product .product-photo{width:45px;height:45px}.table-product strong,.table-product small{display:block}.table-product small{color:var(--muted);margin-top:3px}
.inventory-detail{position:sticky;top:16px}.detail-title{display:flex;align-items:center;gap:13px}.detail-title h2{margin:0}.detail-title p{color:var(--muted);margin:3px 0 6px}
.photo-change{width:100%;margin-top:12px;border:1px dashed #dcbf9e;border-radius:13px;background:#fff8ef;color:#9a622f;padding:10px;font-weight:800}
.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.detail-metrics>div{background:var(--surface-2);border-radius:13px;padding:11px}.detail-metrics small,.detail-metrics strong{display:block}.detail-metrics small{color:var(--muted)}.detail-metrics strong{margin-top:4px}
.mobile-inventory-list{display:none}
.shopping-integration{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.shopping-integration>div{display:flex;align-items:center;gap:12px}.shopping-integration h2,.shopping-integration p{margin:0}.shopping-integration p{color:var(--muted);margin-top:3px}

.record-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:4px;margin-bottom:13px}
.record-tabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:800;border-radius:999px;padding:9px 13px}
.record-tabs button.active{background:var(--orange-soft);border-color:#efc38f;color:#a75c19}
.records-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:14px}
.timeline{display:flex;flex-direction:column;gap:8px}
.timeline-item{width:100%;border:1px solid transparent;border-radius:14px;background:var(--surface-2);padding:12px;text-align:left;color:var(--text)}
.timeline-item.active{border-color:#eaae6d;background:#fff8ef}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{color:var(--muted);margin-top:4px}
.record-detail-panel dl{margin:0}.record-detail-panel dl>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}.record-detail-panel dt{color:var(--muted)}.record-detail-panel dd{margin:0;font-weight:700}
.record-photo-placeholder{margin-top:14px;min-height:155px;border:1px dashed #d7c4ae;border-radius:16px;background:#faf4eb;display:grid;place-items:center;color:var(--muted)}

.upload-panel{padding:14px}
.upload-zone{width:100%;min-height:190px;border:2px dashed #d6c8e8;border-radius:19px;background:linear-gradient(145deg,#fffdfb,#faf6ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;cursor:pointer}
.upload-zone:hover{border-color:#aa91cd;background:#faf5ff}
.upload-zone input{display:none}.upload-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--purple-soft);color:#795fa7}.upload-icon svg{width:28px;height:28px}
.upload-zone strong{font-size:18px}.upload-zone>span:not(.upload-icon):not(.upload-button-look){color:var(--muted)}
.upload-button-look{margin-top:4px;padding:8px 13px;border-radius:12px;background:#fff;border:1px solid #ded2ee;color:#6f599b;font-weight:800}
.selected-files{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px}.file-chip{padding:7px 10px;border-radius:999px;background:var(--purple-soft);color:#6e5999;font-size:12px;font-weight:800}
.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.document-card{min-height:145px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.document-card h3{margin:9px 0 4px}.document-card p{color:var(--muted);margin:0;font-size:13px}

.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line)}.setting-row:last-child{border-bottom:0}.setting-row span strong,.setting-row span small{display:block}.setting-row span small{color:var(--muted);margin-top:3px}
.toggle{width:50px;height:29px;border:0;border-radius:999px;background:#d5cdc3;position:relative}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.18s}.toggle.on{background:var(--green)}.toggle.on:after{left:24px}

.bottom-nav{display:none}
.modal-layer{position:fixed;inset:0;background:rgba(58,42,30,.38);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}
.modal-layer.open{display:flex}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:19px;box-shadow:0 25px 70px rgba(54,37,23,.25)}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-header h2{margin:0}.modal-header button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.json-label,.product-photo-editor label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.form-grid .full{grid-column:1/-1}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 11px;color:var(--text);outline:none}textarea{min-height:105px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#e4a35d;box-shadow:0 0 0 3px rgba(235,138,36,.12)}
.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.modal-note{color:var(--muted);font-size:13px;line-height:1.6}
.product-photo-editor{display:grid;grid-template-columns:190px 1fr;gap:16px}.product-photo-preview{height:210px;border:1px solid var(--line);border-radius:18px;background:#fffaf2;display:grid;place-items:center;overflow:hidden;padding:8px}.product-photo-preview img{width:100%;height:100%;object-fit:contain}.file-picker{margin-top:11px;border:2px dashed #dec4a7;border-radius:14px;background:#fff8ef;padding:15px;text-align:center;cursor:pointer}.file-picker input{display:none}
.shopping-preview{display:flex;flex-direction:column;gap:9px}.shopping-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.shopping-row .product-photo{width:58px;height:58px}.shopping-row small{display:block;color:var(--muted);margin-top:3px}.shopping-row>strong{color:var(--orange)}
.emergency-profile{display:flex;align-items:center;gap:12px;margin-bottom:12px}.emergency-profile strong,.emergency-profile small{display:block}.emergency-profile small{color:var(--muted);margin-top:3px}.emergency-details{margin:0}.emergency-details>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}.emergency-details dt{color:var(--muted)}.emergency-details dd{margin:0;font-weight:700;text-align:right}
.toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#4b3425;color:#fff;border-radius:999px;padding:11px 17px;font-weight:800;z-index:200;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1120px){
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid>.panel:nth-child(1),.dashboard-grid>.panel:nth-child(2),.dashboard-grid>.panel:nth-child(3){grid-column:span 6}
  .dashboard-grid>.panel:nth-child(3){grid-column:span 12}
  .documents-preview-panel{grid-column:span 7}.emergency-panel{grid-column:span 5}
  .records-layout{grid-template-columns:280px minmax(0,1fr)}.related-docs{grid-column:1/-1}
}
@media(max-width:820px){
  .app-shell{display:block}.sidebar{display:none}.main{padding:13px 12px 92px}
  .topbar{padding:10px 11px;border-radius:19px}.pet-heading h1{font-size:22px}.pet-heading p{font-size:12px;max-width:58vw}.pet-avatar.large{width:49px;height:49px}.top-actions .icon-button:last-child{display:none}
  .summary-grid{gap:9px}.summary-card{min-height:82px;grid-template-columns:41px minmax(0,1fr) 14px;gap:9px;padding:11px}.summary-icon{width:41px;height:41px}.summary-card strong{font-size:19px}.summary-card small{font-size:12px}
  .dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:11px}.document-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-header{align-items:flex-start;flex-direction:column}.page-header h2{font-size:24px}.header-actions{width:100%}.header-actions>*{flex:1}
  .inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-summary>.mini-summary:last-child{grid-column:1/-1}
  .inventory-layout{display:block}.inventory-detail{position:static;margin-top:11px}.desktop-table-wrap{display:none}.mobile-inventory-list{display:flex;flex-direction:column;gap:8px}
  .mobile-inventory-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:15px;background:var(--surface-2)}
  .mobile-inventory-row .product-photo{width:50px;height:50px}.mobile-inventory-row small{display:block;color:var(--muted);margin-top:3px}.mobile-inventory-row .right{text-align:right}.mobile-inventory-row .right strong{display:block;color:var(--orange);white-space:nowrap}
  .shopping-integration{align-items:flex-start;flex-direction:column}.shopping-integration .soft-button{width:100%}
  .records-layout{display:block}.records-layout>.panel{margin-bottom:11px}
  .document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{display:block}.settings-grid>.panel{margin-bottom:11px}
  .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,253,249,.95);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .bottom-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:800;padding:3px}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{color:#a45e22}
  .toast{bottom:82px}
}
@media(max-width:480px){
  .summary-grid{grid-template-columns:1fr 1fr}.summary-card{grid-template-columns:39px minmax(0,1fr);}.summary-arrow{display:none}
  .stock-row{grid-template-columns:48px minmax(0,1fr) minmax(74px,auto);gap:8px;padding:9px}.product-photo{width:48px;height:48px}.stock-meta{min-width:74px}.stock-meta>strong{font-size:14px}.tag{font-size:10px;padding:3px 6px}
  .schedule-row{grid-template-columns:40px minmax(0,1fr) auto}.schedule-row .row-chevron{display:none}.date-stack strong{font-size:13px}
  .split-actions{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.product-photo-editor{grid-template-columns:1fr}.product-photo-preview{height:220px}
  .panel{padding:14px}.upload-zone{min-height:180px;padding:20px 12px}.emergency-details>div{font-size:13px}
}