/* Şark Divan admin v2 */
.auth-pending{overflow:hidden}.auth-pending>*{visibility:hidden}.auth-pending .admin-login{visibility:visible}.admin-login{display:none;position:fixed;inset:0;z-index:1000;overflow:auto;background:radial-gradient(circle at 15% 15%,rgba(193,104,62,.17),transparent 31%),linear-gradient(135deg,#21130f 0%,#382018 48%,#1c110e 100%);padding:28px}.auth-login{overflow:hidden}.auth-login .sidebar,.auth-login .main,.auth-login dialog,.auth-login .modal-backdrop,.auth-pending .sidebar,.auth-pending .main{display:none!important}.auth-login .admin-login,.auth-pending .admin-login{display:grid;place-items:center}.login-shell{width:min(470px,100%);background:#fff;border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:38px;box-shadow:0 28px 80px rgba(0,0,0,.34)}.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:26px;border-bottom:1px solid var(--line)}.login-brand img{width:48px;height:48px;border-radius:11px;object-fit:cover}.login-brand span{display:grid}.login-brand b{font:600 20px Georgia,serif}.login-brand small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.login-copy{padding:29px 0 20px}.login-copy h1{font:500 36px/1.12 Georgia,serif;margin:7px 0 10px}.login-copy p{margin:0;color:var(--muted);font-size:14px}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;font-size:12px;font-weight:750}.login-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:8px;padding:0 13px;outline:0;background:#fbfaf8}.login-form input:focus{border-color:var(--terracotta);box-shadow:0 0 0 4px rgba(166,58,23,.1);background:#fff}.password-field{display:flex;position:relative}.password-field input{padding-right:72px}.password-field button{position:absolute;right:7px;top:7px;height:34px;border:0;border-radius:6px;background:#eee8e2;color:var(--walnut);padding:0 11px;font-size:11px;font-weight:750}.login-error{min-height:20px;margin:-3px 0 0;color:var(--red);font-size:12px}.login-submit{height:49px;border:0;border-radius:8px;background:var(--terracotta);color:#fff;font-weight:800;box-shadow:0 9px 22px rgba(166,58,23,.2)}.login-submit:hover{background:var(--terracotta-dark)}.login-submit:disabled{cursor:wait;opacity:.68}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;padding-top:19px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media(max-width:540px){.admin-login{padding:14px}.login-shell{padding:27px 22px}.login-copy h1{font-size:31px}}
.nav-item{width:100%;font-style:normal}.notice{font-size:9px}.clickable-row{cursor:pointer;transition:background .16s}.clickable-row:hover{background:#fff8f3}.section-tabs{display:flex;gap:7px;margin:-3px 0 18px;border-bottom:1px solid var(--line)}.section-tabs button{border:0;background:transparent;padding:13px 16px;color:var(--muted);font-weight:750;border-bottom:2px solid transparent;margin-bottom:-1px}.section-tabs button.active{color:var(--terracotta);border-bottom-color:var(--terracotta)}.section-tabs b{background:#eee7e1;border-radius:99px;padding:2px 7px;font-size:10px;margin-left:5px}.catalog-pane,.modal-pane{display:none}.catalog-pane.active,.modal-pane.active{display:block}.toolbar-actions{display:flex;gap:8px}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:5px;padding:9px 12px;color:var(--ink)}.pane-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0 14px}.pane-intro h2{font:600 22px Georgia,serif;margin:0 0 4px}.pane-intro p{margin:0;color:var(--muted)}
.product-cell{display:flex;align-items:center;gap:11px;min-width:280px}.product-thumb{width:52px;height:52px;object-fit:cover;border-radius:7px;border:1px solid var(--line);background:#efe7df}.preview-eye{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;color:var(--walnut);text-decoration:none;flex:0 0 auto}.preview-eye:hover{color:#fff;background:var(--terracotta);border-color:var(--terracotta)}.product-name{min-width:140px}.product-name b{font-size:13px}.product-name small{margin-top:3px}.stock-low{color:var(--orange);font-weight:800}.row-actions{position:relative}.row-menu{width:34px;height:34px;border-radius:50%}.row-menu:hover,.row-menu[aria-expanded="true"]{background:#f1e9e3}.action-menu{position:absolute;right:9px;top:42px;width:172px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 16px 40px rgba(49,27,19,.15);padding:6px;z-index:18;display:none}.action-menu.open{display:grid}.action-menu button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:4px;color:var(--ink);font-size:12px}.action-menu button:hover{background:#f7f1eb;color:var(--terracotta)}.action-menu button.danger{color:var(--red)}
.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.set-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.set-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.set-card h3{font:600 18px Georgia,serif;margin:0}.set-cost{color:var(--terracotta);font:600 17px Georgia,serif;white-space:nowrap}.set-card ul{list-style:none;padding:0;margin:17px 0 0}.set-card li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #f1ebe6;color:var(--muted);font-size:12px}.set-card li b{color:var(--ink)}
.measure-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px}.measure-form{overflow:visible}.form-body{padding:0 23px 23px}.measure-form label,.settings-form label{display:grid;gap:6px;font-weight:700;font-size:12px;margin:12px 0}.measure-form input,.measure-form select,.measure-form textarea,.settings-form input,.settings-form select,dialog textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:5px;background:#fff;font:inherit;resize:vertical}.thirds{grid-template-columns:repeat(3,1fr)}.quote-card{background:#2c1b16;color:#fff;border-radius:8px;padding:25px;display:flex;flex-direction:column;gap:22px}.quote-card>div:first-child>span{font-size:10px;letter-spacing:.15em;color:#d49a75}.quote-card h2{font:500 27px Georgia,serif;margin:5px 0}.shape-preview{height:230px;background:#f5eee7;border-radius:7px;position:relative;display:grid;place-items:center;overflow:hidden}.shape-preview div{width:68%;height:35%;border-radius:8px;background:linear-gradient(135deg,#a63a17,#c35a2c);box-shadow:0 15px 35px rgba(66,30,18,.28);position:relative}.shape-preview[data-shape="l"] div{clip-path:polygon(0 0,100% 0,100% 38%,38% 38%,38% 100%,0 100%);height:60%}.shape-preview[data-shape="u"] div{clip-path:polygon(0 0,100% 0,100% 100%,65% 100%,65% 36%,35% 36%,35% 100%,0 100%);height:62%}.shape-preview b,.shape-preview em{position:absolute;color:#60463b;font-size:11px;font-style:normal}.shape-preview b{bottom:13px}.shape-preview em{right:12px;top:50%;transform:rotate(90deg)}.quote-card dl{margin:0}.quote-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #5a4036}.quote-card dt{color:#bdaaa1}.quote-card dd{margin:0;font-weight:800}.quote-card dl div:last-child dd{font:600 23px Georgia,serif;color:#f0b178}.quote-card>small{color:#af9a91;line-height:1.6}
.logo-slot{width:62px;height:62px;border:1px dashed #cbbcb2;background:#fbf8f5;border-radius:8px;display:grid;place-items:center;align-content:center;color:var(--walnut)}.logo-slot b{font:700 17px Georgia,serif}.logo-slot small{font-size:7px;color:var(--muted);text-align:center}.integration-grid article{grid-template-columns:64px 1fr auto}.integration-grid .status{grid-column:3}
.settings-form{padding:0 24px}.settings-section{padding:22px 0;border-bottom:1px solid var(--line)}.settings-section:last-child{border:0}.settings-section h2{font:600 19px Georgia,serif;margin:0 0 12px}
.dialog-shell{padding:25px}dialog.dialog-wide{width:min(920px,calc(100% - 32px));max-width:none}dialog[open]{animation:dialog-in .18s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:20px 0}.modal-tabs button{border:0;background:transparent;padding:10px 12px;color:var(--muted);font-weight:750;border-bottom:2px solid transparent}.modal-tabs button.active{color:var(--terracotta);border-bottom-color:var(--terracotta)}dialog label small{color:var(--muted);font-weight:400}.field-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.field-heading h3{font:600 18px Georgia,serif;margin:0}.field-heading p{margin:2px 0;color:var(--muted);font-size:12px}.variant-list,.set-item-rows{display:grid;gap:9px}.variant-row{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 80px 32px;gap:8px}.variant-row input,.set-item-row select,.set-item-row input{padding:9px;border:1px solid var(--line);border-radius:4px;min-width:0}.variant-row button,.set-item-row button{border:0;background:#f5ebe7;color:var(--red);border-radius:4px}.market-note{background:#fff5e7;border:1px solid #ecd5b6;border-radius:5px;padding:12px;color:#755d47;font-size:12px;margin-bottom:12px}.modal-pane details{border:1px solid var(--line);border-radius:6px;margin:10px 0}.modal-pane summary{display:flex;justify-content:space-between;padding:14px;cursor:pointer}.modal-pane summary span{color:var(--green);font-size:11px}.modal-pane details>p{margin:0;padding:0 14px 14px;color:var(--muted);font-size:11px}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 13px;padding:0 14px}.set-item-row{display:grid;grid-template-columns:1fr 120px 32px;gap:8px}.set-cost-preview{display:flex;justify-content:space-between;align-items:center;margin-top:18px;background:#f7f1e9;padding:14px;border-radius:5px}.set-cost-preview strong{font:600 22px Georgia,serif;color:var(--terracotta)}
.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.order-summary div{background:#f7f3ef;padding:12px;border-radius:5px}.order-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.order-summary b{display:block;margin-top:3px}.detail-list{border:1px solid var(--line);border-radius:6px}.detail-line{display:flex;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line)}.detail-line:first-child{border:0}.detail-line span{color:var(--muted)}.report-paper{background:#fbfaf8;border:1px solid var(--line);padding:24px;margin-top:18px}.report-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--walnut);padding-bottom:15px}.report-brand b{font:600 22px Georgia,serif}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.report-grid div{display:grid}.report-grid span{color:var(--muted);font-size:11px}.report-price{display:flex;justify-content:space-between;align-items:center;background:var(--walnut);color:#fff;padding:16px;margin-top:15px}.report-price strong{font:600 24px Georgia,serif}.toast{max-width:calc(100% - 32px)}
@media(max-width:1100px){.set-grid{grid-template-columns:repeat(2,1fr)}.measure-layout{grid-template-columns:1fr}.quote-card{min-height:auto}.variant-row{grid-template-columns:1fr 1fr 1fr}.variant-row button{min-height:38px}}
@media(max-width:760px){.section-tabs{overflow:auto}.section-tabs button{white-space:nowrap}.pane-intro{align-items:flex-start;flex-direction:column}.set-grid{grid-template-columns:1fr}.toolbar-actions{width:100%}.toolbar-actions select,.toolbar-actions button{flex:1;min-width:0}.integration-grid article{grid-template-columns:64px 1fr}.integration-grid .status{grid-column:1/-1}.thirds,.market-grid{grid-template-columns:1fr}.order-summary{grid-template-columns:1fr}.modal-tabs{overflow:auto}.modal-tabs button{white-space:nowrap}.variant-row{grid-template-columns:1fr 1fr}.set-item-row{grid-template-columns:1fr 90px 32px}.report-grid{grid-template-columns:1fr}}
@media(max-width:500px){.product-cell{min-width:245px}.preview-eye{width:29px;height:29px}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.shape-preview{height:190px}.variant-row{grid-template-columns:1fr}.set-item-row{grid-template-columns:1fr}.set-item-row button{height:36px}.modal-tabs{margin-left:-12px;margin-right:-12px}.notice{display:none}}
@media print{body>*{display:none!important}dialog[open]{display:block!important;position:static;box-shadow:none;width:100%!important}.modal-head button,.modal-actions{display:none!important}}

/* v3 management extensions */
.metric-grid strong{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:750;letter-spacing:-.035em}.card-actions,.inline-actions{display:flex;gap:6px}.icon-action{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 9px;color:var(--muted);font-size:11px}.icon-action:hover{border-color:var(--terracotta);color:var(--terracotta)}.icon-action.danger:hover{border-color:var(--red);color:var(--red)}.set-card-head{display:grid;grid-template-columns:1fr auto}.set-card-head .card-actions{grid-column:1/-1;margin-top:13px}.material-actions{display:flex;gap:5px}.settings-stack{display:grid;gap:14px}.settings-form{padding:0 24px}.settings-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:5px;font:inherit}.settings-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:15px}.settings-title>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f1e7df;color:var(--terracotta);font-weight:800;font-size:11px;flex:0 0 auto}.settings-title h2{margin:1px 0 2px}.settings-title p{margin:0;color:var(--muted);font-size:12px}.settings-title.action-title{align-items:center}.settings-title.action-title button{margin-left:auto}.settings-list{border-top:1px solid var(--line)}.settings-list-row{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #eee8e2}.settings-list-row span{display:grid}.settings-list-row small{color:var(--muted)}.switch-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px}.switch-line input{width:auto!important}.connection-note{display:flex;align-items:center;gap:11px;background:#f8f3ed;border:1px solid var(--line);padding:13px;border-radius:6px;margin-top:14px}.connection-note>span{color:var(--orange);font-size:20px}.connection-note>div{display:grid;flex:1}.connection-note small{color:var(--muted)}.product-name-line{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.market-badges{display:flex;gap:7px;padding-bottom:15px}.market-badge{width:42px;height:42px;border-radius:8px;border:1px solid var(--line);font-weight:900;filter:grayscale(1);opacity:.45;background:#eee;color:#555}.market-badge.active{filter:none;opacity:1;color:#fff}.market-badge.active.trendyol-badge{background:#f47d20;border-color:#f47d20}.market-badge.active.hb-badge{background:#5b58a6;border-color:#5b58a6}.input-action{display:flex}.input-action input{border-radius:4px 0 0 4px}.input-action button{border:1px solid var(--terracotta);background:#fff4ee;color:var(--terracotta);font-weight:750;border-radius:0 4px 4px 0;padding:0 12px}.image-manager{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.image-tile{aspect-ratio:1;position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#f1ebe6;cursor:grab}.image-tile.dragging{opacity:.38}.image-tile img{width:100%;height:100%;object-fit:cover}.image-tile .cover-label{position:absolute;left:5px;bottom:5px;background:var(--walnut);color:#fff;padding:3px 6px;border-radius:3px;font-size:9px}.image-tile button{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--red);font-weight:800}.variant-head,.variant-row{display:grid;grid-template-columns:1fr 1.1fr 1.2fr 1.25fr 1fr 70px 32px;gap:8px}.variant-head{padding:0 2px;color:var(--muted);font-size:10px;text-transform:uppercase}.variant-row select{padding:9px;border:1px solid var(--line);border-radius:4px;min-width:0;background:#fff}.variant-image-choice{display:flex;align-items:center;gap:6px}.variant-image-choice img{width:34px;height:34px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.category-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--terracotta);margin-right:7px}.empty-state{padding:25px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.variant-head{display:none}.variant-row{grid-template-columns:repeat(3,1fr)}.image-manager{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.settings-title.action-title{align-items:flex-start;flex-wrap:wrap}.settings-title.action-title button{margin-left:44px}.product-name-line{grid-template-columns:1fr}.market-badges{padding:0}.connection-note{align-items:flex-start;flex-wrap:wrap}.connection-note button{width:100%}.image-manager{grid-template-columns:repeat(3,1fr)}.variant-row{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.image-manager{grid-template-columns:repeat(2,1fr)}.variant-row{grid-template-columns:1fr}.material-actions{flex-direction:column}}
.market-badge{width:auto;min-width:88px;padding:0 11px}.hb-badge{min-width:110px}
.market-badge{background:#d6d6d6!important;color:#555!important;border-color:#bcbcbc!important;filter:grayscale(1);opacity:1}.market-badge.active.trendyol-badge{background:#f47d20!important;color:#fff!important;border-color:#f47d20!important;filter:none}.market-badge.active.hb-badge{background:#5b58a6!important;color:#fff!important;border-color:#5b58a6!important;filter:none}.linked-set-summary{align-self:end;min-height:66px;border:1px solid var(--line);background:#f8f4ef;border-radius:5px;padding:10px 12px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:12px}.linked-set-summary span{display:grid}.linked-set-summary small{line-height:1.45}.linked-set-summary strong{font-size:15px;color:var(--terracotta);white-space:nowrap}.variant-create{display:flex;gap:7px}.variant-create select{border:1px solid var(--line);background:#fff;border-radius:5px;padding:8px}.empty-variants{padding:28px;text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:6px}.variant-image-choice{position:relative}.variant-image-button{width:100%;height:42px;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:4px!important;display:flex;align-items:center;gap:7px;padding:4px!important}.variant-image-button img{width:32px;height:32px;object-fit:cover;border-radius:3px}.variant-image-gallery{display:none;position:absolute;z-index:30;left:0;top:47px;width:230px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:6px;padding:8px;grid-template-columns:repeat(3,1fr);gap:6px}.variant-image-gallery.open{display:grid}.variant-image-gallery>small{grid-column:1/-1;padding:10px;color:var(--muted)}.variant-thumb{aspect-ratio:1;border:2px solid transparent!important;background:#eee!important;padding:0!important;border-radius:4px!important;overflow:hidden}.variant-thumb.selected{border-color:var(--terracotta)!important}.variant-thumb img{width:100%;height:100%;object-fit:cover}.amount-input{display:flex}.amount-input input{border-radius:4px 0 0 4px}.amount-input b{display:grid;place-items:center;min-width:48px;border:1px solid var(--line);border-left:0;border-radius:0 4px 4px 0;background:#f4eee9;color:var(--terracotta)}.coupon-preview{display:flex;justify-content:space-between;align-items:center;background:#f8f3ed;border:1px solid var(--line);border-radius:5px;padding:11px 13px}.coupon-preview span{color:var(--muted);font-size:12px}.coupon-preview strong{color:var(--green)}#customerRows td:first-child{display:grid;white-space:normal}#customerRows td:first-child small{color:var(--muted)}.report-grid-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:18px;margin-bottom:18px}.province-bars{display:grid;gap:17px;padding:10px 23px 25px}.province-bars div{display:grid;gap:6px}.province-bars span{display:flex;justify-content:space-between;font-size:12px}.province-bars i{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--terracotta) var(--w),#eee7e1 var(--w));}.report-orders{margin-top:18px}
@media(max-width:980px){.report-grid-layout{grid-template-columns:1fr}.variant-create{width:100%}.variant-create select,.variant-create button{flex:1}}
.marketplace-status-box{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f2efec;border:1px solid #d2c9c2;border-radius:7px;padding:12px 14px;margin:4px 0 15px}.marketplace-status-box>span{font-size:12px;font-weight:800;color:var(--ink)}.marketplace-status-box .market-badges{padding:0}.marketplace-status-box .market-badge{min-width:138px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#686868!important;color:#fff!important;border:2px solid #555!important;box-shadow:0 2px 5px rgba(0,0,0,.12)}.marketplace-status-box .market-badge b{font-size:14px}.marketplace-status-box .market-badge small{font-size:10px;color:#fff!important;font-weight:800}.marketplace-status-box .market-badge.active.trendyol-badge{background:#f47d20!important;border-color:#d9640c!important}.marketplace-status-box .market-badge.active.hb-badge{background:#5b58a6!important;border-color:#44418f!important}
@media(max-width:600px){.marketplace-status-box{align-items:flex-start;flex-direction:column}.marketplace-status-box .market-badges{width:100%}.marketplace-status-box .market-badge{min-width:0;flex:1}}

/* Marketplace logos in product rows */
.marketplace-cell{display:flex;align-items:center;gap:7px;min-width:82px}
.table-market-badge{width:34px;height:34px;display:grid;place-items:center;border:1px solid #cfc7c1;border-radius:6px;background:#ededed;color:#777;overflow:hidden;filter:grayscale(1);opacity:.58}
.table-market-badge.active{filter:none;opacity:1;color:#fff}
.table-market-badge.active.trendyol{background:#f47d20;border-color:#dc6812}
.table-market-badge.active.hepsiburada{background:#5b58a6;border-color:#47448d}
.table-market-badge img{width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.table-market-badge b{font-size:10px;letter-spacing:-.03em}
.logo-slot img{width:100%;height:100%;object-fit:contain;padding:5px;border-radius:7px}
.logo-slot.has-logo b,.logo-slot.has-logo small{display:none}

/* Configurable storefront icons */
.asset-settings-head{display:grid;margin:22px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.asset-settings-head small{color:var(--muted);font-size:11px}
.asset-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.asset-setting{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fbfaf8}
.asset-setting>div{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}
.asset-setting>div>b{grid-column:1/-1;font-size:12px}
.asset-preview{display:grid;place-items:center;width:48px;height:48px;border:1px dashed #cbbcb2;border-radius:8px;background:#fff;color:var(--walnut);font-weight:800}
.asset-preview img{width:30px;height:30px;object-fit:contain}
.asset-upload{display:inline-flex!important;margin:0!important;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--terracotta);font-size:10px!important;cursor:pointer}
.asset-upload input{display:none}
.asset-setting button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:0}
.asset-setting button:hover{color:var(--red)}
@media(max-width:760px){.asset-settings-grid{grid-template-columns:1fr}}
.logo-upload-button{grid-column:1/-1;display:flex;justify-content:center;align-items:center;border:1px dashed var(--line);border-radius:5px;padding:9px 12px;color:var(--terracotta);font-size:11px;font-weight:800;cursor:pointer}
.logo-upload-button:hover{border-color:var(--terracotta);background:#fff8f3}
.logo-upload-button input{display:none}

/* Stable product list and in-app confirmation */
#productPane .panel{min-height:430px;overflow:visible}
#productPane .table-wrap{min-height:428px}
.action-menu{position:fixed!important;right:auto!important;z-index:120!important}
.confirm-dialog{width:min(430px,calc(100% - 28px))}
.confirm-shell{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:27px}
.confirm-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f8e7e5;color:var(--red);font-size:22px;font-weight:900}
.confirm-shell small{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.12em}
.confirm-shell h2{font:600 25px Georgia,serif;margin:4px 0 7px}
.confirm-shell p{margin:0;color:var(--muted);line-height:1.6}
.confirm-shell .modal-actions{grid-column:1/-1}
.danger-action{border:1px solid var(--red);border-radius:5px;padding:11px 16px;background:var(--red);color:#fff;font-weight:800}
.danger-action:hover{background:#87302d}

/* Dual-currency material costs */
.currency-rate{display:grid;gap:3px;margin:2px 0 16px;padding:13px 15px;border:1px solid #d9e2d4;border-radius:8px;background:#f4f7f2}
.currency-rate[hidden]{display:none}
.currency-rate span{font-size:11px;color:var(--muted)}
.currency-rate strong{font-size:16px;color:var(--green)}
.currency-rate small{color:var(--muted)}
.currency-pill{display:inline-flex;padding:4px 8px;border-radius:99px;background:#eee8e2;color:var(--walnut);font-size:10px;font-weight:850}
.currency-pill.usd{background:#e5f0e9;color:#286447}
.converted-price{display:block;margin-top:3px;color:var(--muted);font-size:10px}

/* Minimal typography and linked order products */
body,button,input,select,textarea{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.page-head h1,.panel-head h2,.pane-intro h2,.settings-title h2,.modal-head h2,.login-copy h1,.admin-brand b,.login-brand b,.metric-grid strong,.status-cards b{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em}
.page-head h1{font-weight:650}.panel-head h2,.pane-intro h2,.settings-title h2{font-weight:650}
.code-text,#productBarcodeInput,.coupon-preview,.report-paper{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.order-product{display:grid;grid-template-columns:46px minmax(145px,1fr);align-items:center;gap:10px;color:var(--ink);text-decoration:none;white-space:normal;min-width:220px}
.order-product img{width:46px;height:46px;border-radius:7px;border:1px solid var(--line);object-fit:cover;background:#f2ece6}
.order-product span{display:grid;gap:2px}.order-product b{font-size:12px;line-height:1.35}.order-product small{color:var(--terracotta);font-size:9px;font-weight:700}
a.order-product:hover b{color:var(--terracotta)}

/* Modern product editor and drag-and-drop media upload */
.product-editor{width:min(980px,calc(100% - 28px))!important;max-height:calc(100dvh - 28px);padding:0;border-radius:16px;background:#f7f5f1;overflow:auto}
.product-editor #productForm{padding:0}
.product-editor .modal-head{padding:25px 28px 20px;background:#fff;border-bottom:1px solid var(--line)}
.product-editor .modal-head h2{font-size:31px}
.product-editor .modal-head>button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f4f1ed;color:var(--ink);font-size:22px;transition:.18s ease}
.product-editor .modal-head>button:hover{background:#e9e3dc;transform:rotate(4deg)}
.product-editor .modal-tabs{margin:0;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line);gap:8px}
.product-editor .modal-tabs button{padding:9px 14px;border:1px solid transparent;border-radius:999px;background:#f4f1ed;color:var(--muted)}
.product-editor .modal-tabs button.active{background:var(--walnut);border-color:var(--walnut);color:#fff}
.product-editor .modal-pane{padding:24px 28px 10px}
.product-editor .modal-pane>label,.product-editor .product-name-line label{color:#4a3b34}
.product-editor input,.product-editor select,.product-editor textarea{border-color:#ddd5ce;border-radius:9px;background:#fff;transition:border-color .18s,box-shadow .18s}
.product-editor input:focus,.product-editor select:focus,.product-editor textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(166,58,23,.09)}
.product-editor .modal-actions{position:sticky;bottom:0;z-index:5;margin:20px 0 0;padding:18px 28px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.product-media-field{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.media-field-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.media-field-head>div{display:grid}.media-field-head b{font-size:13px}.media-field-head small{color:var(--muted);font-size:11px}.media-field-head>span{padding:5px 9px;border-radius:99px;background:#eee9e3;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}
.image-dropzone{min-height:210px;margin:0!important;border:1.5px dashed #c9bdb3;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f0ea);display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:28px!important;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.image-dropzone:hover,.image-dropzone.is-dragging{border-color:var(--terracotta);background:#fff8f3;box-shadow:0 10px 35px rgba(100,55,30,.09);transform:translateY(-2px)}
.image-dropzone.has-images{min-height:150px}
.image-dropzone input{position:absolute;width:1px!important;height:1px;padding:0!important;opacity:0;pointer-events:none}
.dropzone-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#f0e5dc;color:var(--terracotta);margin-bottom:4px}
.dropzone-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.image-dropzone strong{font-size:16px;color:var(--ink)}
.image-dropzone>small{font-size:12px;color:var(--muted)}
.dropzone-action{margin-top:7px;padding:8px 15px;border-radius:7px;background:var(--terracotta);color:#fff;font-size:11px;font-weight:800}
.image-dropzone em{font-style:normal;font-size:9px;color:#9a8c84;margin-top:2px}
.product-editor .image-manager{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.product-editor .image-manager:empty{display:none}
.product-editor .image-tile{border-radius:11px;border-color:#ddd5ce;box-shadow:0 5px 15px rgba(63,35,22,.06)}
.product-editor .image-tile:hover{border-color:#baa99e}
.product-editor .image-tile .cover-label{left:8px;bottom:8px;padding:4px 7px;border-radius:5px}
.product-editor .image-tile button{right:7px;top:7px;width:28px;height:28px;box-shadow:0 3px 10px rgba(0,0,0,.12)}
@media(max-width:760px){.product-editor .modal-head,.product-editor .modal-tabs,.product-editor .modal-pane,.product-editor .modal-actions{padding-left:18px;padding-right:18px}.media-field-head{display:grid}.media-field-head>span{width:max-content}.product-editor .image-manager{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){.product-editor{width:calc(100% - 14px)!important;max-height:calc(100dvh - 14px)}.image-dropzone{min-height:185px;padding:22px 14px!important}.product-editor .image-manager{grid-template-columns:repeat(2,minmax(0,1fr))}}

.security-note{margin-top:12px;padding:14px 16px;border:1px solid #dfe6dc;border-radius:10px;background:#f4f7f2;color:#394638}.security-note b{font-size:13px}.security-note p{margin:4px 0 0;color:#687267;font-size:12px;line-height:1.55}.connection-status{padding:6px 9px;border-radius:999px;background:#eee7e1;color:#75675f;font-size:11px;white-space:nowrap}.connection-note.connected{border-color:#cbd9c6;background:#f3f7f1}.connection-note.connected>span{color:#536a4d}.connection-note.connected .connection-status{background:#dce9d8;color:#3d5b36}.settings-form input[readonly]{background:#f4f1ed;color:#6c625c;cursor:not-allowed}
