.small-dialog{width:min(34rem,calc(100vw - 2rem))}
.small-dialog form{padding:0 1.5rem 1.25rem}
.compact{padding:1.25rem 0}
.compact input[type=color]{height:3.2rem;padding:.25rem}
.logout-btn{display:block;border:0;background:none;color:#aaa;font:inherit;padding:.35rem 0;cursor:pointer}.login-dialog::backdrop{background:#111}.login-brand{text-align:center;padding-top:2rem}.login-brand .brand-mark{margin:auto}.login-brand h2{margin:1rem 0 .2rem}.login-brand p{color:#777;margin:0}.login-submit{width:100%}.form-error{color:#b62c2c;min-height:1.3rem;font-size:.8rem}.role-pills{display:flex;gap:.35rem;flex-wrap:wrap}.role-pills span{background:#eee;border-radius:1rem;padding:.2rem .6rem;font-size:.72rem}
.order-models{display:grid;gap:.55rem;max-height:50vh;overflow:auto;margin:1rem 0}.order-model{display:grid;grid-template-columns:auto 1fr 7rem;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:.65rem}.order-model input[type=number]{width:100%;padding:.55rem;border:1px solid var(--line);border-radius:.45rem}.status-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#eee;font-size:.72rem}.model-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.7rem}.model-actions button{border:1px solid var(--line);background:#fff;border-radius:.4rem;padding:.35rem .55rem;font:600 .72rem Cairo;cursor:pointer}.final-image-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;padding:1rem}.final-image-fields label{border:1px solid var(--line);border-radius:.7rem;padding:.8rem}.final-image-fields input{display:block;margin-top:.5rem;width:100%}.order-actions{display:flex;gap:.4rem;justify-content:flex-end}.order-actions button{padding:.35rem .6rem;border:1px solid var(--line);border-radius:.4rem;background:#fff;cursor:pointer}
.model-image.editable{cursor:pointer}.model-image.editable:after{content:'تعديل التفاصيل';position:absolute;top:.65rem;left:.65rem;background:#fff;color:#171717;border:1px solid #ddd;border-radius:.4rem;padding:.3rem .55rem;font-size:.7rem;font-weight:700;opacity:0;transition:.2s}.model-card:hover .model-image.editable:after,.model-image.editable:focus:after{opacity:1}
.model-code{display:none!important}
.series-size-head,.series-size-row{display:flex;align-items:center;gap:.6rem}.series-size-head{justify-content:space-between;margin:1rem 0 .5rem}.series-size-row{margin:.45rem 0}.series-size-row input{border:1px solid #dcd8d3;border-radius:.45rem;padding:.6rem;font: .82rem Cairo}.series-size-row input:first-child{flex:1}.series-size-row input:nth-child(2){width:8rem}.series-size-row button{border:0;background:none;color:#9c302d;cursor:pointer;font-size:1.1rem}
.financial-field{display:none!important}
.locked-select{pointer-events:none;background:#f3f2ef!important;color:#555}
.template-download{display:inline-block;text-decoration:none;margin-top:.75rem}.dialog-actions button:disabled{opacity:.55;cursor:wait}#importColorsResult{min-height:1.5rem;margin-top:.75rem}
.editable-color{cursor:pointer;transition:.15s}.editable-color:hover,.editable-color:focus{border-color:#171717;box-shadow:0 0 0 2px #17171718;outline:0}.danger{color:#9c302d!important;border-color:#d9aaa8!important;margin-left:auto}
.pantone-search{display:flex;gap:.6rem;padding:1rem 0}.pantone-search input{flex:1;border:1px solid var(--line);border-radius:.5rem;padding:.7rem;font:inherit}.pantone-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.55rem;max-height:56vh;overflow:auto;padding:.2rem}.pantone-choice{display:flex;gap:.6rem;align-items:center;border:1px solid var(--line);border-radius:.6rem;padding:.55rem;cursor:pointer}.pantone-choice:has(input:checked){border:2px solid #171717;padding:calc(.55rem - 1px);background:#f7f7ed}.pantone-choice i{width:2.4rem;height:2.4rem;border-radius:.45rem;border:1px solid #0002;flex:none}.pantone-choice span,.pantone-choice b,.pantone-choice small{display:block}.pantone-choice small{color:#777;font:600 .65rem "IBM Plex Mono"}.pantone-pager{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem}.pantone-pager button:disabled{opacity:.4}
.pantone-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem}.pantone-admin-card{display:flex;align-items:center;gap:.75rem;text-align:right;background:#fff;border:1px solid var(--line);border-radius:.7rem;padding:.7rem;cursor:pointer}.pantone-admin-card:hover{border-color:#171717;box-shadow:0 5px 16px #00000010}.pantone-admin-card i,.pantone-name-preview i{width:3.2rem;height:3.2rem;border-radius:.55rem;border:1px solid #0002;flex:none}.pantone-admin-card b,.pantone-admin-card small{display:block}.pantone-admin-card small{color:#777}.pantone-name-preview{display:flex;align-items:center;gap:.8rem;background:#f3f1ed;border-radius:.7rem;padding:.8rem;margin:1rem 0}
.image-bank-grid,.model-image-bank{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem}.image-bank-card,.bank-image-choice{background:#fff;border:1px solid var(--line);border-radius:.7rem;overflow:hidden}.image-bank-card img,.bank-image-choice img{display:block;width:100%;height:11rem;object-fit:contain;background:#f1efeb}.image-bank-card div{padding:.7rem}.image-bank-card b,.image-bank-card small{display:block}.image-bank-card small{color:#777}.used-models{margin-top:.45rem;color:#4b6418!important}.bank-image-choice{position:relative;cursor:pointer}.bank-image-choice input{position:absolute;top:.55rem;right:.55rem;width:1.2rem;height:1.2rem;z-index:1}.bank-image-choice:has(input:checked){border:3px solid #171717}.bank-image-choice span{display:block;padding:.55rem;font-size:.72rem}.bank-image-choice small{display:block;color:#777}.model-image-bank{max-height:26rem;overflow:auto}.toolbar>input[type=date]{border:1px solid var(--line);border-radius:.6rem;padding:.55rem}
