.compact-cost-tab{min-width:0}.compact-cost-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px;display:grid}.compact-cost-summary-item{border:1px solid var(--ddw-border-soft,var(--border));border-radius:var(--ddw-radius-md,var(--radius-md));background:var(--ddw-surface-subtle,var(--surface-soft));text-align:center;min-width:0;padding:10px}.compact-cost-summary-item.is-paid{background:var(--ddw-success-soft,#e7f7ef)}.compact-cost-summary-item.is-unpaid{background:var(--ddw-warning-soft,#fff5d9)}.compact-cost-summary-value{color:var(--ddw-heading,var(--heading));font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:760;overflow:hidden}.compact-cost-summary-item.is-paid .compact-cost-summary-value{color:var(--ddw-success,var(--success))}.compact-cost-summary-item.is-unpaid .compact-cost-summary-value{color:var(--ddw-warning,var(--warning))}.compact-cost-summary-label{color:var(--ddw-muted,var(--muted));font-size:var(--fs-xs)}.compact-cost-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.compact-cost-toolbar button{min-height:28px;font-size:var(--fs-base);padding:4px 10px}.compact-cost-table-wrap{border-radius:var(--ddw-radius-md,var(--radius-md));max-width:100%;overflow-x:auto}.compact-cost-table{table-layout:fixed;min-width:1120px}.compact-cost-col-name{width:220px}.compact-cost-col-product{width:160px}.compact-cost-col-type{width:112px}.compact-cost-col-supplier{width:160px}.compact-cost-col-money{width:112px}.compact-cost-col-status{width:96px}.compact-cost-col-remark{width:176px}.compact-cost-col-action{width:64px}.compact-cost-table th,.compact-cost-table td{vertical-align:top}.compact-cost-cell-main .link-like,.compact-cost-action .link-like{font-size:var(--fs-base)}.compact-cost-line-clamp{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.compact-cost-type-chip{text-overflow:ellipsis;vertical-align:top;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.compact-cost-money{color:var(--ddw-heading,var(--heading));font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.compact-cost-status{max-width:100%;min-height:22px;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-weight:650;line-height:1.3;display:inline-flex;overflow:hidden}.compact-cost-muted{color:var(--ddw-muted,var(--muted))}.compact-cost-action{text-align:center;white-space:nowrap}@media (width<=760px){.compact-cost-summary{grid-template-columns:1fr}.compact-cost-table{min-width:1040px}}.work-order-create-layer{min-height:calc(100vh - 112px);padding:var(--space-5);color:var(--text);background:var(--bg)}.work-order-create-page{background:var(--surface);border-radius:var(--radius-xl);width:min(1080px,100%);min-height:calc(100vh - 144px);box-shadow:var(--modal-shadow);margin:0 auto;overflow:hidden}.work-order-create-header{align-items:flex-start;gap:var(--space-5);padding:var(--space-6) var(--space-7) var(--space-5);background:color-mix(in srgb,var(--selected-bg) 58%,var(--surface));border-bottom:1px solid var(--divider);display:flex}.work-order-create-header>div{flex:1;min-width:0}.work-order-create-header h2{color:var(--heading);font-size:var(--fs-xl);line-height:1.25}.work-order-create-header p{max-width:72ch;margin-top:var(--space-1);color:var(--muted);font-size:var(--fs-md)}.work-order-create-back{min-height:var(--h-btn);padding:var(--space-2) 0;color:var(--accent-ink);cursor:pointer;font-size:var(--fs-md);background:0 0;border:0;font-weight:700}.work-order-create-back:hover{color:var(--accent-deep)}.work-order-create-auto-state{align-items:center;gap:var(--space-2);min-height:30px;padding:var(--space-1) var(--space-3);color:var(--muted);background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-base);flex:none;display:inline-flex}.work-order-create-auto-state i{background:var(--success);border-radius:50%;width:6px;height:6px}.work-order-create-close{width:var(--h-btn);height:var(--h-btn);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;font-size:22px;display:grid}.work-order-create-close:hover{color:var(--heading);background:color-mix(in srgb,var(--surface) 76%,transparent)}.work-order-create-steps{padding:14px var(--space-7);border-bottom:1px solid var(--divider);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.work-order-create-steps li{min-width:0;position:relative}.work-order-create-steps li:not(:last-child):after{content:"";top:18px;right:var(--space-5);background:var(--divider);height:1px;position:absolute;left:164px}.work-order-create-steps button{align-items:center;gap:var(--space-3);min-height:var(--h-btn);color:var(--muted);cursor:pointer;font-size:var(--fs-md);text-align:left;background:0 0;border:0;padding:0;display:flex}.work-order-create-steps button:disabled{cursor:default}.work-order-create-steps button>span{width:25px;height:25px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;display:grid}.work-order-create-steps button>b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.work-order-create-steps li.is-current button{color:var(--accent-ink)}.work-order-create-steps li.is-current button>span{color:#fff;background:var(--accent);border-color:var(--accent)}.work-order-create-steps li.is-done button{color:var(--success)}.work-order-create-steps li.is-done button>span{color:#fff;background:var(--success);border-color:var(--success)}.work-order-create-body{min-height:560px;padding:var(--space-7)}.work-order-create-section{gap:18px;width:min(920px,100%);margin:0 auto;animation:.18s cubic-bezier(.22,1,.36,1) work-order-create-in;display:grid}.work-order-create-section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-5);border-bottom:1px solid var(--divider);padding-bottom:13px;display:flex}.work-order-create-section-heading h3{color:var(--heading);font-size:16px;line-height:1.3}.work-order-create-section-heading p{max-width:68ch;margin-top:var(--space-1);color:var(--muted);font-size:var(--fs-md)}.work-order-create-section-heading>strong{color:var(--accent-ink);font-size:var(--fs-md);flex:none}.work-order-create-section-heading>button{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;font-weight:700}.work-order-create-error{width:min(920px,100%);color:var(--error);background:var(--error-light);border-radius:var(--radius-sm);font-size:var(--fs-md);margin:0 auto 16px;padding:10px 12px}.work-order-create-search{gap:var(--space-2);color:var(--heading);font-size:var(--fs-md);font-weight:700;display:grid}.work-order-create-search>div{position:relative}.work-order-create-search>div>span{color:var(--muted);font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.work-order-create-search input{width:100%;min-height:42px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;padding:0 14px 0 42px;font-weight:500}.work-order-create-search input:focus,.work-order-create-requirements input:focus,.work-order-create-requirements textarea:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 14%,transparent)}.work-order-create-filter-row{gap:var(--space-2);display:flex}.work-order-create-filter-row button,.work-order-create-recommendations button{min-height:32px;padding:0 var(--space-3);color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px}.work-order-create-filter-row button.is-active,.work-order-create-recommendations button.is-active{color:var(--accent-ink);background:var(--selected-bg);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));font-weight:700}.work-order-create-contract-list{border-top:1px solid var(--divider);max-height:365px;overflow-y:auto}.work-order-create-contract{align-items:center;gap:var(--space-5);width:100%;color:var(--text);background:var(--surface);border:0;border-bottom:1px solid var(--divider);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr) 24px;padding:14px 12px;display:grid}.work-order-create-contract:hover{background:var(--surface-soft)}.work-order-create-contract.is-selected{background:var(--selected-bg)}.work-order-create-contract>span{gap:4px;min-width:0;display:grid}.work-order-create-contract strong,.work-order-create-contract b{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-order-create-contract strong{font-size:15px}.work-order-create-contract small{color:var(--muted);font-size:var(--fs-sm)}.work-order-create-contract em{flex-wrap:wrap;gap:6px;margin-top:3px;font-style:normal;display:flex}.work-order-create-contract em i{color:var(--text);background:var(--surface-soft);font-size:var(--fs-sm);border-radius:999px;padding:2px 7px;font-style:normal}.work-order-create-contract em i.is-success{color:var(--success);background:var(--success-light)}.work-order-create-radio{border:1.5px solid var(--border-strong,var(--border));border-radius:50%;width:18px;height:18px;display:grid}.work-order-create-contract.is-selected .work-order-create-radio{border-color:var(--accent);place-items:center}.work-order-create-contract.is-selected .work-order-create-radio:after{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px}.work-order-create-empty{color:var(--muted);background:var(--surface-soft);font-size:var(--fs-md);text-align:center;padding:30px}.work-order-create-exception{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--muted);font-size:var(--fs-md);display:flex}.work-order-create-exception button{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;font-weight:700}.work-order-create-exception-panel{gap:var(--space-5);padding:var(--space-5);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.work-order-create-exception-fields{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-order-create-exception-fields label{gap:var(--space-2);color:var(--heading);font-weight:700;display:grid}.work-order-create-exception-fields label b{color:var(--error)}.work-order-create-context{justify-content:space-between;align-items:center;gap:var(--space-5);background:var(--selected-bg);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-md);padding:12px 14px;display:flex}.work-order-create-context>span{gap:2px;min-width:0;display:grid}.work-order-create-context b{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-order-create-context small{color:var(--muted)}.work-order-create-context em{color:var(--accent-ink);font-size:var(--fs-md);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 48%;font-style:normal;overflow:hidden}.work-order-create-field-label{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--heading);font-size:var(--fs-md);font-weight:700;display:flex}.work-order-create-field-label small{color:var(--muted);font-weight:400}.work-order-create-recommendations{gap:var(--space-2);flex-wrap:wrap;display:flex}.work-order-create-recommendations button{border-radius:var(--radius-sm)}.work-order-create-matter-picker{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:180px minmax(0,1fr);height:356px;display:grid;overflow:hidden}.work-order-create-matter-picker nav{background:var(--surface-soft);border-right:1px solid var(--divider);padding:7px;overflow-y:auto}.work-order-create-matter-picker nav button{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:35px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:0;padding:7px 9px;display:flex}.work-order-create-matter-picker nav button:hover{background:var(--surface)}.work-order-create-matter-picker nav button.is-active{color:var(--accent-ink);background:var(--selected-bg);font-weight:700}.work-order-create-matter-picker nav small{color:var(--muted)}.work-order-create-matter-picker>div{min-width:0;overflow-y:auto}.work-order-create-matter-picker header{z-index:2;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--divider);font-size:var(--fs-sm);grid-template-columns:minmax(0,1fr) 230px;padding:10px 42px 10px 14px;display:grid;position:sticky;top:0}.work-order-create-matter-picker>div>button{align-items:center;gap:var(--space-4);width:100%;color:var(--text);background:var(--surface);border:0;border-bottom:1px solid var(--divider);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) 230px 20px;padding:11px 14px;display:grid}.work-order-create-matter-picker>div>button:hover{background:var(--surface-soft)}.work-order-create-matter-picker>div>button.is-selected{background:var(--selected-bg)}.work-order-create-matter-picker>div>button>span:first-child{gap:2px;min-width:0;display:grid}.work-order-create-matter-picker b{color:var(--heading)}.work-order-create-matter-picker small{color:var(--muted);font-size:var(--fs-sm)}.work-order-create-matter-picker>div>button>span:nth-child(2){color:var(--muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-order-create-matter-picker>div>button>i{color:var(--accent);font-size:16px;font-style:normal;font-weight:800}.work-order-create-requirements{border-top:1px solid var(--divider);grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr);gap:18px 28px;padding-top:20px;display:grid}.work-order-create-requirements>label{display:block}.work-order-create-priorities{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.work-order-create-priorities button{height:var(--h-btn);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.work-order-create-priorities button.is-low{color:#6b7280}.work-order-create-priorities button.is-normal{color:#3b82f6}.work-order-create-priorities button.is-high{color:#f59e0b}.work-order-create-priorities button.is-urgent{color:#ef4444}.work-order-create-priorities button.is-active{color:#fff;font-weight:700}.work-order-create-priorities button.is-low.is-active{background:#6b7280;border-color:#6b7280}.work-order-create-priorities button.is-normal.is-active{background:#3b82f6;border-color:#3b82f6}.work-order-create-priorities button.is-high.is-active{background:#f59e0b;border-color:#f59e0b}.work-order-create-priorities button.is-urgent.is-active{background:#ef4444;border-color:#ef4444}.work-order-create-date{align-items:center;gap:var(--space-3);display:flex}.work-order-create-date input{width:166px;height:var(--h-btn);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 9px}.work-order-create-date small{color:var(--muted)}.work-order-create-description{grid-column:1/-1}.work-order-create-description textarea{width:100%;min-height:68px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;padding:9px 11px}.work-order-create-review{gap:var(--space-7);grid-template-columns:minmax(0,1fr) 286px;display:grid}.work-order-create-review>div{border-top:1px solid var(--divider)}.work-order-create-review-row{gap:var(--space-5);border-bottom:1px solid var(--divider);grid-template-columns:126px minmax(0,1fr);padding:14px 2px;display:grid}.work-order-create-review-row span{color:var(--muted)}.work-order-create-review-row b{color:var(--heading);font-weight:650}.work-order-create-review aside{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);align-self:start;padding:17px}.work-order-create-review h4{color:var(--heading);margin:0;font-size:15px}.work-order-create-review ul{color:var(--text);margin:10px 0 0;padding-left:18px}.work-order-create-review li+li{margin-top:7px}.work-order-create-footer{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:70px;padding:14px var(--space-7);background:var(--surface-soft);border-top:1px solid var(--divider);display:flex}.work-order-create-footer>span{color:var(--muted);font-size:var(--fs-sm)}.work-order-create-footer>div{gap:var(--space-2);display:flex}.work-order-create-footer button{min-height:38px;padding:0 var(--space-4);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.work-order-create-footer button.is-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.work-order-create-footer button.is-primary:hover{background:var(--accent-deep)}@keyframes work-order-create-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=900px){.work-order-create-header{padding-inline:var(--space-5)}.work-order-create-auto-state{display:none}.work-order-create-steps{padding-inline:var(--space-5)}.work-order-create-steps li:not(:last-child):after{display:none}.work-order-create-body{padding:var(--space-5)}.work-order-create-review,.work-order-create-requirements{grid-template-columns:1fr}.work-order-create-description{grid-column:auto}}@media (width<=680px){.work-order-create-layer{padding:0}.work-order-create-page{border-radius:0;min-height:100vh}.work-order-create-header{gap:var(--space-3);padding:var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.work-order-create-header>div{grid-area:2/1/auto/3}.work-order-create-back{grid-column:1}.work-order-create-close{grid-area:1/3}.work-order-create-steps{padding:var(--space-3) var(--space-4)}.work-order-create-steps button{justify-content:center}.work-order-create-steps button>b{display:none}.work-order-create-body{padding:var(--space-4)}.work-order-create-contract{grid-template-columns:minmax(0,1fr) 20px}.work-order-create-contract>span:nth-child(2){grid-column:1/-1}.work-order-create-contract>.work-order-create-radio{grid-area:1/2}.work-order-create-matter-picker{grid-template-columns:126px minmax(0,1fr)}.work-order-create-matter-picker header{grid-template-columns:1fr;padding-right:14px}.work-order-create-matter-picker header span:nth-child(2),.work-order-create-matter-picker>div>button>span:nth-child(2){display:none}.work-order-create-matter-picker>div>button{grid-template-columns:minmax(0,1fr) 20px}.work-order-create-context em{display:none}.work-order-create-exception-fields{grid-template-columns:1fr}.work-order-create-review-row{grid-template-columns:1fr;gap:5px}.work-order-create-footer{padding-inline:var(--space-4);justify-content:flex-end}.work-order-create-footer>span{display:none}}@media (prefers-reduced-motion:reduce){.work-order-create-section{animation:none}}