.app{grid-template-columns:200px 330px minmax(430px,1fr) 280px}
.nav footer{grid-template-columns:34px 1fr auto auto!important}
#account-dialog{border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #0003;width:min(420px,calc(100% - 32px))}
#account-dialog::backdrop{background:#20202066}
#account-dialog form{padding:28px;position:relative}
#account-dialog h2{margin:0 0 20px}
#account-dialog label{display:block;font-weight:650;margin:14px 0}
#account-dialog input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #e7e4df;border-radius:8px}
#password-form>button:not(.dialog-close):not(.sign-out-button){width:100%;border:0;border-radius:8px;background:#a76504;color:#fff;padding:11px;font-weight:700}
#account-dialog .sign-out-button{width:100%;border:1px solid #c9c3ba;border-radius:8px;background:#f7f5f1;color:#5b3505;padding:11px;font-weight:700}
.dialog-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:22px}
#password-error{display:block;color:#b94736;margin-top:10px}
.queue>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#new-case{border:1px solid #ddd8d0;background:#fff;border-radius:8px;padding:9px 11px;font-weight:700;white-space:nowrap}
#shopify-dialog{border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #0003;width:min(560px,calc(100% - 32px))}
#shopify-dialog::backdrop{background:#20202066}
#shopify-dialog form{padding:28px;position:relative}
#shopify-dialog h2{margin:0 0 8px}
#shopify-dialog label{display:block;font-weight:650;margin:20px 0 12px}
#shopify-dialog input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #e7e4df;border-radius:8px}
#lookup-order,#create-order-case{border:0;border-radius:8px;background:#26302a;color:#fff;padding:11px 16px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}
#lookup-order:hover,#create-order-case:hover{background:#3a453e}
#lookup-order:active,#create-order-case:active{transform:translateY(1px)}
#shopify-dialog button:disabled{opacity:.5}
#shopify-error{display:block;min-height:18px;margin-top:12px;color:#b94736;font-weight:650}
#shopify-state{color:#67635e}
#shopify-error{display:block;color:#b94736;margin-top:12px}
#order-preview{border:1px solid #e7e4df;border-radius:10px;padding:16px;margin:18px 0;background:#faf9f7}
#order-preview h3{margin:0 0 8px}.shopify-products{border-top:1px solid #e7e4df;margin-top:12px;padding-top:6px}.shopify-products div{padding:9px 0;display:flex;flex-direction:column;gap:3px}.shopify-products small{color:#68645f}
.details>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.details>header>div:first-child{display:flex;align-items:center;min-width:0}.details>header h2{margin:0;color:var(--gold);line-height:1.15}.details>header button{border:1px solid #ddd8d0;background:#fff;border-radius:7px;padding:7px 11px;font-weight:700}.details>header button:disabled{opacity:.4}
#case-dialog{border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #0003;width:min(680px,calc(100% - 32px))}#case-dialog::backdrop{background:#20202066}#case-dialog form{padding:28px;position:relative}#case-dialog h2{margin:0 0 20px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-grid label{font-weight:650}.edit-grid .wide{grid-column:1/-1}.edit-grid input,.edit-grid select,.edit-grid textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #e7e4df;border-radius:8px;background:#fff}.edit-grid textarea{min-height:84px;resize:vertical}#save-case{margin-top:18px;width:100%;border:0;border-radius:8px;background:#a76504;color:#fff;padding:11px;font-weight:700}#save-case:hover{background:#8d5503}#save-case:disabled{opacity:.55}#case-error{display:block;color:#b94736;margin-top:10px}
.edit-section{margin:0 0 18px;padding:16px;border:1px solid #e6e0d7;border-radius:10px;background:#fbfaf8}.edit-section h3{margin:0 0 14px;color:#6b3d05;font-size:15px}.edit-section:last-of-type{margin-bottom:0}
@media(max-width:1250px){.app{grid-template-columns:190px 320px minmax(430px,1fr)}.details{display:none}}
@media(max-width:600px){.edit-grid{grid-template-columns:1fr}.edit-grid .wide{grid-column:auto}.macro-layout{grid-template-columns:1fr}.macro-layout>aside{border-right:0;border-bottom:1px solid #e7e4df;padding:0 0 14px}.template-row{grid-template-columns:1fr}.template-row #manage-templates{width:100%}}
.template-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:9px}.composer #template{width:100%;border:1px solid #e7e4df;border-radius:8px;padding:9px;background:#fff}.template-row #manage-templates{width:auto;background:#f3e7d2;color:#5b3505;border:1px solid #dfc7a3;padding:9px 12px}.composer.email-mode textarea{height:120px}.composer.sending{opacity:.7;pointer-events:none}

#template-dialog{border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #0003;width:min(900px,calc(100% - 32px));max-height:92vh}#template-dialog::backdrop{background:#20202066}#template-dialog form{padding:28px;position:relative}#template-dialog h2{margin:0 0 6px}#template-dialog>form>p{color:#6b7280;margin:0 0 20px}.macro-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.macro-layout>aside{border-right:1px solid #e7e4df;padding-right:14px}.macro-layout>aside>button{width:100%;border:1px solid #dfc7a3;border-radius:8px;background:#f3e7d2;color:#5b3505;padding:10px;font-weight:700}.macro-layout section label{display:block;font-weight:650;margin-bottom:13px}.macro-layout section input,.macro-layout section select,.macro-layout section textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #e7e4df;border-radius:8px;background:#fff}.macro-layout section textarea{min-height:260px;resize:vertical}.macro-layout .portal-option{display:flex;align-items:center;gap:8px}.macro-layout .portal-option input{display:inline;width:auto;margin:0}.macro-layout details{margin:12px 0;color:#6b7280}.macro-layout details small{display:block;margin-top:8px;line-height:1.6}.macro-layout #save-template{width:100%;border:0;border-radius:8px;background:#a76504;color:#fff;padding:11px;font-weight:700}#template-error{display:block;color:#b94736;margin-top:9px}#template-list{display:grid;gap:6px;margin-top:12px;max-height:460px;overflow:auto}#template-list button{border:1px solid #e7e4df;border-radius:8px;background:#fff;padding:9px;text-align:left}#template-list button.active{background:#fff3da;border-color:#d8ad68;color:#5b3505}#template-list button small{display:block;color:#6b7280;margin-top:3px}
@media(max-width:600px){.macro-layout{grid-template-columns:1fr}.macro-layout>aside{border-right:0;border-bottom:1px solid #e7e4df;padding:0 0 14px}.template-row{grid-template-columns:1fr}.template-row #manage-templates{width:100%}}