.shop-admin{background:#f3f5f8;color:#203044;padding:24px;font-family:system-ui,sans-serif}.shop-admin header,.shop-admin main{max-width:1240px;margin:0 auto}.shop-admin h1{font-size:30px;margin:16px 0}.shop-admin h2{font-size:21px;margin-bottom:16px}.shop-admin section{background:white;padding:24px;border:1px solid #dfe5ec;border-radius:12px;margin:20px 0}.shop-admin label{display:flex;flex-direction:column;gap:6px;font-size:14px}.shop-admin input,.shop-admin select{padding:9px;border:1px solid #cbd5e1;border-radius:6px;max-width:100%;background:white;color:#203044}.shop-admin input[type=checkbox]{width:auto;align-self:flex-start}.shop-admin button{padding:9px 14px;background:#175dc7;color:white;border:0;border-radius:6px;cursor:pointer;margin:6px 6px 6px 0}.shop-admin button:disabled{opacity:.45;cursor:default}.shop-admin p{color:#65758b;font-size:14px;line-height:1.65;margin:10px 0}.shop-admin .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end;margin:16px 0}.shop-admin .table-wrap{overflow:auto}.shop-admin table{width:100%;border-collapse:collapse;font-size:13px}.shop-admin td,.shop-admin th{padding:12px;text-align:left;border-bottom:1px solid #e5eaf1;white-space:nowrap}.shop-admin .content-row{border:1px solid #dde4ed;border-radius:8px;padding:12px;margin:12px 0}.shop-admin .content-row input{width:100%}.shop-admin #notice{position:sticky;top:0;background:#e7eefb;padding:12px;min-height:42px;white-space:pre-wrap}.shop-admin #notice.bad{background:#fce8e5;color:#ab2b23}@media(max-width:600px){.shop-admin{padding:12px}.shop-admin section{padding:16px}.shop-admin .fields{grid-template-columns:1fr}}

.shop-admin .section-card{background:white;padding:18px 24px;border:1px solid #dfe5ec;border-radius:12px;margin:12px 0}
.shop-admin summary{cursor:pointer;font-weight:600;padding:10px 0;list-style-position:inside}
.shop-admin .section-card>summary{font-size:18px}.shop-admin .section-card:not([open]){padding-top:6px;padding-bottom:6px}
.shop-admin .table-wrap{max-height:380px;overscroll-behavior:contain}.shop-admin th{position:sticky;top:0;background:#edf2f8;z-index:1}
.shop-admin .fields{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.shop-admin .fields>*{min-width:0}
.shop-admin .danger{background:#b63845}.shop-admin #product-editor{margin-top:12px;border-top:1px solid #dfe5ec}
.shop-admin #product>button[type=submit]{box-shadow:0 3px 14px #0002}
.shop-admin #contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.shop-admin .content-row .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-admin .content-row{min-width:0;margin:0}
.shop-admin .content-row>strong{display:none}.shop-admin fieldset{min-width:0}.shop-admin .content-row input[type=checkbox]{width:auto}
@media(max-width:900px){.shop-admin #contents{grid-template-columns:1fr}.shop-admin .fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shop-admin .section-card{padding:10px}.shop-admin .fields{grid-template-columns:1fr}}

.shop-admin [hidden]{display:none!important}.shop-admin .content-row:only-child{grid-column:1/-1}.shop-admin .content-row:only-child .fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.shop-admin .share-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shop-admin .share-columns section{margin:0;padding:16px;min-width:0;background:#f7f9fc}.shop-admin .share-columns .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-admin #share-status{white-space:pre-wrap}.shop-admin #share-status.bad{color:#ab2b23}.shop-admin #product-sharing{border-top:1px solid #dfe5ec;margin-top:12px}
.shop-admin .share-attributes{width:300px;max-height:160px;overflow:auto;white-space:normal;overflow-wrap:anywhere}.shop-admin #import-preview td{vertical-align:top}
.shop-admin .keys-icon-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;max-width:680px}
.shop-admin .key-icon-choice{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:8px;background:#172d36;color:#eef9e9;border:2px solid transparent;border-radius:8px}
.shop-admin .key-icon-choice img{width:100%;height:100px;object-fit:contain}.shop-admin .key-icon-choice.selected{border-color:#25a6b8;background:#224952}
.shop-admin #keys-icon-field{margin:12px 0;border:1px solid #dfe5ec;border-radius:8px;padding:12px}.shop-admin #keys-icon-field>label{max-width:350px}
@media(max-width:700px){.shop-admin .share-columns,.shop-admin .share-columns .fields{grid-template-columns:1fr}}
@media(max-width:900px){.shop-admin .content-row:only-child .fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.shop-admin .dino-picker{position:relative;display:flex;flex-direction:column;gap:6px;font-size:14px}
.shop-admin .dino-picker-field{position:relative}.shop-admin .dino-picker-field input{padding-right:36px}
.shop-admin .dino-picker-toggle{position:absolute;right:1px;top:1px;bottom:1px;margin:0;padding:0 12px;background:transparent;color:#52667e;border-radius:0 6px 6px 0}
.shop-admin .dino-picker-popup{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:5;background:white;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 10px 28px #20304426;overflow:hidden}
.shop-admin .dino-picker-status{padding:10px 12px;font-size:12px;color:#65758b;background:#f6f8fc;border-bottom:1px solid #e5eaf1}
.shop-admin .dino-picker-list{max-height:256px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.shop-admin .dino-picker-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;margin:0;padding:10px 12px;border-radius:0;text-align:left;color:#203044;background:white}
.shop-admin .dino-picker-option small{color:#7d8c98;font-size:11px}.shop-admin .dino-picker-option:hover,.shop-admin .dino-picker-option.active{background:#eaf2ff;color:#175dc7}
@media(max-width:600px){.shop-admin .content-row .fields,.shop-admin .content-row:only-child .fields{grid-template-columns:1fr}}