/* Shared page composition follows the dashboard's quiet, three-column layout. */
@media(min-width:851px){
  .content>.demo-banner{display:none}
  #orders.page,#payments.page,#products.page,#categories.page,#settings.page{max-width:none;margin:0;padding:0}
  .workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,32%);min-height:100dvh}
  .workspace-main{min-width:0;padding:clamp(38px,4.6vw,68px) clamp(30px,4.3vw,68px) 72px}
  .workspace-aside{border-left:1px solid #edf0f2;padding:26px clamp(18px,2vw,30px) 48px;min-width:0}
}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;margin-bottom:clamp(38px,4vw,58px)}
.workspace-heading h1{margin:0;font-size:clamp(29px,2.35vw,38px);font-weight:800;letter-spacing:-.04em}
.workspace-heading p{margin-top:10px;color:#8a929d;font-size:14px;font-weight:500}
.page-date{display:flex;align-items:center;gap:12px;font-size:12px;color:#344150;white-space:nowrap}
.page-date>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f2f4f5;color:#25364a}
.page-date svg{width:19px;height:19px}
.workspace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;padding:27px 0;margin-bottom:clamp(42px,4vw,62px)}
.workspace-metric{display:flex;align-items:center;gap:14px;position:relative;min-width:0;padding:0 clamp(10px,1.5vw,25px)}
.workspace-metric:first-child{padding-left:0}.workspace-metric:not(:last-child):after{content:'';position:absolute;right:0;height:40px;width:1px;background:#e8eaed}
.workspace-metric-icon{width:clamp(38px,3vw,58px);height:clamp(38px,3vw,58px);display:grid;place-items:center;flex:none;border-radius:50%;background:#f1f2f3;color:#25364a}
.workspace-metric-icon svg{width:19px;height:19px}.workspace-metric div{min-width:0}.workspace-metric div>span,.workspace-metric strong{display:block}.workspace-metric div>span{font-size:12px;font-weight:700;color:#555f6b;white-space:nowrap}.workspace-metric strong{font-size:20px;letter-spacing:-.03em;font-weight:800}
.workspace-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.workspace-section-head>div{display:flex;align-items:center;gap:15px;min-width:0}.workspace-section-head h2{font-size:20px;font-weight:700;white-space:nowrap}.workspace-section-head div>span{border-left:1px solid #e9eaec;padding-left:15px;font-size:11px;color:#9da4ac;white-space:nowrap}.section-description{font-size:12px;color:#99a2ac;margin:-8px 0 17px}.section-space{margin-top:44px}
.workspace-main .toolbar{padding:0;margin:0 0 16px;display:flex;gap:10px}.workspace-main .search{flex:1;min-width:0;max-width:370px;background:#f7f8f9;border-color:#f0f1f2}.workspace-main .toolbar select{background-color:#f7f8f9;border-color:#f0f1f2;border-radius:11px}
.workspace-list{display:grid}.workspace-row{display:flex;align-items:center;gap:14px;min-height:78px;border-bottom:1px solid #f0f1f2}.workspace-row:last-child{border-bottom:0}.workspace-row-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e7eef4;color:#37556a}.workspace-row-icon.warm{background:#faeddd;color:#c58f55}.workspace-row-icon.product{background:#edf3ec;color:#7c9b7f}.workspace-row-icon svg{width:19px;height:19px}.workspace-row-main{min-width:0;flex:1}.workspace-row-main strong,.workspace-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-row-main strong{font-size:13px;font-weight:700;color:#263548}.workspace-row-main strong span{font-weight:500;color:#a2a9b2}.workspace-row-main small{font-size:10px;color:#a0a7af;margin-top:4px}.workspace-row-status{flex:none}.workspace-row-status .status{background:transparent;border:0;padding:0;font-size:10px}.workspace-row-amount{font-size:12px;text-align:right;min-width:54px;white-space:nowrap}.workspace-row-action{flex:none;border:0;border-radius:8px;background:none;color:#1b2c3f;font-size:19px;font-weight:800;line-height:1;padding:8px}.workspace-row-action:hover{background:#f1f5f7}.workspace-main .empty{padding:36px 0;text-align:center}
.review-entry{border-radius:12px;background:#f8fafc;border:0;padding:0 12px;margin-bottom:4px}.review-entry .workspace-row-icon{width:42px;height:42px}
.workspace-aside .context-card{min-height:280px;background:#f3f5f7;border-radius:20px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.context-icon{display:grid;place-items:center;width:76px;height:76px;border:4px solid #fff;border-radius:50%;background:#e4eef6;color:#547b97;margin-bottom:15px}.context-icon.warm{background:#faebd8;color:#c79560}.context-icon.lavender{background:#eeeaf6;color:#9788b6}.context-icon svg{width:27px;height:27px}.context-card h2{font-size:16px;font-weight:800}.context-card p{max-width:215px;margin:7px 0 16px;font-size:11px;line-height:1.8;color:#929aa4}.context-button{min-height:36px;border-radius:999px;background:#fff;border-color:#fff;font-size:11px}.context-caption{border-radius:99px;background:#fff;color:#95a0a9;font-size:10px;padding:7px 12px}
.context-section{padding:32px 0 0}.context-section .aside-heading{justify-content:center;gap:16px}.context-section .aside-heading>span{height:1px;background:#e8e8e8;flex:1}.context-section .aside-heading h2{font-size:15px;white-space:nowrap}.context-section .attention-row{margin:0 12px;padding:16px 0}.context-section .attention-row:nth-child(2){margin:0;padding:14px 12px}.context-section .stock-line{margin:0 12px;padding:15px 0}.context-message{display:flex;align-items:flex-start;gap:12px;padding:19px 10px;border-bottom:1px solid #f0f1f2}.context-message>span{width:41px;height:41px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e8f0f6;color:#7097b3}.context-message:nth-child(3)>span{background:#faeddf;color:#c79765}.context-message strong{font-size:12px}.context-message p{font-size:11px;line-height:1.7;color:#99a2ac;margin-top:3px}
.workspace-main .category-form{padding:0;margin:0 0 18px;gap:10px}.workspace-main .category-form input{background:#f7f8f9;border-color:#f0f1f2}.workspace-main .category-row{margin:0;padding:17px 0}.workspace-main .category-icon{width:48px;height:48px;border-radius:50%;background:#e7eef4}.workspace-main .category-row strong{font-size:13px}.workspace-main .category-row small{font-size:10px;color:#a0a7af;margin-top:3px}.workspace-main .category-hint{padding:18px 0 0}.settings-title{border-top:1px solid #ededed;padding-top:28px}.settings-form{max-width:620px;margin-top:28px}.settings-form label{font-weight:700}.settings-form .btn{min-width:140px}.settings-form textarea{min-height:120px}
@media(min-width:851px) and (max-width:1120px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(210px,30%)}.workspace-main{padding:40px 28px 60px}.workspace-aside{padding:22px 16px 35px}.workspace-heading h1{font-size:27px}.workspace-heading p{font-size:12px}.workspace-metric{gap:8px;padding:0 8px}.workspace-metric-icon{width:38px;height:38px}.workspace-metric div>span{font-size:10px}.workspace-metric strong{font-size:17px}.workspace-row{gap:9px}.workspace-row-icon{width:38px;height:38px}.workspace-row-main strong{font-size:11px}.workspace-row-main small{font-size:9px}.workspace-row-status .status{font-size:9px}.workspace-row-amount{font-size:11px;min-width:45px}}
@media(max-width:850px){.workspace-grid{display:block;min-height:0}.workspace-main{padding:30px 18px 0}.workspace-aside{padding:35px 18px 45px;border:0}.workspace-heading{margin:0 0 26px;min-height:0;align-items:flex-start}.workspace-heading h1{font-size:26px}.workspace-heading p{font-size:12px}.page-date{font-size:10px}.page-date>span{display:none}.workspace-metrics{margin-bottom:32px;padding:18px 0}.workspace-metric{flex-direction:column;align-items:flex-start;gap:6px;padding:0 9px}.workspace-metric-icon{width:34px;height:34px}.workspace-metric div>span{font-size:10px}.workspace-metric strong{font-size:16px}.workspace-metric:not(:last-child):after{height:60px}.workspace-section-head h2{font-size:17px}.workspace-section-head>div{gap:10px}.workspace-section-head div>span{padding-left:10px;font-size:10px}.workspace-main .toolbar{flex-wrap:nowrap}.workspace-main .search{flex:1 1 auto;max-width:none}.workspace-main .toolbar select{width:auto;min-width:125px;font-size:12px!important}.workspace-row{gap:9px}.workspace-row-icon{width:38px;height:38px}.workspace-row-main strong{font-size:11px}.workspace-row-main small{font-size:9px}.workspace-row-status .status{font-size:9px}.workspace-row-amount{font-size:10px;min-width:40px}.workspace-aside .context-card{min-height:230px}.workspace-main .category-form{flex-wrap:wrap}.workspace-main .category-form input{flex:1 1 100%}}
.delivery-field,.cancel-fields{margin-top:20px}.delivery-field label,.cancel-fields label{display:grid;gap:8px;color:#627586;font-size:12px;font-weight:700}.delivery-field textarea,.cancel-fields input{width:100%;padding:12px 14px;resize:vertical}.delivery-field .hint,.cancel-fields .hint{margin-top:8px}.cancel-fields{padding:15px;background:#fbf7f4;border-radius:12px}.cancel-fields .btn{margin-top:12px}.dialog-actions{flex-wrap:wrap}.status.DELIVERED{background:#e8f5f0;color:#53917d}.status.CANCELLED{background:#f6eeee;color:#a36e6e}
[hidden]{display:none!important}