/* Shared typography for all cabinet pages, forms, dialogs and both themes. */
:root{--muted:#596982;--red:#315ee8;--red-dark:#264bc1}
body{font-size:15px;line-height:1.6}
html[data-theme=dark]{--muted:#b4c1d7;--gold:#85a5ff}
input,select,textarea{font-size:16px!important;line-height:1.5}
button,a{overflow-wrap:normal}
p{line-height:1.65}
.button,.text-link,.filter-tab,.source-tabs button,.nav-link,.model-option b,.field-label{font-size:14px}
.button{min-height:42px;line-height:1.4;white-space:normal;text-align:center}
.button-primary{box-shadow:none}
.search-field input{padding-left:38px!important}
.button-small{font-size:13px}
.eyebrow,.side-label,.label-outline{font-size:13px;letter-spacing:1.1px;line-height:1.65}
.brand small{font-size:12px;letter-spacing:.2px;line-height:1.45}.side-label{font-size:12px;letter-spacing:.7px}.nav-tag,.edition{font-size:13px}
.breadcrumb,.footer,.side-help small,.side-profile small,.side-server small,.rotate-hint,.field-help{font-size:13px;line-height:1.6}
.skin-form-panel>.muted,.prefix-preview>p,.head-import p,.product-card p,.admin-card>.muted,.inventory-banner p{font-size:15px;line-height:1.65}
.dropzone b{font-size:15px;line-height:1.55;font-weight:600}
.dropzone small,.selected-file,.model-option small,.form-message,.notice,.quantity-cost,.exchange-totals,.head-catalog-meta{font-size:13px;line-height:1.6}
.model-option{align-items:flex-start;min-height:76px}.model-option b{font-weight:600}.model-option small{margin-top:4px}
.model-option .radio-indicator{margin-top:5px;flex:none}
.skin-preview>.rotate-hint{bottom:20px}.skin-preview-name{bottom:46px}
#skin-character{width:min(calc(100% - 40px),420px);height:auto;max-height:none;aspect-ratio:34 / 39;margin-bottom:15px}
.current-skin-status{font-size:14px;line-height:1.7}
.skin-history-card small,.skin-history-actions,.skin-history-badge,.account-data-row,.history-row small{font-size:13px;line-height:1.6}
.quantity-presets{flex-wrap:wrap}.quantity-presets button{font-size:14px;min-width:36px;min-height:34px}
.exchange-totals{gap:12px;flex-wrap:wrap}.head-card-bottom{gap:8px;flex-wrap:wrap}
.filter-tabs,.workshop-tabs,.inventory-toolbar,.heads-toolbar,.modal-actions{flex-wrap:wrap}
.field-counter{font-size:13px;letter-spacing:0}
.skin-selection-status{margin-bottom:18px}
#skin-selection-status{padding:12px 14px;margin-bottom:18px;line-height:1.65;color:var(--ink);background:var(--soft);border-color:var(--border)}
html[data-theme=dark] :is(.muted,.field-help,.skin-form-panel>.muted,.dropzone small,.model-option small,.footer,.side-help small,.side-server small,.rotate-hint,.history-row small,.product-description,.product-category,.product-card p,.inventory-banner p,.inventory-row-main p,.account-card>p,.prefix-preview>p,.admin-card>p,.admin-card>.muted,.head-import p,.form-field small,.selected-file small){color:var(--muted)}
html[data-theme=dark] .model-option{background:var(--glass);border-color:var(--border);color:var(--ink)}
html[data-theme=dark] .model-option.active{background:var(--soft);border-color:#85a5ff}
html[data-theme=dark] :is(.source-tabs button.active,.filter-tab.active){border-color:#85a5ff;color:#b9ceff}
html[data-theme=dark] .button-primary{border-color:#6586ff;color:#fff;box-shadow:none}
@media(max-width:760px){
 .mobile-nav{justify-content:flex-start;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding:8px;padding:0 8px env(safe-area-inset-bottom);background:#f8fbfff2;border-color:#ccdaf1;scrollbar-width:thin;scrollbar-color:#a8b9da transparent}
 .mobile-nav a{flex:0 0 78px;width:78px;min-height:70px;padding:10px 4px;gap:5px;font-size:13px;line-height:1.3;color:#52617b;white-space:nowrap}
 .mobile-nav a.active{color:#315ee8;background:#e8efff;border-radius:12px}
 .mobile-nav a.active:before{top:0;background:#315ee8}
 html[data-theme=dark] .mobile-nav{background:#17243af2;border-color:#344664;scrollbar-color:#506b9b transparent}
 html[data-theme=dark] .mobile-nav a{color:#b4c1d7}
 html[data-theme=dark] .mobile-nav a.active{color:#b9ceff;background:#263959}
 main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 #skin-character{width:min(calc(100% - 40px),290px)}
}
@media(max-width:700px){
 body{font-size:15px}.page-heading{align-items:flex-start;gap:16px}.page-heading h1{font-size:30px;line-height:1.2}
 .page-heading>.label-outline{max-width:140px;text-align:center;letter-spacing:.5px}
 .skin-form-panel,.banner-form,.prefix-form{padding:22px}.skin-form-panel h2{font-size:25px}
 .model-options{flex-wrap:wrap}.model-option{flex:1 1 170px}
 .skin-save-row{flex-wrap:wrap;gap:14px}.heads-pagination{gap:10px;flex-wrap:wrap;justify-content:center}
 .inventory-row{gap:12px}.inventory-row-main{min-width:0}.status-badge{white-space:normal}
 .footer{font-size:13px}.auth-header-actions .text-link{font-size:13px}
}

/* Minecraft chat colors are previewed on a dark surface in either theme. */
.chat-preview,.request-prefix-preview,.decision-preview{background:#162237;border-color:#334862;color:#eef4ff;border-radius:12px}
.chat-preview-label,.chat-preview-secondary,.request-prefix-preview .muted{color:#b4c1d7}
.chat-preview-line{font-size:15px;line-height:1.7}

/* Уведомления остаются читаемыми в светлой и тёмной темах. */
#toast-region .toast{background:#17243a!important;color:#f4f7ff!important;border:1px solid #3b5275!important;box-shadow:0 14px 34px #06122644!important}
#toast-region .toast.error{background:#7e2e3b!important;color:#fff!important;border-color:#c45d6c!important}
#toast-region .toast svg{color:currentColor!important;stroke:currentColor!important}
#toast-region .toast button{color:inherit!important;background:transparent!important}
.shop-product-form{display:grid;gap:16px}.shop-product-form .management-fields{align-items:end}.shop-admin-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--border)}.shop-admin-row:last-child{border-bottom:0}.shop-admin-row>div:first-child{display:grid;gap:4px;min-width:0}.shop-admin-row strong{color:var(--ink)}.shop-admin-row span,.shop-admin-row small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.shop-admin-row code{color:var(--red)}
@media(max-width:700px){.shop-admin-row{align-items:flex-start;flex-direction:column}.shop-admin-row .admin-user-actions{width:100%}}

.shop-form-step{margin:16px 0 8px;color:var(--ink);font-size:14px}.shop-form-step b{color:var(--red)}
.shop-icon-picker{display:flex;align-items:center;gap:18px;padding:16px;margin:14px 0 18px;border:1px dashed var(--border);border-radius:12px;background:var(--soft)}.shop-icon-picker>div:first-child{display:grid;gap:3px;flex:1}.shop-icon-picker span{font-size:13px;color:var(--muted)}.shop-icon-picker input[type=file]{max-width:260px;min-height:42px;padding:8px}.shop-icon-preview{width:58px;height:58px;flex:none;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:grid;place-items:center;overflow:hidden}.shop-icon-preview img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.product-custom-icon{width:150px;height:150px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 12px 12px #14233b2e)}
