.app:has(#orders:not(.hidden)){max-width:1180px}.app:has(#orders:not(.hidden)) nav{width:min(1180px,100%)}#orders{color:#173c31}#orders>.card{box-shadow:none;border:1px solid #e2eae5}#orders>.card:first-child{padding:14px 18px}#orders>.card:first-child label{display:inline-block;margin:0 14px 0 0}#orders>#orderSearch{background:white}.co-list{background:#fff;border:1px solid #dfe9e3;border-radius:18px;overflow:hidden;margin-bottom:14px;box-shadow:0 5px 24px #183e2b05}.co-list-heading{padding:20px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e4ece7}.co-list-heading h2{margin:0;font-size:22px}.co-list-heading p{margin:7px 0 0;font-size:13px;color:#7a8b82}.co-list-heading>span{font-size:13px;color:#638271}.co-list-wrap{overflow-x:auto}.co-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.co-table th{background:#f4f8f5;color:#75887c;font-size:12px;font-weight:600;padding:13px 16px;white-space:nowrap}.co-table td{border-top:1px solid #e4ece7;padding:20px 16px;white-space:nowrap}.co-table td:first-child{font-size:14px}.co-table tr:hover{background:#f7faf8}.co-table .co-selected{background:#eaf5ef;box-shadow:inset 3px 0 #208451}.co-table .co-total{text-align:right;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums;color:#183f31}.co-table th:nth-last-child(2){text-align:right}.co-table td:nth-child(2){color:#64776b;font-size:13px}.co-table .co-action{text-align:right;padding-left:7px}.co-view{background:#fff;color:#176b35;border:1px solid #cbded1;padding:9px 17px;border-radius:10px;white-space:nowrap}.co-view:hover{background:#176b35;color:#fff}.co-sub{display:block;color:#8b7653;font-size:11px;margin-top:5px}.co-preorder{display:inline-block;font-size:10px;margin-left:5px;padding:3px 5px;background:#fff3df;color:#946a2a;border-radius:4px}.co-status{display:inline-flex;align-items:center;font-size:12px;padding:5px 9px;border-radius:6px;background:#f0f3f1;color:#65756a}.co-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:6px}.co-pending{background:#fff2dd;color:#9a6b20}.co-confirmed,.co-preparing{background:#eaf3fc;color:#426e9c}.co-shipping{background:#e8f2ed;color:#277c52}.co-completed{background:#e9f5ec;color:#287f47}.co-cancelled{background:#f1f2f2;color:#88918b}.co-empty{text-align:center;padding:55px 16px;color:#7a8b82}.co-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.co-modal-open{overflow:hidden}.co-dialog{border:0;padding:0;border-radius:20px;width:min(880px,calc(100vw - 40px));max-height:90dvh;box-shadow:0 28px 90px #0b281c3b;color:#173c31;background:#fff}.co-dialog::backdrop{background:#102c2180;backdrop-filter:blur(3px)}.co-detail-head{position:sticky;top:0;z-index:2;background:#fff;padding:22px 26px;border-bottom:1px solid #e0e9e3;display:flex;justify-content:space-between;align-items:flex-start}.co-detail-head p{margin:0 0 6px;color:#829087;font-size:12px}.co-detail-head h2{font-size:24px;margin:0 0 7px;overflow-wrap:anywhere}.co-detail-head small{color:#829087;font-size:12px}.co-close{font-size:17px}.co-detail-body{padding:20px 26px}.co-detail-meta{display:flex;align-items:center;gap:15px;font-size:13px;color:#718578;margin-bottom:22px}.co-section-title{display:flex;justify-content:space-between;align-items:center}.co-detail-body h3{font-size:15px;margin:0 0 14px}.co-section-title span{color:#89978e;font-size:12px}.co-items-wrap{overflow:auto}.co-items{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.co-items th{color:#819087;font-size:12px;background:#f5f8f6;font-weight:500;padding:12px 10px;text-align:left}.co-items td{padding:16px 10px;border-bottom:1px solid #e1eae4;overflow-wrap:anywhere}.co-items th:first-child{width:40%}.co-items th:nth-child(2){width:22%}.co-items th:nth-child(3),.co-items th:last-child{width:19%}.co-items th:nth-child(n+3),.co-items td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.co-money{padding:17px 20px;margin:22px 0;background:#f5f8f6;border-radius:12px}.co-money>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:14px}.co-money>div>span{color:#698071}.co-money .co-due{padding-top:16px;margin-top:8px;border-top:1px solid #dce6df;align-items:center}.co-due strong{font-size:27px;color:#176b35}.co-contact,.co-note{padding-top:20px;border-top:1px solid #e3ebe6;margin-top:22px;line-height:1.7;font-size:14px}.co-contact>span{margin-left:18px;color:#708476}.co-contact p,.co-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;color:#708476}.co-detail-foot{position:sticky;bottom:0;border-top:1px solid #dfe8e2;background:white;padding:16px 26px;display:flex;justify-content:space-between;gap:16px;align-items:center}.co-detail-foot label{display:flex;align-items:center;gap:10px;font-size:12px;margin:0;white-space:nowrap;color:#708476}.co-detail-foot select{width:120px;padding:10px;font-size:14px}.co-detail-foot>div{display:flex;gap:9px}.co-detail-foot button{white-space:nowrap}.co-view:focus-visible,.co-dialog button:focus-visible{outline:3px solid #82c79c;outline-offset:3px}@media(max-width:760px){.co-table thead{display:none}.co-table,.co-table tbody{display:block}.co-table tr{display:grid;grid-template-columns:1fr auto;gap:8px;padding:17px 16px;border-bottom:1px solid #e4ece7}.co-table td{display:block;padding:0;border:0;white-space:normal;font-size:12px}.co-table td:first-child{grid-column:1;font-size:14px;grid-row:1}.co-table td:nth-child(2){grid-column:1;grid-row:2;font-size:11px}.co-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right}.co-table td:nth-child(4){grid-column:1;grid-row:3;color:#7e8d83;font-size:11px}.co-table .co-total{grid-column:2;grid-row:2;font-size:20px}.co-table .co-action{grid-column:2;grid-row:3;padding:0}.co-view{padding:6px 15px;font-size:12px}.co-list-heading{padding:17px 16px}.co-list-heading h2{font-size:20px}.co-list-heading p{font-size:11px}.co-dialog{width:calc(100vw - 16px);max-height:94dvh;border-radius:16px}.co-detail-head{padding:18px 16px}.co-detail-body{padding:17px 13px}.co-detail-foot{padding:12px;gap:8px;align-items:flex-end}.co-detail-foot label{display:block;font-size:11px}.co-detail-foot select{display:block;margin-top:6px;width:108px}.co-detail-foot button{padding:11px;font-size:12px}.co-items{font-size:12px}.co-items th{font-size:10px;padding:10px 5px}.co-items td{padding:13px 5px}.co-detail-head h2{font-size:21px}.co-due strong{font-size:23px}}
.co-collection{display:grid;grid-template-columns:1fr 190px;gap:8px 20px;padding:18px 20px;border:1px solid #e0e9e3;border-radius:12px;margin:20px 0;align-items:center}.co-collection label{font-size:14px;font-weight:700}.co-collection select{width:100%;padding:11px;border-radius:9px;border:1px solid #cbded1;background:#fff;color:#224e38;font-size:14px}.co-collection p{grid-column:1/-1;margin:5px 0 0;font-size:11px;color:#8b9b90;line-height:1.5}@media(max-width:760px){.co-collection{padding:14px;grid-template-columns:1fr 140px}}
.co-management{padding:20px 0;margin-top:20px;border-top:1px solid #e4ece7;display:flex;align-items:center;justify-content:space-between;gap:15px}.co-management h3{margin:0 0 6px}.co-management p{font-size:12px;color:#84958a;line-height:1.6;max-width:440px;margin:0}.co-delete{background:#fff4f2!important;color:#ac5147!important;border:1px solid #f0d7d3!important;white-space:nowrap}.co-restore{white-space:nowrap}
.co-confirm-dialog{border:0;border-radius:16px;padding:24px;width:min(390px,calc(100vw - 30px));color:#244b35;box-shadow:0 20px 80px #173f2c44}.co-confirm-dialog::backdrop{background:#173f2c66}.co-confirm-dialog h3{margin:0 0 12px}.co-confirm-dialog p{font-size:13px;line-height:1.8;color:#81917f}.co-confirm-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
/* Reference order list: five aligned columns, blue selection, outlined detail action. */
.co-list{border-color:#eadfec;border-radius:12px;box-shadow:none;color:#193858}.co-list-heading{border-color:#eadfec}.co-table{table-layout:fixed;color:#193858;font-size:16px}.co-table th{background:#eef3fc;color:#7889a5;font-size:15px;font-weight:700;padding:18px 22px}.co-table th:nth-child(1){width:22%}.co-table th:nth-child(2){width:32%}.co-table th:nth-child(3){width:20%}.co-table th:nth-child(4){width:15%}.co-table th:nth-child(5){width:11%}.co-table td{padding:24px 22px;border-top:1px solid #eadfec;height:100px}.co-table td:first-child{font-size:16px}.co-table td:nth-child(2){color:#193858;font-size:15px}.co-table .co-total{font-size:18px;color:#193858}.co-table tr:hover{background:#f5f8ff}.co-table .co-selected{background:#eaf1ff;box-shadow:inset 0 3px #194fb2,inset 0 -3px #194fb2}.co-table .co-selected td:first-child{box-shadow:inset 3px 0 #194fb2}.co-table .co-selected td:last-child{box-shadow:inset -3px 0 #194fb2}.co-table .co-view{border:1px solid #e7dced;color:#193858;border-radius:14px;padding:11px 16px;font-size:15px;background:white}.co-table .co-view:hover{background:#eef3fc}.co-time-kind{display:block;color:#8a98aa;font-size:10px;margin-top:5px}.co-table .co-action{padding-right:18px}.co-table th:last-child{text-align:right;padding-right:26px}
@media(max-width:1000px){.co-list-wrap{overflow-x:auto}.co-table{display:table;min-width:800px}.co-table thead{display:table-header-group}.co-table tbody{display:table-row-group}.co-table tr{display:table-row}.co-table td{display:table-cell;padding:20px 16px;white-space:nowrap;border-top:1px solid #eadfec}.co-table th{padding:16px}.co-table td:nth-child(3),.co-table td:nth-child(4){font-size:15px;color:#193858;text-align:left}.co-table .co-total{text-align:right;font-size:18px}.co-table .co-action{padding:20px 16px;text-align:right}.co-table td:nth-child(2){font-size:14px}.co-table .co-view{font-size:14px;padding:10px 14px}}

#orders #coQuickStates{display:none}#orders .co-list-heading{display:none}