/* App chrome only. Receipt/PDF coordinates remain in the original stylesheet. */
:root{--gold:#a47928;--brown:#171b22;--card:#fff;--danger:#a63737}
html,body{background:#f7f7f4;color:#171b22;font-family:Tahoma,Arial,sans-serif;line-height:1.6}
button{cursor:pointer;min-height:46px;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}input{min-width:0;font-size:16px;border:1px solid #dddeda;background:#fff;border-radius:12px;color:#171b22}input:focus{border-color:#a47928;box-shadow:0 0 0 3px #a4792818}button:focus-visible{outline:3px solid #a47928;outline-offset:3px}[hidden]{display:none!important}
.app-header{background:#171b22;box-shadow:none;display:flex;padding:calc(14px + env(safe-area-inset-top)) 22px 14px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#f4e0b4;font-size:18px;margin:0;text-align:right}.brand small{display:block;font-size:12px;color:#a9adb3;font-weight:400;letter-spacing:0}.brand-mark{font-size:42px;line-height:1}.status-chip{font-size:12px;background:#ffffff12;color:#e8ebe7;padding:5px 12px;border-radius:30px;white-space:nowrap}
.tabs{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e5e5df;backdrop-filter:blur(16px);gap:4px}.tab{display:flex;flex-direction:column;align-items:center;gap:1px;border:0;color:#747873;border-radius:12px;padding:3px 4px;font-size:12px;font-weight:500;background:none}.tab span{font-size:24px;line-height:1.2}.tab.active{background:#a4792810;color:#846022;font-weight:700}
.layout{max-width:1100px;padding:26px 22px calc(112px + env(safe-area-inset-bottom))}.page{animation:appear .18s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}h1{font-size:24px;letter-spacing:-.5px}h2{font-size:19px}.muted,.home-intro p{color:#777b77;font-size:14px}.home-intro{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.eyebrow{font-size:12px!important;margin-bottom:6px}.big-diamond{color:#b59351;font-size:70px;font-weight:400}.today-card{padding:26px;border-radius:22px;background:#20262d;color:white;margin-bottom:16px;position:relative;overflow:hidden}.today-card span,.today-card small{display:block;color:#c9cdd0}.today-card strong{display:block;font-size:38px;color:#efd29a;margin:8px 0;font-weight:500;font-variant-numeric:tabular-nums}.today-card small{font-size:13px}.wide{width:100%;margin-bottom:18px}.primary{border:0;border-radius:13px;padding:14px 18px;background:#a47b30;color:#fff;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px}.text-button{background:none;border:0;color:#886422;padding:8px 4px;font-size:14px}.notice{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#fff4d9;border:1px solid #eadab5;border-radius:14px;padding:14px;margin:6px 0 20px}.notice p{font-size:13px}.notice button{border:0;border-radius:10px;background:#fff;padding:8px;font-size:14px}
.panel,.stats div{background:white;border:1px solid #e6e7e1;box-shadow:none;border-radius:20px;padding:22px}.panel h2,.panel h3{color:#171b22}.panel-head strong{font-size:18px;font-weight:500;direction:ltr;color:#9a772f}.work-grid{grid-template-columns:1fr}.form-grid{gap:14px}.form-grid label{font-size:14px;color:#555a54;font-weight:500}.form-grid label:nth-child(1){grid-column:span 2;display:none}.form-grid label:nth-child(4),.form-grid label:nth-child(5){grid-column:span 2}.items-title span{font-size:12px;font-weight:400;color:#888}.item-form{grid-template-columns:1fr 1fr}.item-form #itemDesc{grid-column:span 2}.item-form #price{grid-column:span 2}.item-form button{grid-column:span 2;background:#21272d;color:white}.item-card{background:#f7f8f5;border:1px solid #e5e6df;grid-template-columns:1fr auto;gap:4px 12px}.item-card small{font-size:12px;color:#858980}.item-card strong{font-size:16px}.item-card button{grid-column:2;background:none;color:#a63737;padding:4px;font-size:13px;min-height:36px}.receipt-summary{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #ecece7}.receipt-summary strong{font-size:23px;color:#926d29}.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:span 2;background:#a47b30;color:#fff}.actions button{background:#f0f1ec;color:#454b42;font-size:14px}.actions .danger{background:none;color:#a63737}.soft-btn{background:#f1f2ee;color:#485044;font-weight:500}
.saved-item{background:#fff;border:1px solid #e6e7e1;border-radius:15px;padding:14px;gap:10px;box-shadow:none}.receipt-open{flex:1;text-align:right;border:0;background:none;color:#171b22;min-width:0;padding:0}.receipt-open strong{display:block;font-size:15px}.receipt-open small{display:block;color:#83877f;font-size:12px}.receipt-open .receipt-number{color:#9b792f;font-size:12px;direction:ltr;display:inline-block}.saved-item .receipt-open{background:none;color:#171b22;border-radius:0;font-weight:400}.saved-item .delete-receipt{background:none;color:#a63737;font-size:13px;font-weight:400;padding:6px}.saved-list .empty{padding:30px;text-align:center;color:#82877d;border:1px dashed #d8dbd1;border-radius:16px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-row label{font-size:13px;color:#777}.filter-row input{margin-top:5px;padding:10px 6px}.settings-section{padding:20px 0;border-bottom:1px solid #e8e9e2}.settings-section h2{margin-bottom:10px}.settings-section p{font-size:14px;line-height:1.9}.settings-section summary{cursor:pointer;font-size:17px}.settings-section .position-panel{border:0;margin:0}.archive-tools{grid-template-columns:1fr}.backup-btn{box-shadow:none;background:#ad853e;color:#fff;font-weight:500}.backup-status{background:#faf7ef;border-color:#e8ddc4;font-size:13px;font-weight:400}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats div{padding:12px;border-radius:12px}.stats span{font-size:12px;font-weight:400;color:#777}.stats strong{font-size:18px;color:#926d29}.version{font-size:12px;text-align:center;color:#969b91;padding-top:24px}
.preview-panel{position:fixed;inset:0;z-index:80;background:#edf0ea;overflow:auto;padding:calc(14px + env(safe-area-inset-top)) 12px 24px}.preview-viewport{position:relative;margin:auto;overflow:hidden}.preview-panel .receipt-template{width:794px!important;height:1123px!important;max-width:none!important;position:absolute;top:0;left:0;transform-origin:top left}.preview-panel .receipt-template .field{transform:none}.preview-panel .receipt-template .f-total{font-size:var(--total-size)!important}.preview-title{text-align:center;font-size:14px;color:#72796c}dialog{margin:auto;border:1px solid #ddd;border-radius:20px;width:min(520px,calc(100% - 24px));max-height:80dvh;padding:20px;color:#171b22}dialog::backdrop{background:#171b2288}#customerList{margin-top:14px}#customerList button{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid #eee;background:white;padding:12px}#customerList small{display:block;color:#888}.search{border-color:#ddd}body.keyboard-open .tabs{display:none}
@media(min-width:760px){.layout{padding-top:38px;max-width:860px}.home-intro h1{font-size:30px}.tabs{left:50%;right:auto;transform:translateX(-50%);width:560px;border:1px solid #e5e5df;border-radius:20px 20px 0 0}.brand{font-size:20px}.today-card{padding:32px}.today-card strong{font-size:46px}.item-form{grid-template-columns:2fr 1fr 1fr 1.5fr}.item-form #itemDesc,.item-form #price{grid-column:auto}.item-form button{grid-column:span 4}}
@media(max-width:400px){.layout{padding:20px 14px 112px}.panel{padding:16px}h1{font-size:21px}.big-diamond{font-size:52px}.today-card strong{font-size:31px}.app-header{padding-left:16px;padding-right:16px}.stats{grid-template-columns:1fr}.stats div{display:flex;justify-content:space-between;align-items:center}}
@media(prefers-reduced-motion:reduce){.page{animation:none}}
/* Phone rules in style.css shrink table text in the preview only, so it stopped matching the PDF. */
.preview-panel .item-row .item-price{font-size:var(--itemPrice-size)}.preview-panel .item-row .item-weight{font-size:var(--itemWeight-size)}.preview-panel .item-row .item-karat{font-size:var(--itemKarat-size)}.preview-panel .item-row .item-name{font-size:var(--itemName-size)}
#pdfDialog p{margin:8px 0 18px}/* iOS date/time inputs collapse when empty and push past their grid cell. */
.form-grid{grid-template-columns:1fr 1fr}.form-grid label,.filter-row label{min-width:0}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;min-height:50px}
@media(max-width:759px){#newPage{padding-bottom:64px}.active-page #printBtn{position:fixed;z-index:61;bottom:calc(82px + env(safe-area-inset-bottom));left:22px;right:22px;width:calc(100% - 44px);box-shadow:0 4px 20px #171b2230}.keyboard-open #printBtn{position:static;width:auto;box-shadow:none}}