:root{--dc-field-height:40px;--dc-mobile-field-height:44px;--dc-w-60:60px;--dc-w-120:120px;--dc-w-180:180px;--dc-w-240:240px;--dc-w-300:300px;--dc-org-width:300px;--dc-tax-width:120px}
button,.button{font-family:inherit!important}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]),select,.dc-search-select>button{height:var(--dc-field-height)!important;min-height:var(--dc-field-height)!important;max-height:var(--dc-field-height)!important}
.dc-w-60,.dc-w-120,.dc-w-180,.dc-w-240,.dc-w-300{justify-self:start}
.dc-w-60{width:var(--dc-w-60)!important}.dc-w-120{width:var(--dc-w-120)!important}.dc-w-180{width:var(--dc-w-180)!important}.dc-w-240{width:var(--dc-w-240)!important}.dc-w-300{width:var(--dc-w-300)!important}
.dc-w-60>:is(input,select,.dc-search-select),.dc-w-120>:is(input,select,.dc-search-select),.dc-w-180>:is(input,select,.dc-search-select),.dc-w-240>:is(input,select,.dc-search-select),.dc-w-300>:is(input,select,.dc-search-select){width:100%!important;min-width:0!important;max-width:none!important}
.button.filter-action,button.filter-action{background:#e8f0f7!important;color:#35546f!important;border:1px solid #c7d8e6!important}.button.filter-action:hover,button.filter-action:hover{background:#dce9f3!important}
@media(max-width:700px){input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]),select,.dc-search-select>button{height:var(--dc-mobile-field-height)!important;min-height:var(--dc-mobile-field-height)!important;max-height:var(--dc-mobile-field-height)!important}.dc-w-60,.dc-w-120,.dc-w-180,.dc-w-240,.dc-w-300{width:100%!important;min-width:0!important;max-width:none!important}}


.dc-drag-handle{width:34px!important;min-width:34px!important;padding:5px!important;margin-right:8px!important;cursor:grab!important;touch-action:none;background:#edf2f6!important;color:#526474!important}.dc-dragging{opacity:.55}
.forwarding-page-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;margin:0 0 12px!important}.forwarding-page-head h1{margin:0 0 5px!important}.forwarding-page-head p{margin:0!important}.forwarding-page-head>.green{margin:0!important;float:none!important;position:static!important}.dc-time24{width:180px!important;font-variant-numeric:tabular-nums!important}
main button.dc-button-fit,main a.button.dc-button-fit{box-sizing:border-box!important;width:max-content!important;min-width:60px!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;justify-self:start!important}
.overview-operation-card{display:block}.overview-operation-card .overview-chart-layout{align-content:start}.stock-sort-shortcuts{margin:0 0 10px}.stock-sort-shortcuts button{min-height:36px;padding:6px 11px}
:root{--dc-search-sm:220px;--dc-search-md:300px;--dc-search-lg:360px}.dc-standard-filter{align-items:end}.dc-standard-filter .dc-date-range{max-width:100%}.dc-standard-filter label:has(input[name=q]):not(:has(.dc-search-select,select)),.dc-standard-filter label:has(input[type=search]):not(:has(.dc-search-select,select)){width:min(100%,var(--dc-search-md))!important}.dc-page-size{width:96px!important}.dc-page-size select{min-width:78px!important}.dc-sort-link{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}.dc-sort-link:hover{color:#176aa9}.dc-sort-icon{font-family:inherit;font-size:inherit;font-weight:inherit}.dc-print,.dc-inline-print{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important}.dc-print-document h1,.document-title{display:flex;align-items:center;gap:10px}.people-list-card{grid-column:1/-1!important;width:100%!important}.people-list-card .scroll{overflow-x:visible}.people-list-table{min-width:0!important;width:100%!important;table-layout:auto}.people-list-table th:last-child,.people-list-table td:last-child{width:136px}.people-list-card+section{grid-column:1/-1!important}/* SideNav visual hierarchy is owned by services.ui_components.SIDENAV_COMPONENT_ASSETS. compatibility contract: .client-menu>details>details>summary{font-size:14px!important;font-weight:400!important */
@media(min-width:901px){body.dc-fill-page main{min-height:calc(100vh - 30px);display:flex;flex-direction:column}body.dc-fill-page main>.card:last-of-type:not(.overview-operation-card),body.dc-fill-page main>.overview-shell:last-of-type{flex:1}}
@media(max-width:900px){.people-list-card .scroll{overflow-x:auto}.people-list-table{min-width:720px!important}}
@media(max-width:520px){.dc-standard-filter label:has(input[name=q]):not(:has(.dc-search-select,select)),.dc-standard-filter label:has(input[type=search]):not(:has(.dc-search-select,select)){width:100%!important}.dc-page-size{width:86px!important}.people-list-table{min-width:680px!important}}


.dc-page-actions{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:44px!important;gap:0 12px!important;align-items:center!important;margin:0 0 12px!important;padding:0!important;background:transparent!important}
.dc-page-actions>.dc-core-back{grid-column:1!important;grid-row:1!important;justify-self:start!important}.dc-page-actions>.dc-action-right{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;height:44px!important;margin-left:auto!important}.dc-page-actions .dc-page-primary{margin:0!important}
.dc-page-title-row{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important;margin:0 0 12px!important}.dc-page-heading{min-width:0!important}.dc-page-heading>h1{margin:0!important}.dc-page-heading>.muted{margin:4px 0 0!important}.dc-page-utility-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important;white-space:nowrap!important}.dc-page-utility-actions>.button,.dc-page-utility-actions>button{margin:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important}body main .dc-page-utility-actions>button,body main .dc-page-utility-actions>a.button{height:var(--dc-ui-row-height)!important;min-height:var(--dc-ui-row-height)!important}@media(pointer:coarse),(max-width:700px){body main .dc-page-utility-actions>button,body main .dc-page-utility-actions>a.button{height:var(--dc-ui-touch-height)!important;min-height:var(--dc-ui-touch-height)!important}}.dc-page-create{order:99!important}
.dc-section-title-row{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important;margin:0 0 12px!important}.dc-section-heading{min-width:0!important}.dc-section-heading>h1,.dc-section-heading>h2,.dc-section-heading>h3{margin:0!important}.dc-section-heading>.muted{margin:4px 0 0!important}.dc-section-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important;white-space:nowrap!important}.dc-section-actions>.button,.dc-section-actions>button{margin:0!important}
@media(max-width:700px){.dc-page-actions{grid-template-columns:1fr auto!important}.dc-page-actions .dc-page-primary{width:auto!important;max-width:100%!important}.dc-page-title-row,.dc-section-title-row{grid-template-columns:minmax(0,1fr)!important}.dc-page-utility-actions,.dc-section-actions{justify-self:end!important}.dc-page-utility-actions{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;white-space:normal!important}}


