.fs-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fs-source-grid a{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #dce7f7;border-radius:12px;background:#f7faff;color:inherit;text-decoration:none}.fs-source-grid span,.fs-source-grid small{font-size:12px}.fs-ok{color:#16825a}.fs-warn{color:#b66b12}.fs-table td{max-width:290px;white-space:normal;overflow-wrap:anywhere}.fs-table small{display:block;color:#75849a;margin-top:5px}.fs-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.fs-edit-grid label{display:flex;flex-direction:column;gap:8px;color:#48576d;font-size:13px}.fs-edit-grid input,.fs-edit-grid textarea,.fs-edit-grid select{width:100%;padding:10px;border:1px solid #d6e1ef;border-radius:8px;font:inherit;background:white}.fs-edit-grid input[type=checkbox]{width:20px}#fsEditForm+details{margin-top:24px}#fsSaveState{color:#a8620a}@media(max-width:800px){.fs-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-edit-grid{grid-template-columns:1fr}.fs-table{min-width:850px}.fs-source-grid a{padding:12px}}

/* Order subpages share the existing blue financial-summary visual language. */
.orders-nav-group{margin:8px 0;padding:8px 0;border-top:1px solid #e2e8f3;border-bottom:1px solid #e2e8f3;display:grid;gap:4px}
.orders-nav-label{font-size:11px;color:#8591a7;letter-spacing:1px;padding:2px 13px 5px}
.orders-nav-group a{padding-left:22px}
.fs-source-amount{display:flex;align-items:baseline;gap:7px}.fs-source-amount>b{font-size:20px;line-height:1.2}
.fs-blue-overview{background:linear-gradient(115deg,#3456e4,#5078ff);border:1px solid #4268f3;box-shadow:0 12px 28px #3456e41a;padding:22px;color:white}
.fs-blue-overview .panel-head{padding:0 0 18px;background:transparent}.fs-blue-overview .panel-head h2{color:white;font-size:17px}.fs-blue-overview .panel-head p{color:#e2eaff}
.fs-blue-overview .fs-source-grid{gap:12px}.fs-blue-overview .fs-source-grid a{background:#ffffff0e;border-color:#ffffff40;color:white;padding:16px;border-radius:12px;transition:background .15s ease}
.fs-blue-overview .fs-source-grid a:hover{background:#ffffff24}.fs-blue-overview a:focus-visible{outline:2px solid #ffe6a4;outline-offset:3px}
.fs-blue-overview .fs-source-grid strong{font-size:13px;font-weight:500;color:#f1f5ff;line-height:1.5}
.fs-blue-overview .fs-source-amount>b{font-size:clamp(26px,2.5vw,36px);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.5px;color:white}
.fs-blue-overview .fs-source-amount>span{color:#e2eaff;font-size:11px}.fs-blue-overview .fs-ok{color:#dcffee}.fs-blue-overview .fs-warn{color:#ffe2a6}
@media(max-width:800px){.fs-blue-overview{padding:15px}.fs-blue-overview .panel-head{padding-bottom:13px}.fs-blue-overview .fs-source-grid{gap:9px}.fs-blue-overview .fs-source-grid a{padding:12px 10px}.fs-blue-overview .fs-source-grid strong{font-size:12px}.fs-blue-overview .fs-source-amount>b{font-size:25px}.fs-blue-overview .fs-source-amount{gap:5px;flex-wrap:wrap}.fs-blue-overview .fs-source-grid small{font-size:10px;line-height:1.5}}
@media(max-width:760px){.orders-nav-label{font-size:10px;letter-spacing:0;padding:2px 0;text-align:center}.orders-nav-group a{padding:9px 3px;gap:3px;flex-direction:column}.orders-nav-group a span{font-size:10px;line-height:1.4}.orders-nav-group a i{font-size:16px}}

@media(min-width:761px) and (max-width:900px){.ux-charts{grid-template-columns:1fr}}

.fs-blue-overview .panel-head{align-items:flex-start;flex-wrap:wrap;gap:14px}.fs-period-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#ffffff17;border:1px solid #ffffff25;padding:4px;border-radius:10px}.fs-period-tabs button{border:0;color:#fff;background:transparent;padding:7px 12px;box-shadow:none}.fs-period-tabs button[aria-pressed=true]{background:#fff;color:#3157dd}.fs-date-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;width:100%}.fs-date-form:empty{display:none}.fs-date-form label{display:grid;gap:5px;font-size:11px;color:#e5edff}.fs-date-form input{border:1px solid #ffffff55;background:white;color:#24395a;padding:7px 9px;border-radius:8px;max-width:160px}.fs-date-form button{background:#fff;color:#3157dd;padding:8px 14px}.fs-period-note{font-size:12px;color:#e3ecff;margin:0 0 14px}.fs-create-dialog{width:min(780px,calc(100vw - 32px));max-height:88vh;overflow:auto;border:1px solid #dce6f3;border-radius:18px;padding:24px;background:white;color:#25334b;box-shadow:0 24px 80px #172d5738}.fs-create-dialog::backdrop{background:#15294b66}.fs-create-target{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fs-create-target label{display:grid;gap:8px;font-size:13px}.fs-create-target select{max-width:100%;padding:10px;border-radius:9px;border:1px solid #d6e1ef;background:#f8faff}.fs-create-footer{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-24px;background:white;padding:16px 0;border-top:1px solid #e5eaf2}#fsCreateHint,#fsCreateStatus{font-size:12px;line-height:1.7}#fsCreateStatus{color:#9a590f}.fs-create-dialog .panel-head{padding:0 0 18px}.fs-create-dialog .fs-edit-grid{margin:14px 0}.fs-blue-overview .fs-period-tabs button:focus-visible{outline:2px solid #ffe49b}
@media(max-width:760px){.fs-period-tabs{gap:1px}.fs-period-tabs button{padding:7px 9px;font-size:12px}.fs-create-dialog{padding:16px}.fs-create-target{grid-template-columns:1fr}.fs-create-footer{bottom:-16px}.fs-date-form{gap:8px}.fs-date-form input{max-width:135px}#fsCreate{font-size:12px;padding:9px 12px}}
@media (max-width:560px){
  .fs-blue-overview .fs-source-grid{grid-template-columns:1fr!important}
  .fs-blue-overview .fs-source-amount{flex-wrap:wrap;min-width:0}
  .fs-blue-overview .fs-source-amount b{font-size:clamp(20px,6vw,30px);overflow-wrap:anywhere;max-width:100%}
}

/* Comfortable order editing, with delivery status readable at a glance. */
.fs-orders-panel{padding:6px 10px 12px}.fs-orders-panel>.table-scroll{margin:0 14px 12px;border:1px solid #e5eaf3;border-radius:12px}.fs-table{min-width:1200px}.fs-table th,.fs-table td{padding:16px 14px;vertical-align:top}.fs-delivery-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:9px;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid transparent}.fs-delivery-badge.delivered{color:#087445;background:#d9f5e6;border-color:#9eddbd}.fs-delivery-badge.pending{color:#a25108;background:#fff0ce;border-color:#f1cc7c}.fs-delivery-badge.refund{color:#ba3b51;background:#ffe8ed;border-color:#f2bcc7}.fs-delivery-badge.unknown{color:#67748b;background:#eef1f6;border-color:#dce2eb}.fs-inline-note{width:230px;max-width:100%}.fs-inline-note textarea{width:100%;min-height:64px;padding:10px 12px;resize:vertical;border:1px solid #dce4ef;border-radius:9px;font:inherit;line-height:1.5;color:#34445f;background:#fbfcff}.fs-inline-note textarea:focus{outline:2px solid #cedaff;border-color:#7495ed;background:white}.fs-inline-note>div{display:flex;align-items:center;gap:8px;margin-top:7px}.fs-inline-note button,.fs-edit-button{padding:8px 13px;border-radius:8px;font-size:12px;font-weight:650;color:#3158d7;background:#edf2ff;white-space:nowrap}.fs-inline-note button:disabled{color:#8e9ab0;background:#f1f3f8;cursor:default}.fs-inline-note [role=status]{font-size:11px;color:#b04730;line-height:1.5}.fs-order-dialog{width:min(800px,calc(100vw - 40px));max-height:88dvh;padding:0;border:1px solid #dce4f2;border-radius:20px;color:#253550;background:white;box-shadow:0 24px 90px #14264b44}.fs-order-dialog::backdrop{background:#17294c66}.fs-detail-panel{padding:22px 28px!important;margin:0!important;border:0!important;box-shadow:none!important}.fs-detail-panel>.panel-head{padding:0 38px 12px 0!important;align-items:start;gap:16px}.fs-detail-panel>.panel-head h2{font-size:20px}.fs-detail-panel>.panel-head p{line-height:1.6}.fs-modal-close{position:absolute;right:18px;top:18px;border-radius:9px;width:32px;height:32px;color:#64758e;background:#eef2f8;font-size:22px}.fs-edit-footer{position:sticky;bottom:-22px;display:flex;justify-content:flex-end;gap:10px;padding:16px 0;background:white;border-top:1px solid #e6ebf4;margin-top:16px}.fs-detail-panel details{padding:14px 0;font-size:12px;color:#72809a}.fs-detail-panel dl{overflow-wrap:anywhere}.fs-edit-grid label{margin:0;line-height:1.5}.fs-edit-grid textarea{resize:vertical;min-height:76px}.fs-modal-loading{padding:30px;font-size:14px}.fs-detail-panel #fsSaveState{font-size:13px;line-height:1.6}
@media(max-width:760px){.fs-orders-panel{padding:4px 4px 10px}.fs-orders-panel>.table-scroll{margin:0 10px 10px}.fs-order-dialog{width:calc(100vw - 28px);max-height:90dvh;border-radius:16px}.fs-detail-panel{padding:20px 18px!important}.fs-edit-footer{bottom:-20px}.fs-detail-panel>.panel-head{display:block!important;padding-right:28px!important}.fs-detail-panel>.panel-head a{display:inline-block;margin-top:6px}.fs-table th,.fs-table td{padding:13px 12px}.fs-edit-grid{gap:14px}}

.fs-order-dialog{overflow:hidden}.fs-order-dialog .fs-detail-panel{display:flex;flex-direction:column;max-height:88dvh}.fs-order-dialog .panel-head{flex-shrink:0}.fs-order-dialog #fsEditForm{display:flex;flex-direction:column;overflow:hidden;min-height:0}.fs-order-dialog .fs-edit-grid{overflow:auto;min-height:0;margin:12px 0;padding:2px 5px 8px 2px}.fs-order-dialog .fs-edit-footer{position:static;flex-shrink:0;margin:8px 0 0;padding-bottom:0}.fs-order-dialog #fsSaveState{flex-shrink:0;margin:4px 0}.fs-order-dialog details{display:none}.fs-table{min-width:1080px}.fs-inline-note{width:205px}.fs-table td:first-child{min-width:150px}@media(max-width:760px){.fs-order-dialog .fs-detail-panel{max-height:90dvh}}

.fs-order-dialog .fs-detail-panel{backdrop-filter:none;transform:none;isolation:isolate;background:#fff}.fs-order-dialog .panel-head{position:relative;z-index:2;background:#fff}.fs-order-dialog .fs-modal-close{z-index:3}.fs-order-dialog #fsEditForm{position:relative;z-index:1}

.fs-note-text{min-width:160px;max-width:240px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#465570;padding:0;background:none;border:none}.fs-table td{padding-top:16px;padding-bottom:16px}

/* Keep order amounts prominent without enlarging the table. */
.fs-table tbody td[data-column="amount"]{font-weight:750;color:#1e40af;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}

.fs-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:#75849a;font-size:12px}.fs-table-tools button{color:#3158d7;background:#edf2ff;padding:9px 13px;border-radius:8px;white-space:nowrap}.fs-table td.fs-sequence{min-width:92px;white-space:nowrap;color:#61728e}.fs-sequence button{padding:3px 6px;background:transparent;color:#75849a}.fs-sequence [data-drag-order]{cursor:grab;font-size:20px}.fs-sequence span{display:block}.fs-sequence button:disabled{opacity:.25}.fs-table td[data-column="order"]{min-width:150px}.fs-column-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0;max-height:50vh;overflow:auto}.fs-column-options label{display:flex;align-items:center;gap:8px;font-size:13px;overflow-wrap:anywhere}.fs-column-options input{accent-color:#4267ee}#fsColumnsDialog p{font-size:13px;color:#75849a}#fsColumnsDialog .fs-create-footer{flex-wrap:wrap}@media(max-width:760px){.fs-column-options{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-table-tools{align-items:start}.fs-table-tools span{line-height:1.7}}

.fs-table th{white-space:nowrap}.fs-table [data-column="step"]{min-width:100px}.fs-table [data-column="type"]{min-width:80px}.fs-table [data-column="deadline"]{min-width:120px}.fs-table{min-width:1320px}

#fsColumnsDialog .fs-column-options input[type="checkbox"]{width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0;padding:0}#fsColumnsDialog .fs-column-options label{justify-content:flex-start;line-height:1.6}#fsColumnsDialog .fs-create-footer button{padding:9px 12px;border-radius:8px}#fsColumnsDialog .fs-create-footer button:not(.primary){background:#f1f4fa;color:#52637e}

.fs-sequence [data-drag-order]{touch-action:none;user-select:none;cursor:grab;width:30px;height:32px;border-radius:7px}.fs-sequence [data-drag-order]:hover{color:#3158d7;background:#edf2ff}.fs-row-dragging{opacity:.45;background:#edf2ff}.fs-drag-active,.fs-drag-active *{cursor:grabbing!important;user-select:none!important}.fs-drop-line{position:fixed;height:3px;background:#4267ef;z-index:10000;pointer-events:none;box-shadow:0 0 0 1px #fff;color:#3158d7;font-size:11px;line-height:20px;text-align:right;font-weight:650}.fs-drop-line::before{content:'';position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#4267ef}.fs-drag-label{position:fixed;z-index:10001;padding:7px 12px;background:#3158d7;color:white;box-shadow:0 5px 18px #3158d733;border-radius:8px;pointer-events:none;font-size:12px}.fs-drop-line[hidden],.fs-drag-label[hidden]{display:none}