.dc-toast-host{position:fixed!important;right:20px!important;top:20px!important;z-index:1400!important;display:grid!important;gap:8px!important}.dc-toast{max-width:420px!important;padding:12px 15px!important;border-radius:9px!important;background:#13253f!important;color:#fff!important;box-shadow:0 8px 24px #13253f44!important}.dc-toast.error{background:#b42318!important}.dc-confirm{width:min(520px,calc(100vw - 24px))!important;border:0!important;border-radius:14px!important;padding:0!important;box-shadow:0 18px 60px #13253f55!important}.dc-confirm::backdrop{background:#13253f88!important}.dc-confirm-body{padding:22px!important}.dc-confirm-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:20px!important}


.dc-search-select{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important}.dc-search-select>button{position:relative!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-right:34px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.dc-search-select>button::after{content:'⌄'!important;position:absolute!important;right:11px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.dc-search-options{box-sizing:border-box!important;overflow:hidden!important}.dc-search-options input{width:100%!important;min-width:0!important;max-width:100%!important}
@media(max-width:700px){.dc-search-options{width:100%!important;min-width:0!important;max-width:100%!important}}


.client-menu>a,.client-menu>details>summary{font-size:14px!important;font-weight:650!important;line-height:1.4!important}.client-menu details>a{font-size:14px!important;font-weight:400!important;margin-left:18px!important;padding-left:17px!important;border-left:2px solid #ffffff2b!important;border-radius:0 7px 7px 0!important}.client-menu>details>details>summary{font-size:14px!important;font-weight:400!important;line-height:1.4!important;margin-left:18px!important}.client-menu details details{margin-left:16px!important}.client-menu details:not([open])>a{display:none!important}.client-menu details>a.active{background:#294566!important;color:#fff!important;border-left-color:#6faf45!important;font-weight:400!important}


:root{--dc-filter-sm:220px;--dc-filter-md:300px;--dc-filter-lg:360px;--dc-filter-gap:12px}
.dc-filter-cols-4{--dc-filter-columns:4}.dc-filter-cols-5{--dc-filter-columns:5}
form.dc-filter-grid,.dc-filter-row,form.dc-report-filter{display:grid!important;grid-template-columns:repeat(var(--dc-filter-columns,4),minmax(0,1fr))!important;gap:var(--dc-filter-gap)!important;align-items:end!important;grid-auto-flow:row!important}
form.dc-filter-grid>.field,.dc-filter-row>.field{grid-row:auto!important;grid-column:auto!important;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
form.dc-report-filter>label{grid-row:auto!important;grid-column:auto!important;min-width:0!important;max-width:none!important;margin:0!important}form.dc-report-filter>label{width:100%!important;box-sizing:border-box!important}
form.dc-filter-grid>.field>input,form.dc-filter-grid>.field>select,form.dc-filter-grid>.field>.dc-search-select,.dc-filter-row>.field>input,.dc-filter-row>.field>select,.dc-filter-row>.field>.dc-search-select,form.dc-report-filter>label>input,form.dc-report-filter>label>select,form.dc-report-filter>label>.dc-search-select{width:100%!important;min-width:0!important;max-width:none!important}
.dc-filter-size-sm,.dc-filter-size-md,.dc-filter-size-lg{width:100%!important;min-width:0!important;max-width:none!important}.dc-month-field{width:100%!important;min-width:0!important;max-width:none!important}
form.dc-filter-grid>.date-range-field,.dc-filter-row>.date-range-field,form.dc-report-filter>.date-range-field{width:100%!important;min-width:0!important;max-width:none!important}
form.dc-filter-grid>label,form.dc-filter-grid>.date-range-field,.dc-filter-row>.date-range-field,form.dc-report-filter>.date-range-field{grid-column:auto!important;grid-row:auto!important;min-width:0!important}
form.dc-filter-grid .dc-date-range,.dc-filter-row .dc-date-range,form.dc-report-filter .dc-date-range,form.dc-filter-grid .date-range-controls,.dc-filter-row .date-range-controls,form.dc-report-filter .date-range-controls{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
body main form.dc-filter-grid .dc-date-range-control,body main .dc-filter-row .dc-date-range-control,body main form.dc-report-filter .dc-date-range-control{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;width:100%!important;min-width:0!important;max-width:none!important;height:var(--dc-field-height)!important;min-height:var(--dc-field-height)!important;max-height:var(--dc-field-height)!important;font-size:14px!important}
@media(max-width:700px){body main form.dc-filter-grid .dc-date-range-control,body main .dc-filter-row .dc-date-range-control,body main form.dc-report-filter .dc-date-range-control{height:var(--dc-mobile-field-height)!important;min-height:var(--dc-mobile-field-height)!important;max-height:var(--dc-mobile-field-height)!important}}
form.dc-filter-grid>button,form.dc-report-filter>button{grid-row:auto!important;grid-column:auto!important;width:max-content!important;min-width:60px!important;max-width:var(--dc-filter-sm)!important;margin:0!important}
@media(max-width:1050px){form.dc-filter-grid,.dc-filter-row,form.dc-report-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){form.dc-filter-grid,.dc-filter-row,form.dc-report-filter{grid-template-columns:1fr!important;gap:10px!important}form.dc-filter-grid>label,form.dc-filter-grid>.date-range-field,.dc-filter-row>.date-range-field,form.dc-report-filter>.date-range-field{grid-column:auto!important;grid-row:auto!important;min-width:0!important}.dc-filter-size-sm,.dc-filter-size-md,.dc-filter-size-lg,form.dc-filter-grid>.field,.dc-filter-row>.field,form.dc-report-filter>label{width:100%!important}form.dc-filter-grid>button,form.dc-report-filter>button{width:100%!important;max-width:none!important}}
body main .reconciliation-filter .dc-filter-row>.reconciliation-settings-button{height:40px!important;min-height:40px!important;align-self:end}@media(pointer:coarse),(max-width:700px){body main .reconciliation-filter .dc-filter-row>.reconciliation-settings-button{height:44px!important;min-height:44px!important}}


.dc-list-shell{overflow-x:auto}.dc-list-table{width:100%;border-collapse:collapse;table-layout:auto}.dc-list-table th{white-space:nowrap}.dc-list-table th,.dc-list-table td{vertical-align:middle}.dc-list-table .num{text-align:right;font-variant-numeric:tabular-nums}.dc-sort-link{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}.dc-sort-link:hover{text-decoration:underline}.dc-sort-icon{display:inline-block;min-width:1em;text-align:center;font:inherit}.dc-sort-link{position:relative}.dc-sort-icon.dc-sort-idle{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:1px;opacity:0;transition:opacity .12s;pointer-events:none}.dc-sort-link:hover .dc-sort-idle,.dc-sort-link:focus-visible .dc-sort-idle{opacity:.7}
.dc-row-edit{background:#132b49!important;color:#fff!important;border-color:#132b49!important;min-width:60px!important}.dc-row-edit:hover{background:#203b60!important;border-color:#203b60!important}.dc-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 9px;border-radius:999px;font-weight:700;white-space:nowrap}.dc-status-active{background:#e7f5e9;color:#2f7a37}/* BR-UI-71208-004（使用者決定）：全站「停用」紅字淡紅底，跟「啟用」一眼分得出來 */html body .dc-status-badge.dc-status-inactive,html body .pill.dc-status-inactive{background:#fde2e2!important;color:#a12626!important}.dc-list-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.dc-list-pagination>div{display:flex;gap:7px}.dc-list-pagination .button{min-width:44px!important}
@media(max-width:700px){.dc-list-table{min-width:820px}.dc-list-pagination{align-items:flex-start;flex-direction:column}}


.status-filter-levels{display:grid;gap:6px;margin:0 0 12px}.status-filter-levels .toolbar{margin:0}.dc-status-tabs{display:flex!important;align-items:center!important;gap:4px!important;width:max-content!important;max-width:100%!important;padding:4px!important;background:#edf1f5!important;border-radius:8px!important;overflow:auto!important;white-space:nowrap!important}.dc-status-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 14px!important;border-radius:7px!important;color:#43576b!important;text-decoration:none!important;font-weight:400!important}.dc-status-tab.active,.dc-status-tab[aria-current="page"]{background:#13253f!important;color:#fff!important}.dc-status-tabs.secondary .dc-status-tab.active{background:#2376bd!important}.status-draft{background:#eef1f4!important;color:#5d6874!important}.status-approval{background:#fff0c7!important;color:#855b00!important}.status-returned{background:#ffe0d8!important;color:#9b321c!important}.status-forward{background:#dceeff!important;color:#185d91!important}.status-create-po{background:#ffedd5!important;color:#9a4d00!important}.status-partial{background:#efe6ff!important;color:#6a36a3!important}.status-rejected{background:#fde2e2!important;color:#a12626!important}.status-receiving{background:#eee4fa!important;color:#70409a!important}.status-complete{background:#e4f4e9!important;color:#287a3b!important}.status-cancelled{background:#eceff2!important;color:#6a737d!important}.status-difference-short{background:#fff0c7!important;color:#855b00!important}.status-difference-over{background:#ffe8cc!important;color:#9a4d00!important}.status-difference-mixed{background:#fde2e2!important;color:#a12626!important}


/* BR-UI-7123-005: 表單送出鍵與上方欄位的間距由共用類別控制，不在按鍵上寫行內樣式。 */.dc-form-submit{margin-top:12px}.dc-active-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.dc-active-switch .dc-active-text{font-weight:700}
.dc-switch{position:relative!important;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:0!important;border:0!important;border-radius:999px!important;background:#e7edf2!important;cursor:pointer!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease!important}.dc-switch::after{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px #0003!important;transition:left .16s ease!important}.dc-switch.is-on,.dc-switch[aria-checked="true"]{background:var(--dc-ui-brand-green)!important;border-color:var(--dc-ui-brand-green)!important}.dc-switch.is-on::after,.dc-switch[aria-checked="true"]::after{left:25px!important}.dc-switch:disabled,.dc-switch[aria-disabled="true"]{background:#f1f4f6!important;border-color:#e4e9ed!important;cursor:not-allowed!important;opacity:.72!important}.dc-switch-label{display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:600!important}


:root{--dc-btn-h:42px;--dc-btn-compact:60px;--dc-btn-standard:90px;--dc-btn-wide:120px}
main button.dc-btn,main a.button.dc-btn{font-size:var(--dc-ui-text-size)!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:var(--dc-btn-h)!important;min-height:var(--dc-btn-h)!important;width:max-content!important;min-width:var(--dc-btn-compact)!important;max-width:100%!important;padding:0 14px!important;white-space:nowrap!important}
.dc-btn-compact{min-width:var(--dc-btn-compact)!important}.dc-btn-standard{min-width:var(--dc-btn-standard)!important}.dc-btn-wide{min-width:var(--dc-btn-wide)!important}.dc-btn-fit{min-width:var(--dc-btn-compact)!important}
@media(max-width:520px){main button.dc-btn.dc-btn-mobile-full,main a.button.dc-btn.dc-btn-mobile-full{width:100%!important}}


:root{--navy:#46627a;--navy2:#38566f;--dc-brand-blue:#46627a;--dc-brand-orange:#f5b942;--dc-action-bg:#fff4dd;--dc-tool-height:40px;--dc-tool-gap:8px}
.client-sidebar{background:var(--dc-ui-sidebar-client)!important;--navy2:var(--dc-ui-sidebar-hover-client)}.sidebar{background:var(--dc-ui-sidebar-developer)!important;--navy2:var(--dc-ui-sidebar-hover-developer)}.client-menu>a.active,.client-menu details>a.active{background:var(--dc-ui-sidebar-active)!important}.dc-brand-home{color:inherit;text-decoration:none}.dc-brand-home:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.client-menu>details>a,.client-menu>details>details>summary{position:relative!important;border-left:0!important;margin-left:18px!important;padding-left:20px!important}.client-menu>details>a::before,.client-menu>details>details>summary::before{content:'';width:4px;height:4px;border-radius:50%;background:#d8e2e9;position:absolute;left:6px;top:50%;transform:translateY(-50%)}.client-menu>details>details>a{border-left:2px solid #ffffff45!important;padding-left:17px!important}.client-menu>details>details>a::before{content:none}.client-menu details>a.active{box-shadow:inset 3px 0 var(--green)}
main .dc-page-actions{position:sticky!important;top:0!important;z-index:60!important;background:var(--dc-action-bg)!important;border-bottom:2px solid var(--dc-brand-orange)!important;grid-template-rows:minmax(44px,auto)!important}.dc-page-actions .dc-action-right{min-width:0;flex-wrap:wrap}.dc-editor-wide{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.dc-editor-wide>.grid{width:100%}.dc-editor-wide label.field{max-width:100%!important}
body main button.dc-row-action,body main a.button.dc-row-action,body main a.button.dc-row-edit{height:32px!important;min-height:32px!important;max-height:32px!important;min-width:48px!important;width:max-content!important;padding:0 10px!important;border-radius:6px!important;font-size:14px!important;font-weight:400!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;white-space:nowrap!important}/* BR-UI-71160-005（核心）：表格列裡的按鍵同字數同寬——「編輯」等編輯鍵原本多 1px 透明框（寬 50px，其他 48px） */html:root body main td :is(button,a.button).dc-row-action.dc-edit-action:is(#dc-none,button,a){border-width:0!important}.dc-product-pair-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dc-product-pair-heading .product-pair-action{display:contents}.dc-product-pair-heading .supplier-pair-button{margin:0!important}
.dc-compact-tools{display:flex!important;align-items:center!important;gap:var(--dc-tool-gap)!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;margin:0 0 12px!important;grid-column:1/-1!important}.dc-tool-search-group{display:flex!important;align-items:center;gap:8px;max-width:100%;min-width:0;flex:0 1 348px;width:348px}.dc-compact-tools .dc-search-control{display:flex!important;flex:0 1 260px!important;width:260px!important;min-width:100px!important;max-width:260px!important;height:var(--dc-tool-height)!important;position:relative!important;border:1px solid #bcc9d6;border-radius:7px;background:white;overflow:hidden;margin:0!important;padding:0!important;gap:0!important;box-sizing:border-box}.dc-search-control .dc-search-icon{display:flex;align-items:center;justify-content:center;width:40px;flex:0 0 40px;height:100%;background:#e8edf3;color:#46627a;border-right:1px solid #bcc9d6}.dc-search-icon svg{width:20px;height:20px}.dc-compact-tools .dc-search-control>input{flex:1;width:0!important;min-width:0!important;max-width:none!important;border:0!important;border-radius:0!important;height:100%!important;min-height:0!important;box-shadow:none!important;padding:0 10px!important;font-size:14px!important}.dc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dc-compact-tools .dc-size-control{display:block!important;width:80px!important;min-width:80px!important;max-width:80px!important;margin:0!important;flex:0 0 80px!important}.dc-compact-tools .dc-size-control select{width:80px!important;min-width:80px!important;max-width:80px!important;height:var(--dc-tool-height)!important;min-height:var(--dc-tool-height)!important;margin:0!important;font-size:14px!important;padding:0 8px!important}body main .dc-compact-tools .dc-tool-button,body main .dc-compact-tools .dc-btn.dc-tool-button{height:var(--dc-tool-height)!important;min-height:var(--dc-tool-height)!important;max-height:var(--dc-tool-height)!important;width:max-content!important;min-width:40px!important;padding:0 10px!important;border-radius:7px!important;font-size:14px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.dc-icon-button svg{width:19px;height:19px}.dc-compact-tools .dc-icon-button{width:var(--dc-tool-height)!important;padding:0!important}.dc-tool-tax svg{width:18px!important;height:18px!important;flex:0 0 18px!important}.dc-tool-tax>span{white-space:nowrap!important;line-height:1!important}body main .dc-compact-tools .dc-tool-tax{width:auto!important;min-width:0!important;white-space:nowrap!important;flex:0 0 auto!important}.dc-tool-tax[aria-checked=true]{background:var(--green)!important;color:white!important}.dc-tool-tax[aria-checked=false]{background:#edf1f5!important;color:#46627a!important}.dc-tools-total{margin-left:auto!important;white-space:nowrap;display:flex;align-items:center;gap:8px}.dc-compact-tools .toolbar{display:contents!important}.dc-filter-empty{display:none!important}
.dc-compact-pagination{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px;margin-top:12px;flex-wrap:wrap}.dc-page-controls{display:flex;align-items:center;gap:4px}.dc-page-controls>a,.dc-page-controls>span{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--dc-ui-page-height);height:var(--dc-ui-page-height);padding:0 4px;text-decoration:none;border-radius:5px;color:#46627a;font-size:var(--dc-ui-small-text-size);line-height:1}.dc-page-controls .dc-current-page{background:var(--green);color:#fff}main .dc-product-guide{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-left:4px solid var(--green,#6eaf3e);margin-bottom:14px}main .dc-product-guide p{margin:4px 0 0}main .dc-product-guide-actions{display:flex;gap:8px;flex-wrap:wrap}main .dc-title-actions{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;vertical-align:middle;flex-wrap:wrap;row-gap:6px}/* BR-UI-71173-002：單號旁按鍵放不下時換行（生產銷售單手機版有 5 個，原本超出畫面整頁可左右滑） */main h1.document-title{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}main .toolbar:has(>h1):has(>.dc-audit-icon):not(:has(>:not(h1):not(.dc-audit-icon))){justify-content:flex-start!important;align-items:center!important;gap:10px!important}main .toolbar:has(>h1):has(>.dc-audit-icon):not(:has(>:not(h1):not(.dc-audit-icon)))>h1{margin-top:0!important;margin-bottom:0!important}.dc-page-controls>a.dc-page-number{color:#46627a}.dc-page-controls>a.dc-page-number:hover{background:#eef3f7}.dc-page-controls>.dc-page-gap{min-width:auto;padding:0 2px;color:#8a9aa8}.dc-page-controls [aria-disabled=true]{opacity:.35;pointer-events:none}/* BR-UI-7151-002：分頁上一頁／下一頁改為有外框的明顯按鈕，箭頭加大加粗；觸控裝置 44px。 */.dc-page-controls>a[aria-label]{position:relative;min-width:20px;width:20px;height:20px;padding:0;border:1px solid #9fb3c6;background:#fff;color:#1f3a56;font-size:22px;font-weight:800;border-radius:5px;line-height:1}.dc-page-controls>a[aria-label]{font-size:0!important}.dc-page-controls>a[aria-label]::before{content:"";display:block;width:5px;height:5px;border:solid currentColor;border-width:0 0 2px 2px;border-radius:1px}.dc-page-controls>a[aria-label="上一頁"]::before{transform:translateX(1px) rotate(45deg)}.dc-page-controls>a[aria-label="下一頁"]::before{transform:translateX(-1px) rotate(-135deg)}.dc-page-controls>a[aria-label]:hover,.dc-page-controls>a[aria-label]:focus-visible{background:#e8f0f7;border-color:#46627a}.dc-page-controls>a[aria-label][aria-disabled=true]{opacity:.4;background:#f3f5f7}.dc-page-controls{gap:6px}@media (pointer:coarse){.dc-page-controls>a[aria-label]::after{content:"";position:absolute;inset:-12px -6px}}/* BR-UI-7151-002（71.64 修訂）：左右鍵外框 20px，比頁碼（24px）小；觸控裝置只擴大不可見的點按範圍，外觀不變 */
.dc-align-number{text-align:right!important;font-variant-numeric:tabular-nums}/* BR-UI-7165-003（核心）：金額／數量欄表頭與內容右緣切齊——表頭與內容同內距，內容內層不再加右內距，排序圖示放在表頭文字左側 */th.dc-align-number,td.dc-align-number{padding-right:12px!important}td.dc-align-number>*{margin-right:0!important;padding-right:0!important}th.dc-align-number .dc-sort-link{display:inline-flex!important;flex-direction:row-reverse;align-items:baseline;justify-content:flex-start;gap:2px}th.dc-align-number .dc-sort-link>.dc-sort-icon{align-self:center}/* BR-UI-71200-001：數字欄目前排序的那一欄，表頭文字原本比其他欄低約 5px（圖示排在左邊時整個表頭以圖示底部對齊）；改以文字對齊 */td.dc-entity-code{font-size:inherit;white-space:nowrap}/* 71.78：分頁鍵群組一律同組間距 6px（單據核對「核對作業／核對批次」原本貼在一起） */html body main .dc-tabs:not(.dc-tabs-joined):not(.dc-segment){gap:6px!important}html body main .view-switch.dc-tabs{display:flex;flex-wrap:wrap}/* BR-UI-7179-002（核心）：篩選列的篩選器之間一律固定 12px（原本 8／12／24px 混用） *//* BR-UI-7179-001（核心）：表單內同一列的元件一律與輸入框同高（36px）、上緣切齊——可搜尋下拉、數量元件、列內按鍵（如移除）。篩選工具列仍為 32px。 */@media (min-width:701px){html:root body main form:is([method=post],[method=POST]) :is(.transfer-item,.dc-form-row,.grid)>button,html:root body main .transfer-item>button{height:36px!important;min-height:36px!important;max-height:36px!important}html body main .transfer-item{align-items:start!important}html body main .transfer-item.transfer-item>button.remove-transfer-item.remove-transfer-item{height:36px!important;min-height:36px!important;max-height:36px!important;margin-top:26px!important}html:root body main label.field.field .dc-search-select>button.dc-search-toggle{height:36px!important;min-height:36px!important;max-height:36px!important}}@media (pointer:coarse),(max-width:700px){html body main .transfer-item.transfer-item>button.remove-transfer-item.remove-transfer-item{height:44px!important;min-height:44px!important;max-height:44px!important}}html body main label.field>.dc-field-label{display:block;height:20px!important;line-height:20px!important;overflow:visible}html body main .dc-required-mark{line-height:20px!important}/* BR-UI-7181-001（核心）：手機與平板的觸控 44px 規則只套用在按鍵與輸入框，不套用在開關、勾選框與圓點選項；開關維持膠囊形（48×26px），原本被撐成 48×44 的方塊、圓鈕偏上。 */html body input:is([type=checkbox],[type=radio]):not(.dc-setting-switch):not(.dc-setting-toggle){width:auto;min-width:0}@media (pointer:coarse),(max-width:700px){html body input:is([type=checkbox],[type=radio]){min-height:0!important}html body input.dc-setting-switch.dc-setting-switch{min-height:26px!important;height:26px!important;max-height:26px!important;flex:0 0 auto!important;align-self:center}}/* BR-UI-7181-002（核心）：手機與平板的篩選器與表單欄位字級一律 16px（原本下拉 16px、可搜尋下拉／搜尋框／日期區間 14px 混用；iPhone 低於 16px 的輸入框點下去會自動放大畫面） */@media (pointer:coarse),(max-width:700px){html body main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea,.dc-search-select>button,.dc-search-toggle,.dc-date-range-control){font-size:16px!important}html body main .dc-search-toggle *,html body main .dc-date-range-control *{font-size:inherit!important}html:root body main .dc-date-range-control.dc-date-range-control.dc-date-range-control{font-size:16px!important}}/* BR-UI-7181-005（核心）：單一日期與時間欄位同寬 150px、同高（時鐘鈕與欄位同高：電腦 36px、篩選列 32px、觸控 44px） */html body main :is(label,div):has(> .dc-hm){min-width:150px!important;width:auto!important}html body main .dc-hm{display:inline-flex!important;width:150px!important;max-width:100%;gap:6px;align-items:stretch}html body main .dc-hm>input.dc-hm-display{flex:1 1 auto!important;min-width:0!important;width:auto!important;text-align:left!important;font-weight:600!important;padding-left:12px!important}html body main .stock-clock:has(> .dc-hm)>span:not(.dc-hm){display:none!important}html body main .dc-hm>button.dc-hm-open:is(#dc-none,.dc-hm-open){flex:0 0 auto;width:36px!important;min-width:36px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important}@media (pointer:coarse),(max-width:700px){html body main .dc-hm>button.dc-hm-open:is(#dc-none,.dc-hm-open){width:44px!important;min-width:44px!important}}/* BR-UI-7182-001（核心）：電腦版輸入框、下拉、日期與時間顯示欄一律 14px（原本未指定字級的欄位用瀏覽器預設 13.3px） */@media not all and (pointer:coarse){@media (min-width:701px){html body main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea,.dc-date-display,.dc-hm-display){font-size:14px}}}/* BR-UI-7182-002（核心）：搜尋框內的輸入欄一律填滿外框高度（原本外框 32px、內層輸入欄 36px 超出） */html body main .dc-search-control>input:is(#dc-none,input),html body main [data-dc-component=search] input:is(#dc-none,input){height:100%!important;min-height:0!important;max-height:100%!important;box-sizing:border-box!important}/* BR-UI-7182-003（核心）：表單欄位標題一律 20px 高，同列欄位上緣切齊（原本必填星號、說明文字造成 2px 落差） */html body main .advanced-card .dc-section-actions>button.green{order:99}html body main .advanced-card>.advanced-section-head{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px;width:100%!important;max-width:none!important}html body main .advanced-card>.advanced-section-head>div:first-child{margin-right:auto}html body main .advanced-card>.advanced-section-head>.dc-section-actions{order:99}html body main label.field{line-height:20px}html body main label.field>:is(.dc-field-label,.dc-field-caption){display:block;height:20px!important;line-height:20px!important;overflow:visible;white-space:nowrap}html body main label.field :is(input,select,textarea,button){line-height:normal}/* BR-UI-7184-001（核心）：按鍵顏色依用途統一——存檔／送出為綠、開新增頁與查看等一般動作為鋼藍、編輯為深藍、次要動作為灰、刪除／移除為紅。原本「建立人員」「新增分類」「新增工作訂單」為綠、其他列表的新增鍵為鋼藍；權限頁的「查看」為灰、其他頁為鋼藍。 */html body main a.button:is([href$='/new'],[href*='/new?']):not(.danger):not([class*=tile]):not([class*=shortcut]),html body main a.button.role-view-link{background:#46627a!important;border-color:#46627a!important;color:#fff!important}/* BR-UI-7184-002（核心）：同組按鍵間距一律 6px（原本 8／9／10／12px 混用）；分段切換（清單／方格、%／NT）維持相連 */html body main :is(.toolbar,.dc-section-actions,.dc-page-utility-actions,.dc-personnel-actions,.dc-action-right,.applicability-page-actions,.reconciliation-selection-toolbar,.filter-actions,.dc-row-actions,.dc-tool-actions,.advanced-save,.dc-taxonomy-create-bar,.dc-applicability-excel,.dc-home-actions):not(.dc-segment):not(.view-toggle):not(:has(> :is(label,select,input:not([type=hidden]),textarea,.field,.dc-search-select))){column-gap:6px!important}/* 含欄位的排版列（如門市適用設定各列）維持原間距 */html body main :is(#dc-none,.reconciliation-selection-toolbar)>:is(button,a.button)+:is(button,a.button){margin-left:calc(6px - var(--dc-toolbar-gap,8px))!important}html body main .reconciliation-selection-toolbar{--dc-toolbar-gap:8px}html body main :is(.toolbar,.dc-section-actions,.dc-page-utility-actions,.dc-personnel-actions,.dc-action-right,.applicability-page-actions,.dc-row-actions,.dc-tool-actions)>:is(button,a.button)+:is(button,a.button){margin-left:0!important}/* BR-UI-7186-001（核心）：分頁標籤分兩種、各自統一——頁面分頁（按鍵樣式：灰底，選中深藍）與狀態篩選（文字樣式：選中深藍底）；兩種都一律高 32px（觸控 44px），選中色統一為深藍 #13253f。原本頁面分頁選中為鋼藍、高度 32／38／40px 混用。 */html body main .dc-tabs:not(.dc-segment)>:is(.dc-tab,a.button):is(#dc-none,.dc-tab,.button){height:32px!important;min-height:32px!important;max-height:32px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important;font-size:14px!important}html body main .dc-tabs:not(.dc-segment)>:is(.dc-tab,a.button):is(.active,[aria-current=page],[aria-selected=true]):is(#dc-none,.dc-tab,.button){background:#13253f!important;border-color:#13253f!important;color:#fff!important}@media (pointer:coarse),(max-width:700px){html body main .dc-tabs:not(.dc-segment)>:is(.dc-tab,a.button):is(#dc-none,.dc-tab,.button){height:44px!important;min-height:44px!important;max-height:44px!important}}/* BR-UI-7186-003（核心）：對話框——主要鍵在右、取消在左；關閉（×）一律灰色；說明視窗的「關閉」為灰色次要鍵 */html body dialog :is(button,a.button):is(.green,.danger,.dc-page-primary){order:20}html body dialog :is(button,a.button).secondary:not(.dc-close-icon){order:10}html body dialog .dc-close-icon:not(.secondary){background:#687887!important;border-color:#687887!important;color:#fff!important}/* BR-UI-7186-004（核心）：手機卡片內一律不畫分隔線（原本庫存總覽卡片每格有底線，其他卡片沒有） */@media (max-width:700px){html body.dc-mobile-store-flow table.dc-mobile-card-table:not([data-dc-mobile-products]) tbody tr>td:is(#dc-none,td){border-bottom:0!important}}/* BR-UI-7190-003（核心）：表單格線比照篩選器的 4／5 格規範——寬螢幕一列 5 格（客戶端頁面；開發商平台表單另有規格）、1400px 以下 4 格、1050px 以下 2 格、620px 以下 1 格；長欄位（說明、自行輸入原因）佔 2 格；調撥的商品欄佔 1 格，與上一列「調出門市」同寬（71.109，使用者回報）。 */html body[class*=mode-] main{--dc-form-cols:5}@media(max-width:1400px){html body[class*=mode-] main{--dc-form-cols:4}}@media(max-width:1050px){html body[class*=mode-] main{--dc-form-cols:2}}@media(max-width:620px){html body[class*=mode-] main{--dc-form-cols:1}}html body[class*=mode-] main :is(.dc-form-grid:not([data-columns='1']):not(.dc-form-grid-compact),form.transfer-request>.grid,#procurementSettings .grid,#createRoleForm .grid,.user-edit-card .dc-editor-row){display:grid!important;grid-template-columns:repeat(var(--dc-form-cols),minmax(0,1fr))!important;column-gap:16px!important}html body[class*=mode-] main :is(.dc-form-grid:not([data-columns='1']):not(.dc-form-grid-compact),form.transfer-request>.grid,#procurementSettings .grid,#createRoleForm .grid,.user-edit-card .dc-editor-row)>label.field{grid-column:auto!important;min-width:0}@media(min-width:621px){html body[class*=mode-] main :is(.dc-form-grid:not([data-columns='1']):not(.dc-form-grid-compact),form.transfer-request>.grid,#procurementSettings .grid,#createRoleForm .grid,.user-edit-card .dc-editor-row)>label.field:is(:has([name=custom_reason]),:has(textarea),:has([name=reason]):not(:has(select))){grid-column:span 2!important}}@media(min-width:1051px){html body[class*=mode-] main form.transfer-request .transfer-item{grid-template-columns:calc((100% - (var(--dc-form-cols) - 1) * 16px) / var(--dc-form-cols)) max-content max-content!important;column-gap:16px!important}}/* BR-UI-7196-002（核心）：另外載入的區塊一律使用共用「載入中…」（轉圈＋文字、灰色 14px），不得各頁自訂文字或樣式 */html body .dc-loading{display:flex!important;align-items:center;gap:8px;margin:12px 0;color:#687887;font-size:14px;font-weight:400}html body .dc-loading .dc-spinner{width:16px;height:16px;flex:0 0 16px}/* BR-UI-7197-001（核心）：一般功能按鍵一律 14px——「編輯」類切換鍵原本 13px、未指定字級的按鍵（如首頁「套用」）用瀏覽器預設 13.3px */html body main button{font-size:14px}html:root body main :is(.dc-edit-action,.dc-edit-mode-toggle,#unitEditMode,#priceEditMode,#applicabilityEditMode,#settingsEdit):is(#dc-none,button,a){font-size:14px!important}/* BR-UI-7197-002（核心）：操作紀錄圖示鍵一律正方形，與列印同高（電腦 32px、觸控 44px）；每日銷售明細標題旁原本 60×42px */html:root body main a.button.dc-audit-icon.dc-audit-icon{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;flex:0 0 auto!important;align-self:center!important}@media (pointer:coarse),(max-width:700px){html:root body main a.button.dc-audit-icon.dc-audit-icon{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}}/* BR-UI-7197-003（核心）：狀態標籤一律 12px、同一種膠囊尺寸；正向狀態（啟用、已完成）一律同一綠色（淡綠底 #e8f5ee、深綠字 #347326），原本 5 種相近綠色混用；單據標題旁的狀態維持與「作廢」鍵同字級 13px（既有驗收） */html body main :is(.pill,.dc-status-badge):empty{display:none!important}html:root body main .dc-status-badge.dc-status-badge:not(.dc-document-state){font-size:12px!important;font-weight:400!important;min-height:0!important;padding:3px 8px!important;line-height:1.5!important}html:root body :is(.dc-status-active,.status-complete,.status-enabled,.status-已完成,.pill:not(.off):not(.warn):not([class*=status-]):not(.scope-pill)):is(#dc-none,span,strong,em,b,div,a,small,td){background:#e8f5ee!important;color:#347326!important}/* BR-UI-7197-004：內容卡片內距一律 18px（報表、銷售匯入等頁原本 16px）；無內距的版型容器不在此限 */@media (min-width:701px){html:root body main .card.card:not([style*=padding]){padding:18px}html:root body main .card.dc-report-filter.dc-report-filter{padding:18px!important}}/* BR-UI-7197-005（核心）：按鍵圓角一律 8px，含表格列內操作鍵（71.97 使用者決定，BR-UI-168-002 同步修訂）。分段切換、開關、圖片編輯圓鈕、膠囊標籤另有規格 */html:root body main :is(button,a.button,input[type=submit],input[type=button]):not(.dc-switch):not([role=switch]):not(.dc-image-edit):not(.dc-segment *):not(.dc-page-controls>*):not(.dc-date-picker *):not(.dc-search-options *):not(.catalog-item):not([class*=photo]):not([class*=tile]):not([class*=shortcut]):not(.dc-tab):not(.status-tab):not(.dc-date-range-control):not(.quantity-step):not(.minus):not(.plus){border-radius:8px!important}html:root body main :is(td,.dc-row-actions) :is(button,a.button,input[type=submit]):not(.dc-switch):not([role=switch]):not(.dc-segment *):not(.quantity-step):not(.minus):not(.plus):not(.dc-search-toggle):not(.dc-image-edit):is(#dc-none,button,a,input){border-radius:8px!important}html:root body dialog :is(button,a.button,input[type=submit]):not(.dc-switch):not([role=switch]):not(.dc-segment *):not(.dc-close-icon):not(.dc-page-controls>*):not(.dc-date-picker *):not(.quantity-step):not(.minus):not(.plus){border-radius:8px!important}/* BR-UI-7198-001：頁面標題（h1）全系統一律 23px，開發商平台原本 25px；首頁儀表板待辦卡片內距比照內容卡片 18px（原本 12px 16px）；唯讀值方框與輸入框同高 36px（原本 40px） */html body main h1{font-size:23px}@media (min-width:701px) and (not (pointer:coarse)){html:root body main .dc-readonly-value.dc-readonly-value{min-height:36px!important}}@media (min-width:701px){html:root body main section.card.dashboard-work.dashboard-work{padding:18px!important}}/* BR-UI-7198-002（核心）：日期區間欄電腦版最小寬度 220px（篩選器標準寬度），確保「YYYY/MM/DD ～ YYYY/MM/DD」以 14px 完整顯示；原本核對批次頁寬 162px 被縮到 10px、多數列表 213px 被縮到 13.5px。報表等寬篩選欄依欄寬 */@media (min-width:701px){html:root body main .dc-date-range-control.dc-date-range-control:not(.dc-report-filter *){min-width:220px!important}}/* BR-UI-7199-001（核心）：每頁筆數一律共用規格——選項文字「20 筆／50 筆／100 筆」、寬 80px、左內距 8px（單據核對、每日銷售明細原本只顯示數字、寬 90px） */@media (min-width:701px){html:root body main select[name=per_page]:is(#dc-none,select){width:80px!important;min-width:80px!important;max-width:80px!important;padding-left:8px!important}}/* BR-UI-7199-003（核心，使用者決定）：列表搜尋框電腦版一律 256px（取代 260px；搜尋 256＋間距 12＋每頁筆數 80＝348px 剛好放得下）；篩選欄格線內的搜尋依欄寬 */@media (min-width:701px){html:root body main :is(.dc-search-control,[data-dc-component=search]):not(.dc-filter-grid *):not(.dc-report-filter *):is(#dc-none,div,label,span,form){width:256px!important;min-width:256px!important;max-width:256px!important;flex:0 0 auto!important}/* 71.123：flex 基準不可寫 256px——放在直向排列的欄位（例如盤點單的全搜尋）會變成高度 256px（使用者回報格式跑掉） */}/* BR-UI-7199-004（核心）：非格線篩選列的單選下拉一律 220px（BR-UI-7166-003）——客戶列表與生產售價的「銷售據點」原 240px、銷售操作紀錄「結果」原 98px、開發商操作日誌原 211px */@media (min-width:701px){html:root body main .dc-compact-tools label.field:is(.dc-source-picker,:has(> select:not([name=per_page]))):not(.dc-size-control):is(#dc-none,label),html:root body main form.dc-review-filter>label:has(select,.dc-search-select):is(#dc-none,label){width:220px!important;min-width:220px!important;max-width:220px!important;flex:0 0 220px!important}html:root body main form.dc-review-filter>label:has(select,.dc-search-select) :is(select,.dc-search-select,.dc-search-toggle){width:100%!important}html:root body main form.dc-review-filter.dc-policy-filter:is(#dc-none,form){grid-template-columns:repeat(auto-fill,220px)!important}/* 71.127：操作日誌等篩選列被排成 5 等分格線時每格只剩約 211px，固定 220px 的下拉與日期範圍擠到 3px／重疊；改為每格 220px（與核心下拉寬度相同），放不下自動換行 *//* 71.127：篩選列已改為等寬格線時，下拉跟著格寬，不再固定 220px（寬螢幕 5 欄每欄約 211px 時會擠到只剩 3px 間距） */html:root body main .daily-sales-filter label.daily-filter-store:is(#dc-none,label){width:220px!important;min-width:220px!important;max-width:220px!important;flex:0 0 220px!important}}/* BR-UI-7199-005（核心，使用者決定）：列表「尚無資料」一律置中 */html:root body main :is(td.empty,td[colspan].empty,.empty):is(#dc-none,td,div,p){text-align:center!important}html:root body main tr>td.dc-empty-cell:is(#dc-none,td){text-align:center!important;color:#657483}/* BR-UI-7199-006（核心，使用者決定）：多行輸入框（備註、說明）一律 72px 高（約 3 行），可拉大 */@media (min-width:701px){html:root body main textarea:not(.dc-auto-height):is(#dc-none,textarea){height:72px!important;min-height:72px!important;max-height:72px!important;resize:none!important}}/* BR-UI-7199-007（核心，使用者決定）：分頁標籤（含狀態篩選）圓角一律 8px，與按鍵一致 */html:root body main :is(.dc-tab,.status-tab,.dc-tabs>a.button,.dc-status-tabs>*):is(#dc-none,a,button,span){border-radius:8px!important}/* BR-UI-7199-008（核心，使用者決定）：表格內的單號與名稱連結一律深藍粗體、無底線，滑鼠移上才顯示底線（原本瀏覽器預設亮藍加底線） */html:root body main table td a:not(.button):not([class*=dc-btn]):not(.dc-sort-link):is(#dc-none,a){color:#13253f!important;font-weight:600;text-decoration:none!important}html:root body main table td a:not(.button):not([class*=dc-btn]):not(.dc-sort-link):is(#dc-none,a):is(:hover,:focus-visible){text-decoration:underline!important}/* BR-UI-7199-013（核心）：手機上表格不得撐寬整個頁面（BR-UX-035 頁面不得水平溢出）——未放在捲動容器內的表格自動包一層可左右捲動的外框（表格維持原寬度、文字不被擠成直排）；原本總部倉收貨、批准明細在手機會讓整頁左右滑動 */html body main .dc-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:700px){html body main .dc-table-scroll th{white-space:nowrap}}/* BR-UI-7199-014（核心）：手機上分頁標籤自動換行，全部分頁直接看得到，不用左右滑（原本門市適用設定 7 個分頁只看得到約 4 個、進階設定最後一個被切掉） */@media (max-width:700px){html:root body main :is(.dc-tabs,.applicability-tabs,.advanced-tabs,.status-tabs):not(.dc-tabs-joined):not(.dc-segment):is(#dc-none,div,nav,form,section){flex-wrap:wrap!important;overflow-x:visible!important;row-gap:6px!important;max-width:100%!important;width:auto!important}}/* BR-UI-7199-015：手機版一般格線（.grid，客戶端與開發商平台）一律單欄；開發商平台表單格線也單欄——表單格線改為單欄（原本 12 欄格線在手機上每欄只剩約 14px，欄位寬 42px 且整頁左右滑動）；表格沿用可左右捲動外框 */@media (max-width:700px){html body main .grid:is(#dc-none,div,form,section){grid-template-columns:minmax(0,1fr)!important}html body main .grid>*:is(#dc-none,label,div,section,fieldset,p,button,a,form,details){grid-column:1/-1!important;min-width:0!important}html body:not([class*=mode-]) main :is(.dc-form-grid,.dc-editor-row):is(#dc-none,div,form,section){grid-template-columns:minmax(0,1fr)!important}html body:not([class*=mode-]) main :is(.dc-form-grid,.dc-editor-row)>*:is(#dc-none,label,div,section,fieldset,p,button,a){grid-column:1/-1!important;min-width:0!important}html body:not([class*=mode-]) main :is(input,select,textarea):not([type=checkbox]):not([type=radio]){max-width:100%!important}}/* BR-UI-7199-017（核心）：表格「操作」欄表頭與內容一律置中（BR-UI-168-003），欄內多個按鍵整組置中；原本有的整組靠左（商品、人員）或靠右（門市），偏離表頭中線 5～8px */html:root body main :is(td,th).dc-align-center:is(#dc-none,td,th){text-align:center!important}html:root body main td.dc-align-center>:is(.row-actions,.toolbar,.dc-row-actions,.dc-row-actions-auto,div):is(#dc-none,div){justify-content:center!important;margin-left:auto!important;margin-right:auto!important}/* BR-UI-7199-020（核心）：靠右對齊的數字輸入框（數量、單價、金額）右側一律留 10px 內距，數字不得貼齊框線（原本收貨修正、收貨頁的數量與單價貼在右框）；單據金額摘要（小計、稅額、運費、調整、總額）右側留 12px，與上方表格金額欄右緣切齊 */@media (min-width:701px){html:root body main :is(td.dc-align-number,.dc-align-number) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(.qty-control *):is(#dc-none,input),html:root body main input:is([name*=price],[name*=amount],[name*=cost],[name*=total]):not([type=hidden]):not(.qty-control *):is(#dc-none,input){padding-right:10px!important}}html:root body main .receipt-money-value:is(#dc-none,span,strong,div){padding-right:12px}/* BR-UI-71163-001（核心，使用者決定）：表格裡有格子的數字欄——框內數字右緣與表頭文字右緣切齊（表頭、儲存格右內距同為 12px，框往右凸出 11px＝框右內距 10px＋框線 1px，落在儲存格內距裡）；同欄沒有框的數字（不能改的單價、合計）原本就貼齊表頭右緣，三者同一條線。加減數量元件維持整組置中；文字框、下拉靠左與表頭文字左緣切齊。 *//* BR-UI-71171-007（使用者回報）：數字框後面還接著下拉等欄位（例如批量單位設定「[10][公斤▾]」）就不加負邊距——71.163 起數字框往右伸 11px 壓到後面的下拉 */@media (min-width:701px){html:root body main table:not(.dc-mobile-card-table-active) td.dc-align-number:not(.empty) input:is([type=number],[inputmode=decimal],[inputmode=numeric]):not(:is(.qty-control,.compound-weight,.liang-row,.store-cart-control,.transfer-qty-control,.dc-hm) *):not(:has(~ :is(select,input:not([type=hidden]),button,textarea,.dc-search-select))):is(#dc-none,input){padding-right:10px!important;border-right-width:1px!important;margin-right:-11px!important;margin-left:auto!important}html:root body main table:not(.dc-mobile-card-table-active):has(td.dc-align-number input:is([type=number],[inputmode=decimal],[inputmode=numeric]):not(:is(.qty-control,.compound-weight,.liang-row,.store-cart-control,.transfer-qty-control,.dc-hm) *)) :is(th,td).dc-align-number:not([colspan]):not(.empty):is(#dc-none,th,td){padding-right:12px!important}}/* 手機：卡片式表格與收貨頁手機排法（數量與單價同列）不套用 */@media (max-width:700px){html:root body main table:not(.dc-mobile-card-table-active):not([data-dc-mobile-products]) td.dc-align-number:not(.empty) input:is([type=number],[inputmode=decimal],[inputmode=numeric]):not(:is(.qty-control,.compound-weight,.liang-row,.store-cart-control,.transfer-qty-control,.dc-hm) *):not(:has(~ :is(select,input:not([type=hidden]),button,textarea,.dc-search-select))):is(#dc-none,input){padding-right:10px!important;border-right-width:1px!important;margin-right:-11px!important;margin-left:auto!important}html:root body main table:not(.dc-mobile-card-table-active):not([data-dc-mobile-products]):has(td.dc-align-number input:is([type=number],[inputmode=decimal],[inputmode=numeric]):not(:is(.qty-control,.compound-weight,.liang-row,.store-cart-control,.transfer-qty-control,.dc-hm) *)) :is(th,td).dc-align-number:not([colspan]):not(.empty):is(#dc-none,th,td){padding-right:12px!important}}/* BR-UI-7197-006：列表與報表的表頭、儲存格內距一律 8px（原本 8～11px 混用）；金額／數量欄右內距維持 12px（BR-UI-7165-003）；含輸入欄的編輯表格、空白列與手機卡片維持原規格 */@media (min-width:701px){html:root body main table:not(:has(tbody :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea))):not(.dc-mobile-card-table-active) :is(thead th,tbody td):not(.empty):not([colspan]):is(#dc-none,th,td){padding:8px!important}html:root body main table:not(:has(tbody :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea))) :is(thead th,tbody td).dc-align-number:not(.empty):not([colspan]):is(#dc-none,th,td){padding:8px 12px 8px 8px!important}}html body main .dc-compact-tools .filter-actions{display:contents!important}html body main .dc-compact-tools > form:not([data-dc-slot]){width:max-content!important;min-width:0!important;flex:0 0 auto!important;padding-left:0!important;padding-right:0!important}@media(max-width:700px){html body main .dc-compact-tools > form:not([data-dc-slot]){width:100%!important;flex:1 1 100%!important}}html body main .dc-compact-tools,html body main .dc-compact-tools :has(> :is(.dc-search-control,[data-dc-component=search],label.field,.dc-search-select,.dc-size-control,.dc-date-range-control,select)){column-gap:12px!important}html body main .dc-compact-tools :is(.dc-search-control,[data-dc-component=search],label.field,.dc-search-select,.dc-size-control,.dc-date-range-control,select),html body main .dc-compact-tools > *:not([data-dc-slot=list-toolbar-actions]):not(.dc-action-right):not(.dc-tool-actions){margin-left:0!important;margin-right:0!important}html body main .dc-compact-tools > :is(.dc-search-control,[data-dc-component=search],label.field,.dc-search-select,.dc-size-control,.dc-date-range-control) + :is(.dc-search-control,[data-dc-component=search],label.field,.dc-search-select,.dc-size-control,.dc-date-range-control){margin-left:0!important}/* BR-UI-7166-002（核心）：同一列篩選工具列的搜尋框、下拉、每頁筆數、按鍵一律同高（電腦 32px〔71.70 起〕、觸控 44px），上下切齊 */html body main .dc-compact-tools .dc-search-control,html body main .dc-compact-tools [data-dc-component=search],html body main .catalog-head .dc-search-control{height:32px!important;min-height:32px!important;max-height:32px!important;box-sizing:border-box!important}/* BR-UI-7170-003（核心）：電腦版全系統按鍵一律 32px 高（工具列、頁首、列表列、卡片內皆同），篩選列的搜尋框、下拉、日期區間同為 32px；觸控裝置維持 44px。分頁頁碼／箭頭、拖曳把手、圖片編輯小鍵、照片／捷徑方塊、圖示鈕、開關、數量加減鈕另有規格。 */html:root body main :is(button,a.button,input[type=submit],input[type=button]):not(.dc-page-controls>*):not(.dc-drag-handle):not(.dc-image-edit):not(.dc-switch):not(.catalog-item):not(.dc-search-options *):not(.dc-date-picker *):not(.dc-search-toggle):not(.remove-transfer-item):not(.dc-po-more):not(.dc-hm-open):not([class*=photo]):not([class*=tile]):not([class*=shortcut]):not([class*=-icon]):not(.dc-audit-icon):not(.dc-close-icon):not([role=switch]):not(.store-cart-checkout):not(.dc-segment *):not(.quantity-step):not(.minus):not(.plus){height:32px!important;min-height:32px!important;max-height:32px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important;vertical-align:middle}html:root body main [data-dc-slot=list-toolbar-actions] button.danger,html:root body main .people-list-head button.danger,html:root body main .dc-action-right>button.danger,html:root body main .dc-action-right>form>button.danger{font-size:14px!important}html:root body main a.button:not(.dc-page-controls>*):not(.dc-drag-handle):not(.dc-image-edit):not(.dc-switch):not(.catalog-item):not(.dc-search-options *):not(.dc-date-picker *):not(.dc-search-toggle):not(.remove-transfer-item):not(.dc-po-more):not(.dc-hm-open):not([class*=photo]):not([class*=tile]):not([class*=shortcut]):not([class*=-icon]):not(.dc-audit-icon):not(.dc-close-icon):not([role=switch]):not(.store-cart-checkout):not(.dc-segment *):not(.quantity-step):not(.minus):not(.plus){line-height:30px!important}html:root body main :is(.dc-compact-tools,.catalog-head,form:not([method=post]):not([method=POST]),.dc-report-filter,.reconciliation-selection-toolbar) :is(.dc-search-control,[data-dc-component=search],.dc-search-select>button,.dc-search-toggle,.dc-date-range-control,select:not([multiple]),input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])){height:32px!important;min-height:32px!important;max-height:32px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;line-height:normal!important}html:root body main :is(.dc-compact-tools,form:not([method=post]):not([method=POST])) .dc-search-control input{height:100%!important;min-height:0!important}html:root body main button.dc-tool-button.dc-tool-button{height:32px!important;min-height:32px!important;max-height:32px!important;padding-top:0!important;padding-bottom:0!important}@media (pointer:coarse),(max-width:700px){html:root body main button.dc-tool-button.dc-tool-button{height:44px!important;min-height:44px!important;max-height:44px!important}html:root body main :is(button,a.button,input[type=submit],input[type=button]):not(.dc-page-controls>*):not(.dc-drag-handle):not(.dc-image-edit):not(.dc-switch):not(.catalog-item):not(.dc-search-options *):not(.dc-date-picker *):not(.dc-search-toggle):not(.remove-transfer-item):not(.dc-po-more):not(.dc-hm-open):not([class*=photo]):not([class*=tile]):not([class*=shortcut]):not([class*=-icon]):not(.dc-audit-icon):not(.dc-close-icon):not([role=switch]):not(.store-cart-checkout):not(.dc-segment *):not(.quantity-step):not(.minus):not(.plus){height:44px!important;min-height:44px!important;max-height:44px!important}html:root body main :is(.dc-compact-tools,.catalog-head,form:not([method=post]):not([method=POST]),.dc-report-filter,.reconciliation-selection-toolbar) :is(.dc-search-control,[data-dc-component=search],.dc-search-select>button,.dc-search-toggle,.dc-date-range-control,select:not([multiple]),input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])){height:44px!important;min-height:44px!important;max-height:44px!important}html:root body main :is(.dc-compact-tools,form:not([method=post]):not([method=POST])) .dc-search-control input{height:100%!important;min-height:0!important;max-height:none!important}html:root body main a.button:not(.dc-page-controls>*):not(.dc-drag-handle):not(.dc-image-edit):not(.dc-switch):not(.catalog-item):not(.dc-search-options *):not(.dc-date-picker *):not(.dc-search-toggle):not(.remove-transfer-item):not(.dc-po-more):not(.dc-hm-open):not([class*=photo]):not([class*=tile]):not([class*=shortcut]):not([class*=-icon]):not(.dc-audit-icon):not(.dc-close-icon):not([role=switch]):not(.store-cart-checkout):not(.dc-segment *):not(.quantity-step):not(.minus):not(.plus){line-height:42px!important}}@media(pointer:coarse),(max-width:700px){html body main .dc-compact-tools .dc-search-control,html body main .dc-compact-tools [data-dc-component=search],html body main .catalog-head .dc-search-control{height:44px!important;min-height:44px!important;max-height:44px!important}}/* BR-UI-7166-003（核心）：篩選列的狀態、分類、標籤、門市等下拉一律標準寬度 220px，不套用列表欄位用的窄寬度（狀態 120px、分類 130px）；報表篩選維持等寬欄（BR-UI-7112） */html body main :is(form.dc-inline-filter,.dc-compact-tools):not(.dc-report-filter)>label.field:is(.dc-field-status,.dc-field-taxonomy,.dc-field-name),html body main .product-filters .product-filter-row>.field,html body main .inventory-filter .status-field{width:var(--dc-filter-sm,220px)!important;min-width:var(--dc-filter-sm,220px)!important;max-width:var(--dc-filter-sm,220px)!important;flex:0 0 var(--dc-filter-sm,220px)!important}@media(min-width:701px){html body main .product-filters .product-filter-row{display:flex!important;flex-wrap:wrap;gap:12px!important;grid-template-columns:none!important;grid-column:1/-1!important}}@media(max-width:700px){html body main :is(form.dc-inline-filter,.dc-compact-tools):not(.dc-report-filter)>label.field:is(.dc-field-status,.dc-field-taxonomy,.dc-field-name),html body main .product-filters .product-filter-row>.field,html body main .inventory-filter .status-field{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 100%!important}}.dc-align-center{text-align:center!important}.dc-align-number input{ text-align:right!important}.recipe-ingredients{min-width:1000px!important}.recipe-ingredients col.c-seq{width:5%!important}.recipe-ingredients col.c-type{width:10%!important}.recipe-ingredients col.c-item{width:24%!important}.recipe-ingredients col.c-qty{width:10%!important}.recipe-ingredients col.c-unit{width:7%!important}.recipe-ingredients col.c-loss{width:11%!important}/* BR-UI-71163-001：損耗率（%）表頭在平板（表格最小寬 1000px）也放得下，表頭右緣才能與框內數字切齊 */.recipe-ingredients col.c-cost{width:10%!important}.recipe-ingredients col.c-subtotal{width:15%!important}.recipe-ingredients col.c-action{width:8%!important}.recipe-ingredients th:nth-child(4),.recipe-ingredients th:nth-child(6),.recipe-ingredients th:nth-child(7),.recipe-ingredients th:nth-child(8){text-align:right!important}.recipe-ingredients input[type=number]{text-align:right}.recipe-ingredients th:last-child,.recipe-ingredients td:last-child{text-align:center}.recipe-ingredients td{vertical-align:middle!important}.recipe-ingredients th,.recipe-ingredients td{padding:10px!important}.recipe-ingredients th{white-space:nowrap!important}.recipe-ingredients .dc-generated-value{padding:0!important}.recipe-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dc-composition-quantity{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:400}.dc-composition-quantity input{width:88px!important;min-width:88px!important;max-width:88px!important;height:32px!important;min-height:32px!important;text-align:right}.dc-inline-state{display:inline-flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.dc-cost-alert-editor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.dc-cost-alert-editor input{width:120px!important}.dc-segment{display:inline-flex;gap:2px;border-radius:7px;background:#edf1f5;padding:3px}.dc-segment button{border:0;border-radius:5px;padding:5px 10px;background:transparent;color:#46627a}.dc-segment button[aria-pressed=true]{background:var(--green);color:#fff}/* BR-UI-71160-002（核心，使用者決定）：切頁、切換檢視／模式一律用共用分段切換——灰底軌道（高 32px，觸控 48px）、選項無框、選中綠底白字（按鍵 aria-pressed、連結 aria-current）；項目多時自動換行。狀態篩選（未完成／已完成…）另有規格。 */html:root body main .dc-segment:is(#dc-none,div,nav,span){display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;gap:2px!important;row-gap:2px!important;padding:2px!important;border:0!important;border-radius:8px!important;background:#edf1f5!important;box-sizing:border-box!important;width:fit-content!important;max-width:100%!important;flex:0 0 auto!important;align-self:flex-start;overflow:visible!important;vertical-align:middle}html:root body main .dc-segment>:is(button,a):is(#dc-none,button,a){height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#46627a!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;cursor:pointer}html:root body main .dc-segment>:is(button[aria-pressed=true],a[aria-current=page]):is(#dc-none,button,a){background:var(--green)!important;color:#fff!important}html:root body main .dc-segment>:is(button,a):not([aria-pressed=true]):not([aria-current=page]):is(#dc-none,button,a):hover{background:#dde5ec!important;color:#13253f!important}@media (pointer:coarse),(max-width:700px){html:root body main .dc-segment>:is(button,a):is(#dc-none,button,a){height:44px!important;min-height:44px!important;max-height:44px!important}}@media print{html body main .dc-segment{display:none!important}}.dc-cost-alert-note{font-size:13px;color:#657483}.dc-cost-exceeded{color:#b42318;font-weight:700}
@media(max-width:850px){main .dc-page-actions{top:56px!important}.dc-section-actions{flex-wrap:wrap!important;white-space:normal!important}.recipe-fields{grid-template-columns:1fr!important}.dc-tool-search-group{width:100%;flex-basis:100%}.dc-compact-tools .dc-search-control{flex:1 1 0!important}.dc-tools-total{width:100%;margin-left:0!important;justify-content:flex-end}.dc-composition-quantity{white-space:normal}.dc-page-actions .dc-action-right{height:auto!important}}
@media(pointer:coarse),(max-width:700px){body main button.dc-row-action,body main a.button.dc-row-action,body main a.button.dc-row-edit{height:44px!important;min-height:44px!important;max-height:44px!important;min-width:48px!important}:root{--dc-tool-height:44px}.dc-inline-state{min-height:44px}}
@media print{.dc-compact-tools,.dc-compact-pagination,.dc-cost-alert-editor,.dc-brand-home{display:none!important}}
[data-dc-slot="list-toolbar"]>[data-dc-slot="list-query"]{width:auto!important;flex:1 1 auto;margin:0!important}[data-dc-slot="list-toolbar-actions"]{display:flex;align-items:center;margin-left:auto;gap:8px}