@import url("/css/chief-checkbox.css?v=20261014-checkbox32") screen;
/* Shared mint button theme. Appearance only; no control visibility or event changes. */
:root {
  --chief-mint-group: #edf2f0;
  --chief-mint-text: #286c56;
  --chief-mint-border: #dce5e1;
  --chief-mint-hover: #e4f4eb;
}
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn) {
  box-sizing: border-box;
  border: 1px solid var(--chief-mint-border) !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  color: #465d53 !important;
  font-family: "Microsoft JhengHei",system-ui,sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 10px 18px !important;
  min-height: 44px;
  max-width: 100%;
  white-space: normal;
  vertical-align: middle;
  box-shadow: none;
  -webkit-appearance: none;
  transition: background-color .15s,border-color .15s,box-shadow .15s;
}
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn):hover:not(:disabled):not([disabled]) {
  background-color: var(--chief-mint-hover) !important;
  border-color: #b3d5c3 !important;
}
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn):focus-visible {
  outline: 3px solid #94cbb2;
  outline-offset: 2px;
}
/* Existing inline styles mark the selected button. Preserve that state source. */
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn)[style*="#afaf61" i] {
  background-color: #dff5ec !important;
  color: var(--chief-mint-text) !important;
  border-color: #c4e5d5 !important;
  font-weight: 500;
  box-shadow: 0 2px 6px #234a3712;
}
/* Only immediate main-button siblings become a segmented group. */
div[id$="control_btns"]:has(> .cf_admin_btn_new ~ .cf_admin_btn_new) {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  background-color: var(--chief-mint-group);
  padding: 5px;
  border-radius: 16px;
}
div[id$="control_btns"]:has(> .cf_admin_btn_new ~ .cf_admin_btn_new) > .cf_admin_btn_new {
  margin: 0 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
div[id$="control_btns"]:has(> .cf_admin_btn_new ~ .cf_admin_btn_new) > .cf_admin_btn_new[style*="#afaf61" i] {
  background-color: #fff !important;
  color: var(--chief-mint-text) !important;
}
/* Keep destructive confirmation states distinct from normal and selected buttons. */
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn):is([style*="#ff5151" i],[style*="#ff2d2d" i],[style*="#ff0000" i],[style*="background-color:red" i],[style*="background-color: red" i]) {
  background-color: #fff0ef !important;
  color: #a53f38 !important;
  border-color: #eabbb7 !important;
  box-shadow: none;
}
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn):disabled,
:is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn)[disabled] {
  background-color: #f3f5f4 !important;
  color: #8e9c94 !important;
  border-color: #e4eae6 !important;
  box-shadow: none;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn) {
    padding: 10px 14px !important;
    min-height: 44px;
  }
  div[id$="control_btns"]:has(> .cf_admin_btn_new ~ .cf_admin_btn_new) > .cf_admin_btn_new {
    flex: 1 1 140px;
  }
}
@media print {
  :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn) { box-shadow: none; }
  div[id$="control_btns"].print { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn) { transition: none; }
}

/* Mint workspace forms and grids: presentation only, scoped to functional pages. */
body.chief-workspace {
  background-color:#fbfdfc;
  color:#30473d;
  font-family:"Microsoft JhengHei",system-ui,sans-serif;
}
body.chief-workspace :is(input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="search"],textarea,select),
:is(.cf_textbox,.cf_textbox_m,.cf_cart_change,.cf_cart_change_m) {
  box-sizing:border-box;
  border:1px solid #d7e5dd !important;
  border-radius:12px !important;
  background-color:#fff !important;
  color:#344c41 !important;
  padding:10px 14px !important;
  min-height:44px;
  max-width:100%;
  font-family:"Microsoft JhengHei",system-ui,sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.5;
  vertical-align:middle;
  box-shadow:0 1px 2px #244c3510;
}
body.chief-workspace textarea { min-height:88px; }
body.chief-workspace :is(input,textarea,select):focus-visible {
  outline:3px solid #d8efe4;
  outline-offset:1px;
  border-color:#8fc6aa !important;
}
body.chief-workspace input::placeholder,
body.chief-workspace textarea::placeholder { color:#7d9287;opacity:1; }
body.chief-workspace :is(input[type="text"],textarea,select):disabled,
body.chief-workspace :is(input[type="text"],textarea)[readonly] {
  background-color:#eef7fb !important;
  color:#567484 !important;
  border-color:#d5e6ed !important;
  box-shadow:none;
}
body.chief-workspace input[type="checkbox"],
body.chief-workspace input[type="radio"] {
  accent-color:#4f9474;
  vertical-align:middle;
}
body.chief-workspace .admin_date_text { color:#657c6f; }
body.chief-workspace span[style*="color:silver" i],
body.chief-workspace span[style*="color: silver" i] { color:#657c6f !important; }
body.chief-workspace span[style*="color:#bebebe" i],
body.chief-workspace span[style*="color: #bebebe" i] {color:#657c6f !important;}
body.chief-workspace .admin_calendar_panel {
  border:1px solid #d7e5dd;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 28px #28583c15;
}
body.chief-workspace table[id*="GridView"] {
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid #dbe7e0 !important;
  border-radius:12px;
  background:#fff;
  color:#344c41;
}
body.chief-workspace table[id*="GridView"] > tbody > tr > th,
body.chief-workspace table[id*="GridView"] > tr > th {
  background:#edf6f1 !important;
  color:#406351 !important;
  border:0 !important;
  border-bottom:1px solid #d7e5dd !important;
  padding:12px 10px;
  font-weight:500 !important;
}
body.chief-workspace table[id*="GridView"] > tbody > tr > td,
body.chief-workspace table[id*="GridView"] > tr > td {
  border:0 !important;
  border-bottom:1px solid #e7eeea !important;
  padding:9px 10px;
}
body.chief-workspace table[id*="GridView"] > tbody > tr:last-child > td {border-bottom:0 !important;}
body.chief-workspace table[id*="GridView"] > tbody > tr > td[bgcolor="#E0E0E0" i] {background:#f1f7f9;}
/* Preserve no-record display without resurrecting its old table frame. */
body.chief-workspace table[id*="GridView"]:has(.leave-empty-row),
body.chief-workspace table[id*="GridView"] .leave-empty-row > td {border:0 !important;background:transparent;box-shadow:none;}
@media(max-width:600px){
 body.chief-workspace :is(input[type="text"],textarea,select){padding:10px 12px !important;}
 body.chief-workspace table[id*="GridView"] > tbody > tr > :is(th,td){padding:10px 6px;}
}
body.chief-workspace .chief-grid-scroll {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media(max-width:700px){
 body.chief-mobile-simple .admin_div_1 {box-sizing:border-box;width:100% !important;padding:16px 12px;margin:0 !important;}
 body.chief-mobile-simple div[id$="add_new_item"],
 body.chief-mobile-simple div[id$="add_new_annualleave"] {width:100% !important;margin:18px 0 !important;text-align:left;}
 body.chief-mobile-simple div[id$="add_new_item"] > div {margin-bottom:16px !important;}
 body.chief-mobile-simple :is(input[type="text"],input[type="number"],input[type="date"],textarea,select){width:100% !important;min-height:46px;margin:5px 0 12px !important;}
 body.chief-mobile-simple div[id$="add_new_item"] span:not(:has(input)){display:block;margin:8px 0 4px !important;}
 body.chief-mobile-simple div[id$="control_btns"] {width:100%;}
 body.chief-mobile-simple div[id$="control_btns"] > .cf_admin_btn_new {flex:1 1 130px;min-height:46px;}
 body.chief-mobile-simple .admin_date_calendar_icon {width:28px !important;height:28px !important;min-height:28px;vertical-align:middle;margin:0 0 12px !important;}
 body.chief-mobile-simple .chief-grid-scroll table {width:100% !important;min-width:560px;}
 body.chief-mobile-simple .chief-grid-scroll table:has(.leave-empty-row){min-width:0;}
 body.chief-mobile-simple .admin_calendar_panel {max-width:100%;box-sizing:border-box;}
}
@media print {
 body.chief-workspace {background:#fff;color:#000;}
 body.chief-workspace table[id*="GridView"] {border-collapse:collapse !important;border:1px solid #888 !important;border-radius:0;}
 body.chief-workspace table[id*="GridView"] > tbody > tr > :is(th,td){border:1px solid #bbb !important;background:transparent !important;color:#000 !important;}
 body.chief-workspace :is(input,select,textarea){box-shadow:none;}
 body.chief-workspace .chief-grid-scroll {overflow:visible;}
}

/* Nested toolbars share the same segmented background. */
.chief-button-group {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  background-color: var(--chief-mint-group);
  padding: 5px;
  border-radius: 16px;
}
.chief-button-group > .cf_admin_btn_new {
  margin: 0 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.chief-button-group > .cf_admin_btn_new[style*="#afaf61" i] {
  background-color: #fff !important;
  color: var(--chief-mint-text) !important;
}

.billing-action-row {column-gap:12px;}
@media(max-width:600px){.chief-button-group > .cf_admin_btn_new{flex:1 1 140px;}}

/* Preserve approval status and align billing filters on screen. */
@media screen {
 body.chief-workspace [id$="Button_Lock_Yes"].cf_admin_btn_new {
  display:inline-block;background-color:#00b83f !important;color:#fff !important;
  border-color:#00a436 !important;font-weight:600 !important;box-shadow:none;
 }
 .chief-billing-filters {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 24px;}
 .chief-billing-filters > :is(select,input,span) {margin:0 !important;vertical-align:middle;}
 .chief-billing-filters > :is(select,input[type="submit"]) {min-height:46px;}
}
@media screen and (max-width:600px){.chief-billing-filters > select {width:100% !important;}}
/* Mobile form shell: only the three simple form routes opt in. */
@media screen and (max-width:700px) {
 html.chief-mobile-shell {width:100%;}
 html.chief-mobile-shell body {margin:0;width:100%;min-width:0;font-size:16px;}
 html.chief-mobile-shell #form1 {width:100%;min-width:0;}
 html.chief-mobile-shell .entrance_top_info_text {font-size:13px;line-height:1.5;}
 html.chief-mobile-shell .entrance_top_info {padding:8px 12px;}
 html.chief-mobile-shell .main_logo_mobile {width:150px;max-width:90%;padding:12px 0;}
 html.chief-mobile-shell .default_menu_icon {width:40px;height:40px;max-width:100%;}
 html.chief-mobile-shell .top_text {font-size:16px;}
 html.chief-mobile-shell :is(.location_text,.location_text_2,.location_arrow) {font-size:14px;}
 html.chief-mobile-shell .location_icon {width:14px;}
 html.chief-mobile-shell #btnPrint {width:24px !important;min-width:24px;}
 html.chief-mobile-shell .silver_line_2 > table {table-layout:fixed;}
 html.chief-mobile-shell .silver_line_2 > table > tbody > tr > td:last-child {width:32px !important;}
 html.chief-mobile-shell .the_frame {width:100%;min-width:0;margin-top:12px;}
 html.chief-mobile-shell #content_frame {display:block;width:100% !important;min-width:0;}
 html.chief-mobile-shell .footer {font-size:13px;line-height:1.7;margin-top:24px;padding:16px 12px;box-sizing:border-box;}
 html.chief-mobile-shell .footer_p {padding:4px 0;line-height:1.7;overflow-wrap:anywhere;}
 html.chief-mobile-shell .default_dropdown_content {font-size:16px;max-width:90vw;}
 body.chief-mobile-simple :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_btn) {font-size:16px !important;min-height:48px;}
 body.chief-mobile-simple input[type="checkbox"] {width:18px;height:18px;}
 body.chief-mobile-simple div[id$="control_btns"] {box-sizing:border-box;width:100%;}
 body.chief-mobile-simple div[id$="control_btns"] > .cf_admin_btn_new {flex:1 1 140px;min-height:48px;}
}

/* Shared pastel palette: colors have consistent roles across all pages. */
@media screen {
 :root {
  --chief-blue:#e7f3fc;--chief-blue-ink:#285f82;--chief-blue-border:#c7dfef;
  --chief-pink:#fff0f3;--chief-pink-ink:#a43f59;--chief-pink-border:#f1cbd5;
  --chief-orange:#fff1e3;--chief-orange-ink:#995c23;--chief-orange-border:#f0d3b5;
 }
 body.chief-workspace {color:#344957;}
 body.chief-workspace :is(input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="search"],textarea,select) {
  color:#344957 !important;border-color:#d7e2e9 !important;
 }
 body.chief-workspace :is(input,textarea,select):focus-visible {
  border-color:#8cbdd9 !important;outline-color:#dceffc;
 }
 body.chief-workspace table[id*="GridView"] {color:#344957;border-color:#dce6ed !important;}
 body.chief-workspace table[id*="GridView"] > :is(tbody,thead) > tr > th,
 body.chief-workspace table[id*="GridView"] > tr > th {
  background-color:#edf6fc !important;color:#365d78 !important;border-bottom-color:#d3e4ef !important;
 }
 body.chief-workspace :is(.cf_admin_btn_new_small,.cf_btn):not(:disabled):not([disabled]):not([style*="#afaf61" i]),
 body.chief-workspace .cf_admin_btn_new:is([value="新增"],[value="搜尋"],[value="送出"],[value="儲存"],[value="確定建立"],[value^="開啟"]):not(:disabled):not([disabled]) {
  background-color:var(--chief-blue) !important;color:var(--chief-blue-ink) !important;border-color:var(--chief-blue-border) !important;
 }
 body.chief-workspace :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_btn)[value*="解除"]:not(:disabled):not([disabled]) {
  background-color:var(--chief-orange) !important;color:var(--chief-orange-ink) !important;border-color:var(--chief-orange-border) !important;
 }
 body.chief-workspace :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_subcontracting_btn,.cf_btn):is([value*="刪除"],[style*="#ff5151" i],[style*="#ff2d2d" i],[style*="#ff0000" i],[style*="background-color:red" i],[style*="background-color: red" i]):not(:disabled):not([disabled]) {
  background-color:var(--chief-pink) !important;color:var(--chief-pink-ink) !important;border-color:var(--chief-pink-border) !important;
 }
 body.chief-workspace :is(.cf_admin_btn_new,.cf_admin_btn_new_small,.cf_btn):focus-visible {outline-color:#9bc9e4;}
}

@media screen {.chief-paper-logo {display:none !important;}}

@media screen {
 .chief-billing-filters {column-gap:7.8px;font-size:65%;}
 .chief-billing-filters > span {font-size:1rem;}
 /* Scale the original 24px minus 1% collapsed gap by 3.5. */
 .chief-billing-filters:has(+ div[id$="div_deductopn_show"]) {margin-bottom:84px;}
 body.chief-workspace div[id$="div_deductopn_show"] {margin-top:max(-3.5%,-76px) !important;}
 body.chief-workspace [id$="Main_Logo_mbl"] {display:none !important;}
 body.chief-workspace [id$="Button_Lock_Yes"].cf_admin_btn_new {
  background-color:#b8e8cc !important;color:#276b4e !important;border-color:#9bd5b4 !important;
 }
}
@media screen and (max-width:700px) {
 body.chief-workspace div[id$="control_btns"]:has(> .cf_admin_btn_new ~ .cf_admin_btn_new),
 body.chief-workspace .chief-button-group:has(> .cf_admin_btn_new ~ .cf_admin_btn_new) {
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));
  width:100% !important;gap:4px;justify-items:stretch;box-sizing:border-box;
 }
 body.chief-workspace :is(div[id$="control_btns"],.chief-button-group) > .cf_admin_btn_new {
  width:100% !important;min-width:0;max-width:100%;margin:0 !important;min-height:48px;
  box-sizing:border-box;grid-column:auto;justify-self:stretch;
 }
 /* These selectors target the invoice document, not the estimate's complex grids. */
 body.chief-mobile-simple div[id$="div_contract_table"] {font-size:24px !important;margin:20px 0 14px !important;}
 body.chief-mobile-simple div[id$="div_contract_table"] > table,
 body.chief-mobile-simple div[id$="div_contract_table"] > table > tbody {display:block;width:100%;}
 body.chief-mobile-simple div[id$="div_contract_table"] > table > tbody > tr {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
 }
 body.chief-mobile-simple div[id$="div_contract_table"] > table > tbody > tr > td:first-child {display:none;}
 body.chief-mobile-simple div[id$="div_contract_table"] > table > tbody > tr > td:nth-child(2) {
  width:auto !important;flex:1 1 90px;text-align:left !important;
 }
 body.chief-mobile-simple div[id$="div_contract_table"] > table > tbody > tr > td:last-child {
  width:auto !important;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;
 }
 body.chief-mobile-simple div[id$="div_contract_table"] .cf_admin_btn_new {margin:0 !important;font-size:14px !important;padding:10px 12px !important;}
 body.chief-mobile-simple div[id$="div_security"] {font-size:14px !important;line-height:1.65;margin:12px 0 !important;}
 body.chief-mobile-simple div[id$="div_security"] :is(table,tbody,tr,td) {display:block;width:100%;box-sizing:border-box;text-align:left !important;}
 body.chief-mobile-simple div[id$="div_security"] span {overflow-wrap:anywhere;}
 body.chief-mobile-simple div[id$="div_security"] td:last-child > span {display:block;}
 body.chief-mobile-simple table[id$="QQD"] {display:block;width:100% !important;border:1px solid #dce6ed !important;border-radius:12px;overflow:hidden;font-size:16px !important;background:#fff;}
 body.chief-mobile-simple table[id$="QQD"] > tbody {display:block;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr {
  display:grid;grid-template-columns:88px minmax(0,1fr);border-bottom:1px solid #e3ebef;
 }
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:last-child {border-bottom:0;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr > td {
  display:block;box-sizing:border-box;min-width:0;width:auto !important;border:0 !important;
  padding:12px !important;line-height:1.65;text-align:left !important;overflow-wrap:anywhere;
 }
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr > td:first-child,
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:last-child > td:nth-child(3) {background:#edf6fc;color:#365d78;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:nth-child(3) > td:nth-child(3) {grid-column:2;}
 body.chief-mobile-simple table[id$="sign_box"] {table-layout:fixed;font-size:14px !important;border-color:#dce6ed !important;margin:16px 0 !important;}
 body.chief-mobile-simple table[id$="sign_box"] td {padding:8px 4px !important;border-color:#dce6ed !important;overflow-wrap:anywhere;}
 body.chief-mobile-simple table[id$="sign_box"] tr:first-child td {background:#edf6fc;color:#365d78;}
 body.chief-mobile-simple table[id$="sign_box"] tr:nth-child(2) {height:64px;}
 body.chief-mobile-simple table[id$="sign_box"] br {display:none;}
}

@media screen {
 body.chief-workspace .chief-document-action:not(:disabled):not([disabled]) {
  display:block;width:100% !important;max-width:320px;min-height:48px;
  margin:16px auto !important;font-size:16px !important;box-shadow:none;
  background:var(--chief-blue) !important;color:var(--chief-blue-ink) !important;border-color:var(--chief-blue-border) !important;
 }
 body.chief-workspace .chief-document-action[value*="刪除"]:not(:disabled):not([disabled]) {
  background:var(--chief-pink) !important;color:var(--chief-pink-ink) !important;border-color:var(--chief-pink-border) !important;
 }
 body.chief-signin {margin:0;font-size:16px;}
 body.chief-signin .box_v_2_signin {height:auto !important;width:100%;max-width:460px;box-sizing:border-box;margin:24px auto;padding:0 16px;}
 body.chief-signin .signin_border {width:100%;box-sizing:border-box;padding:24px;border-radius:20px;border:1px solid #dce6ed;background:#fff;box-shadow:0 8px 28px #3354690d;}
 body.chief-signin .m_left_10 {margin-left:0 !important;}
 body.chief-signin .m_top_10 {margin-top:18px !important;}
 body.chief-signin .signin_txt {font-size:16px !important;line-height:1.5;}
 body.chief-signin .signin_textbox {width:100% !important;min-height:48px;}
 body.chief-signin .signin_btn_div {margin:0;}
 body.chief-signin .signin_txt_2 {padding:0;}
 body.chief-signin .signin_checkbox {zoom:1;display:inline-flex;align-items:center;gap:8px;margin:0;font-size:16px;}
 body.chief-signin .signin_checkbox input {width:18px;height:18px;}
 body.chief-signin .signin_btn {box-sizing:border-box;min-height:48px;padding:12px 22px !important;margin:0;border:1px solid var(--chief-blue-border);border-radius:12px;box-shadow:none;font-size:16px;color:var(--chief-blue-ink);background:var(--chief-blue);cursor:pointer;}
 body.chief-signin .signin_btn:hover {background:#d7edfc;}
 body.chief-signin .signin_btn:focus-visible {outline:3px solid #9bc9e4;outline-offset:2px;}
 body.chief-signin a[id$="get_pwd"] {color:#44738f !important;}
 body.chief-signin a[id$="get_pwd"] img {width:20px !important;vertical-align:middle;}
 body.chief-signin span[id$="Label1"] {display:none;}
 body.chief-signin #form1 > div[style="height:200px;"] {display:none;}
}
@media screen and (max-width:600px) {
 body.chief-signin .signin_border {padding:20px;}
 body.chief-signin .signin_btn_div table td {display:block;width:100% !important;box-sizing:border-box;text-align:left !important;padding-top:12px;}
 body.chief-signin .signin_btn {width:100%;}
 body.chief-workspace .chief-document-action {max-width:100%;}
}

@media screen {
 body.chief-workspace :is(input[id$="checkout_edit"],input[id$="checkout_edit_delete"]) {height:62.4px !important;min-height:62.4px !important;}
 body.chief-workspace input[id$="checkout_edit_delete"] {margin-top:0 !important;}
}
@media screen and (max-width:700px) {
 html.chief-mobile-shell img.main_logo_mobile {width:110px !important;max-width:90%;padding:10px 0 !important;}
 html.chief-mobile-shell #menu_section {font-size:16px;line-height:1.5;}
 html.chief-mobile-shell #menu_section :is(.menu_category,.menu_category_2) {
  font-size:18px !important;line-height:1.5;padding:14px 12px;margin:0;box-sizing:border-box;width:100%;
 }
 html.chief-mobile-shell #menu_section :is(span,a)[class*="toggle_v_"] {
  font-size:17px !important;line-height:1.5;padding:12px 16px;box-sizing:border-box;width:100%;min-height:48px;
 }
 html.chief-mobile-shell #menu_section a[class*="_item"] {font-size:16px !important;padding-left:28px;}
 html.chief-mobile-shell #menu_section :is(.brand_3,.menu_text) {font-size:16px !important;}
 html.chief-mobile-shell #menu_section .toggle_v_setting {width:24px;height:24px;}
 html.chief-mobile-shell #menu_section .menu_dn {width:12px;height:12px;}
 body.chief-mobile-simple div[id$="div_security"] table > tbody > tr {display:grid;gap:6px;}
 body.chief-mobile-simple div[id$="div_security"] table > tbody > tr > td {display:contents;}
 body.chief-mobile-simple div[id$="div_security"] span {display:block;margin:0 !important;padding:0;line-height:1.5;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:nth-child(3) > td:first-child {grid-row:span 2;display:flex;align-items:center;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:nth-child(3) > td:nth-child(2) {padding-bottom:4px !important;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:nth-child(3) > td:nth-child(3) {padding-top:0 !important;}
 body.chief-mobile-simple table[id$="QQD"] > tbody > tr:nth-child(3) > td:nth-child(3):has(> span[id$="List_3_2"]:empty) {display:none;}
 body.chief-mobile-simple .chief-invoice-analysis input[id$="Button5"] {display:block;margin:8px auto !important;}
}

@media screen {
 html.chief-no-print-button #btnPrint {display:none !important;}
 body.chief-account {margin:0;font-size:16px;}
 body.chief-account :is(.profile_div_1,.profile_div_2) {width:100% !important;max-width:520px;box-sizing:border-box;margin:24px auto;padding:0 16px;}
 body.chief-account .profile_div_2 {margin:0;padding:0;}
 body.chief-account .profile_div_3 {width:100% !important;}
 body.chief-account .profile_border {width:100% !important;box-sizing:border-box;background:#fff;border:1px solid #dce6ed;border-radius:20px;box-shadow:0 8px 28px #3354690d;margin:16px 0;}
 body.chief-account .profile_border_in {width:100% !important;box-sizing:border-box;padding:24px;text-align:left;}
 body.chief-account .profile_border_in p {margin:12px 0;line-height:1.5;}
 body.chief-account :is(.profile_change,.profile_error,.profile_email,.profile_re_send) {font-size:16px !important;line-height:1.5;}
 body.chief-account .profile_textbox {width:100% !important;min-height:48px;}
 body.chief-account .pig_account_for_profile {width:36px;vertical-align:middle;}
 body.chief-account .profile_add_address_btn {box-sizing:border-box;min-height:48px;padding:12px 22px !important;margin:12px 0 0;border:1px solid var(--chief-blue-border);border-radius:12px;box-shadow:none;font-size:16px;color:var(--chief-blue-ink);background:var(--chief-blue);cursor:pointer;}
 body.chief-account .profile_add_address_btn:hover {background:#d7edfc;}
 body.chief-account .profile_add_address_btn:focus-visible {outline:3px solid #9bc9e4;outline-offset:2px;}
 body.chief-un {margin:0;font-size:16px;}
 body.chief-un .cf_un {box-sizing:border-box;width:calc(100% - 32px) !important;max-width:520px;margin:24px auto;padding:32px 24px;border:1px solid var(--chief-pink-border);border-radius:20px;background:#fff6f8;color:var(--chief-pink-ink);font-size:20px;line-height:1.6;}
}
@media screen and (max-width:600px) {
 body.chief-account .profile_border_in {padding:20px;}
 body.chief-account .profile_add_address_btn {width:100%;}
 body.chief-un .cf_un {padding:24px 20px;font-size:18px;}
}

@media screen {
 body.chief-workspace div[id$="control_btns"] > .cf_admin_btn_new,
 body.chief-workspace .chief-button-group > .cf_admin_btn_new {font-size:16px !important;}
 body.chief-un .cf_un {background:#fff5e9;border-color:var(--chief-orange-border);color:var(--chief-orange-ink);margin:64px auto;}
 #settings_pwd {display:block;margin-bottom:8px;}
 body.chief-workspace .chief-invoice-analysis .chief-analysis-results {width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;}
 body.chief-workspace .chief-invoice-analysis .chief-analysis-results table[id$="GridView1"] {width:100% !important;table-layout:fixed;font-size:15px !important;line-height:1.55;}
 body.chief-workspace .chief-invoice-analysis .chief-analysis-results table[id$="GridView1"] th:last-child {width:12% !important;}
 body.chief-workspace .chief-invoice-analysis .chief-analysis-results td {overflow-wrap:anywhere;}
}
@media screen and (max-width:700px) {
 body.chief-un .cf_un {margin:48px auto;}
 html.chief-mobile-shell .default_td_1 > .toggle {
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  width:44px;height:44px;padding:0 !important;margin:6px 0 6px 10px !important;border-radius:8px;
 }
 html.chief-mobile-shell .default_td_1 > .toggle .default_menu_icon {width:26px !important;height:26px !important;margin:0 !important;}
 html.chief-mobile-shell #menu_section :is(.menu_category,.menu_category_2) {font-size:18px !important;padding:12px 16px;}
 html.chief-mobile-shell #menu_section :is(span,a)[class*="toggle_v_"] {font-size:18px !important;padding:9px 16px;min-height:44px;}
 html.chief-mobile-shell #menu_section a[class*="_item"] {font-size:16px !important;padding-left:28px;}
 body.chief-workspace .chief-invoice-analysis .chief-analysis-results table[id$="GridView1"] {min-width:680px;}
}

/* One entrance navigation system for every content route. */
@media screen and (max-width:1000px) {
 html.chief-portal-shell {--chief-portal-ui-scale:1;}
 html.chief-portal-shell #header_div .default_td_1 > .toggle {
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;vertical-align:middle;
  width:calc(44px * var(--chief-portal-ui-scale));height:calc(44px * var(--chief-portal-ui-scale));
  padding:0 !important;margin:calc(6px * var(--chief-portal-ui-scale)) calc(10px * var(--chief-portal-ui-scale)) !important;
  border:calc(1px * var(--chief-portal-ui-scale)) solid #dce2e5;border-radius:calc(8px * var(--chief-portal-ui-scale));
 }
 html.chief-portal-shell #header_div .default_td_1 > .toggle .default_menu_icon {
  display:block;width:calc(26px * var(--chief-portal-ui-scale)) !important;height:calc(26px * var(--chief-portal-ui-scale)) !important;
  max-width:none;aspect-ratio:1;object-fit:contain;margin:0 !important;padding:0;
 }
 html.chief-portal-shell #menu_section {font-size:calc(18px * var(--chief-portal-ui-scale));line-height:1.5;}
 html.chief-portal-shell #menu_section :is(.menu_category,.menu_category_2) {
  display:block;box-sizing:border-box;width:100%;font-size:calc(18px * var(--chief-portal-ui-scale)) !important;line-height:1.5;
  padding:calc(12px * var(--chief-portal-ui-scale)) calc(32px * var(--chief-portal-ui-scale));
  margin:0 0 calc(14px * var(--chief-portal-ui-scale));
 }
 html.chief-portal-shell #menu_section :is(span,a)[class*="toggle_v_"] {
  display:block;box-sizing:border-box;width:100%;font-size:calc(18px * var(--chief-portal-ui-scale)) !important;line-height:1.5;
  min-height:calc(44px * var(--chief-portal-ui-scale));
  padding:calc(8px * var(--chief-portal-ui-scale)) calc(32px * var(--chief-portal-ui-scale));
 }
 html.chief-portal-shell #menu_section a[class*="_item"] {
  font-size:calc(16px * var(--chief-portal-ui-scale)) !important;padding-left:calc(42px * var(--chief-portal-ui-scale));
 }
 html.chief-portal-shell #menu_section :is(.brand_3,.menu_text) {font-size:calc(16px * var(--chief-portal-ui-scale)) !important;}
 html.chief-portal-shell #menu_section .toggle_v_setting {width:calc(24px * var(--chief-portal-ui-scale));height:calc(24px * var(--chief-portal-ui-scale));}
 html.chief-portal-shell #menu_section .menu_dn {width:calc(12px * var(--chief-portal-ui-scale));height:calc(12px * var(--chief-portal-ui-scale));}
 html.chief-portal-shell #menu_section div[id$="_div_line"] {height:calc(1px * var(--chief-portal-ui-scale)) !important;}
 html.chief-portal-shell #menu_section #category_all:not(:has(span:not(:empty))) {display:none;}
 html.chief-portal-shell #settings_pwd {margin-bottom:calc(8px * var(--chief-portal-ui-scale));}
}

/* Preserve the original index desktop header height on both portal pages. */
@media screen and (min-width:1001px) {
 html.chief-portal-shell #header_div .main_menu_top > table {height:calc(28px + 1.3vw);}
 html.chief-portal-shell #header_div .main_menu_top > table > tbody > tr > td {padding-top:0 !important;padding-bottom:0 !important;}
 html.chief-portal-shell #header_div .default_td_1 > .toggle {
  display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;box-sizing:border-box;
  width:calc(23.2px + .56vw);height:calc(23.2px + .56vw);
  padding:0 !important;margin:0 1% 0 2% !important;border:1px solid #e0e0e0;border-radius:8px;
 }
 html.chief-portal-shell #header_div .default_td_1 > .toggle .default_menu_icon {
  display:block;width:16px !important;height:16px !important;margin:0 !important;max-width:none;object-fit:contain;aspect-ratio:1;
 }
 html.chief-portal-shell .show_menu #tm:checked ~ #menu_section {margin-left:0;transform:none;}
}

@media screen and (max-width:700px) {
 body.chief-invoice div[id$="div_contract_table"] {font-size:28.8px !important;box-sizing:border-box;padding-left:12px;}
 body.chief-invoice div[id$="div_security"] {font-size:16.8px !important;box-sizing:border-box;padding-left:12px;}
 body.chief-invoice table[id$="QQD"] > tbody > tr > td:first-child,
 body.chief-invoice table[id$="QQD"] > tbody > tr:last-child > td:nth-child(3) {display:flex;align-items:center;}
 body.chief-invoice table[id$="sign_box"] span[id$="List_0"] {font-size:70% !important;}
 body.chief-invoice .admin_calendar_panel {
  position:absolute;z-index:1000 !important;isolation:isolate;
  height:auto !important;min-height:0;box-sizing:border-box;padding:12px;
  left:12px;right:12px;margin-left:0 !important;width:auto !important;max-width:calc(100% - 24px);
  background:#fff !important;opacity:1 !important;
 }
 body.chief-invoice .admin_calendar_panel .cf_admin_calendar_div {padding:0;}
 body.chief-invoice .admin_calendar_calendar {width:100% !important;background:#fff !important;}
}

@media screen {
 html.chief-portal-shell #control_topic .box_v_setting .box_table_td {padding-top:1.95%;}
 html.chief-portal-shell #control_topic .box_v_setting .box_table {margin-top:-.125em;}
 html.chief-portal-shell #settings_pwd {margin-bottom:calc(22.4px * var(--chief-portal-ui-scale,1));}
 html.chief-portal-shell #click_signout {display:block;}
}
@media screen and (min-width:1001px) {
 html.chief-portal-shell .show_menu #tm:checked ~ #menu_section {margin-left:-27%;transform:translateX(100%);}
 html.chief-portal-shell #control_topic .toggle_v_setting {padding-bottom:2.6%;}
}
@media screen and (max-width:1000px) {
 html.chief-portal-shell #control_topic .toggle_v_setting {padding-bottom:3.25%;}
}

/* Shared password navigation spacing on index and entrance. */
@media screen {
 html.chief-portal-shell #settings_pwd {margin-bottom:calc(15.68px * var(--chief-portal-ui-scale,1));}
}
@media screen and (min-width:1001px) {
 html.chief-portal-shell #control_topic .toggle_v_setting {padding-bottom:1.82%;}
}
@media screen and (max-width:1000px) {
 html.chief-portal-shell #control_topic .toggle_v_setting {padding-bottom:2.275%;}
}
/* Keep the calendar close control equally inset from its top and right edges. */
@media screen and (max-width:700px) {
 body.chief-invoice .admin_calendar_panel {padding-top:32px;}
 body.chief-invoice .admin_calendar_panel .admin_calendar_close {
  position:absolute;top:12px;right:12px;left:auto;bottom:auto;
  margin:0 !important;padding:0 !important;width:16px;height:16px;z-index:1;
 }
}
/* Identical visible mobile portal header in narrow and legacy-wide viewports. */
@media screen and (max-width:1000px) {
 html.chief-portal-shell #header_div .main_menu_top > table {
  height:calc(60px * var(--chief-portal-ui-scale,1));border-spacing:0;table-layout:fixed;
 }
 html.chief-portal-shell #header_div .main_menu_top > table > tbody > tr > td {
  padding:0 !important;vertical-align:middle;
 }
 html.chief-portal-shell #header_div .default_td_2 {line-height:0;}
 html.chief-portal-shell #header_div img.main_logo_mobile {
  display:inline-block;box-sizing:content-box;
  width:calc(110px * var(--chief-portal-ui-scale,1)) !important;
  height:auto !important;max-width:none !important;
  padding:calc(10px * var(--chief-portal-ui-scale,1)) 0 !important;
  margin:0 !important;vertical-align:middle;
 }
 html.chief-portal-shell #menu_section {font-size:calc(21.6px * var(--chief-portal-ui-scale,1));}
 html.chief-portal-shell #menu_section :is(.menu_category,.menu_category_2),
 html.chief-portal-shell #menu_section :is(span,a)[class*="toggle_v_"] {
  font-size:calc(21.6px * var(--chief-portal-ui-scale,1)) !important;
 }
 html.chief-portal-shell #menu_section a[class*="_item"],
 html.chief-portal-shell #menu_section :is(.brand_3,.menu_text) {
  font-size:calc(19.2px * var(--chief-portal-ui-scale,1)) !important;
 }
}
/* Normalize both portal information bars to the invoice entrance geometry. */
@media screen and (max-width:1000px) {
 html.chief-portal-shell #header_div .entrance_top_info {
  display:flex;align-items:center;box-sizing:border-box;
  min-height:calc(40.7px * var(--chief-portal-ui-scale,1));
  padding:calc(8px * var(--chief-portal-ui-scale,1)) calc(12px * var(--chief-portal-ui-scale,1));
  font-size:calc(13px * var(--chief-portal-ui-scale,1));line-height:1.5;
 }
 html.chief-portal-shell #header_div .entrance_top_info > table {
  margin:0;width:100%;border-collapse:collapse;border-spacing:0;
  font-size:inherit;line-height:inherit;
 }
 html.chief-portal-shell #header_div .entrance_top_info > table > tbody > tr > td {
  padding:0;vertical-align:middle;font-size:inherit;line-height:inherit;
 }
 html.chief-portal-shell #header_div .entrance_top_info > table > tbody > tr > td:first-child {width:99% !important;}
 html.chief-portal-shell #header_div .entrance_top_info > table > tbody > tr > td:last-child {width:1% !important;}
 html.chief-portal-shell #header_div .entrance_top_info_text {
  display:inline-block;vertical-align:middle;font-size:inherit;line-height:inherit;
 }
}
/* Compact the mobile company/account information bar to 80% of 40.7px. */
@media screen and (max-width:1000px) {
 html.chief-portal-shell #header_div .entrance_top_info {
  min-height:calc(32.56px * var(--chief-portal-ui-scale,1));
  padding-top:calc(4px * var(--chief-portal-ui-scale,1));
  padding-bottom:calc(4px * var(--chief-portal-ui-scale,1));
 }
}
/* Billing presentation helpers have no layout effect on desktop or paper. */
@media screen and (min-width:701px), print {
 body.chief-billing .billing-grid-scroll {display:contents;}
}
@media screen and (max-width:700px) {
 body.chief-billing {margin:0;width:100%;min-width:0;font-size:16px;line-height:1.6;}
 body.chief-billing #form1 {min-width:0;width:100%;}
 body.chief-billing :is(input,select,textarea,table,td,span,div) {font-family:system-ui,"Microsoft JhengHei",sans-serif !important;}
 body.chief-billing .admin_div_1 {width:100% !important;box-sizing:border-box;margin:0 !important;padding:16px 12px;}
 body.chief-billing .billing-action-row {display:block;}
 body.chief-billing .chief-button-group {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px;padding:5px;}
 body.chief-billing .chief-button-group > input {width:100% !important;min-width:0;margin:0 !important;font-size:16px !important;min-height:48px;white-space:normal;}
 body.chief-billing #billingContractSearch {width:100%;margin-top:16px !important;}
 body.chief-billing #billingContractSearch .billing-search-input {width:100% !important;height:48px !important;font-size:16px !important;}
 body.chief-billing .chief-billing-filters {display:flex;flex-direction:column;align-items:stretch;gap:10px;font-size:0;margin:16px 0 24px !important;}
 body.chief-billing .chief-billing-filters > :is(select,input,span) {width:100% !important;box-sizing:border-box;font-size:16px !important;margin:0 !important;}
 body.chief-billing :is(input[type="text"],textarea,select) {font-size:16px !important;min-height:46px;box-sizing:border-box;max-width:100%;}
 body.chief-billing :is(#div_deductopn_show,#div_collateral_show) {margin:24px 0 16px !important;padding:12px;box-sizing:border-box;border-radius:12px;font-size:15px !important;line-height:1.6;}
 body.chief-billing #div_contract_table {margin:24px 0 16px !important;font-size:24px !important;}
 body.chief-billing #div_contract_table > table,
 body.chief-billing #div_contract_table > table > tbody {display:block;width:100%;}
 body.chief-billing #div_contract_table > table > tbody > tr {display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
 body.chief-billing #div_contract_table > table > tbody > tr > td:first-child {display:none;}
 body.chief-billing #div_contract_table > table > tbody > tr > td:nth-child(2) {width:auto !important;text-align:left !important;}
 body.chief-billing #div_contract_table > table > tbody > tr > td:last-child {display:flex;flex-wrap:wrap;gap:8px;width:auto !important;justify-content:flex-end;}
 body.chief-billing #div_contract_table .cf_admin_btn_new {font-size:14px !important;margin:0 !important;padding:10px 12px !important;min-height:44px;}
 body.chief-billing #div_security {text-align:left;font-size:14px !important;margin:16px 0 !important;overflow-wrap:anywhere;}
 body.chief-billing #div_security > p {margin:16px 0 !important;}
 body.chief-billing #div_security :is(#GridView63,#GridView67) {width:100% !important;table-layout:fixed;font-size:14px !important;}
 body.chief-billing #div_security :is(#GridView63,#GridView67) td {overflow-wrap:anywhere;}
 body.chief-billing #div_cmd {display:flex;flex-wrap:wrap;gap:8px;}
 body.chief-billing #add_cmd_txt {width:100% !important;}
 body.chief-billing #gu_table {display:block;width:100% !important;border:0 !important;background:transparent;}
 body.chief-billing #gu_table > tbody {display:block;}
 body.chief-billing #gu_table > tbody > tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;background:transparent !important;}
 body.chief-billing #gu_table > tbody > tr > td {display:block;min-width:0;width:auto !important;box-sizing:border-box;border:1px solid #dce6ed !important;border-radius:12px;background:#fff;text-align:left !important;padding:12px !important;overflow-wrap:anywhere;grid-column:1 / -1;}
 body.chief-billing #gu_table > tbody > .billing-summary-values > td {grid-column:auto;background:#f2f8fc;}
 body.chief-billing #gu_table > tbody > tr > .billing-mobile-label {display:none;}
 body.chief-billing #gu_table td[data-mobile-label]::before {content:attr(data-mobile-label);display:block;font-size:13px;color:#5d7a8b;margin-bottom:6px;font-weight:600;}
 body.chief-billing #gu_table :is(input[type="text"],select,textarea) {width:100% !important;margin:6px 0 !important;}
 body.chief-billing #gu_table td > table br {display:none;}
 body.chief-billing #gu_table td > table {width:100% !important;}
 body.chief-billing :is(#sign_box,#sign_2) {table-layout:fixed;width:100% !important;font-size:13px !important;margin:20px 0 !important;}
 body.chief-billing :is(#sign_box,#sign_2) br {display:none;}
 body.chief-billing :is(#sign_box,#sign_2) tr:last-child {height:64px;}
 body.chief-billing :is(#sign_box,#sign_2) tr:first-child td {background:#edf6fc;color:#52788e;padding:8px 4px;}
 body.chief-billing .billing-grid-scroll {display:block;width:100%;max-width:100%;overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch;margin:16px 0;border-radius:12px;border:1px solid #dce6ed;}
 body.chief-billing .billing-grid-scroll > table {min-width:760px;width:100% !important;margin:0 !important;font-size:14px !important;}
 body.chief-billing .billing-grid-scroll > #GridView8 {min-width:1160px;border-collapse:separate !important;border-spacing:0;table-layout:fixed;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):nth-child(1) {position:sticky;left:0;z-index:2;box-sizing:border-box;width:56px !important;background:#fff;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):nth-child(2) {position:sticky;left:56px;z-index:2;box-sizing:border-box;width:170px !important;background:#fff;box-shadow:3px 0 5px rgba(49,76,90,.08);}
 body.chief-billing #GridView8 > tbody > tr > th:nth-child(-n+2) {background:#edf6fc;z-index:3;}
 body.chief-billing #GridView8 td {overflow-wrap:anywhere;}
 body.chief-billing #GridView8 :is(input[type="text"],select) {min-width:72px;width:100% !important;}
 body.chief-billing #add_new_item {text-align:left;width:100%;margin:24px 0 !important;font-size:0 !important;}
 body.chief-billing #add_new_item > span {display:block;font-size:15px;margin:12px 0 4px;}
 body.chief-billing #add_new_item > input[type="text"] {display:block;width:100% !important;margin:0 0 12px;}
 body.chief-billing #add_new_item > input[type="submit"] {display:block;width:100%;margin:16px 0 !important;min-height:48px;}
 body.chief-billing .chief-document-action {width:100% !important;max-width:none;min-height:48px;font-size:16px !important;}
 body.chief-billing #contract_table {display:block;font-size:15px;}
 body.chief-billing #contract_table > tbody {display:block;}
 body.chief-billing #contract_table > tbody > tr {display:flex;flex-wrap:wrap;}
 body.chief-billing #contract_table > tbody > tr > td {display:block;width:auto !important;flex:1 1 45%;padding:8px;box-sizing:border-box;overflow-wrap:anywhere;}
 body.chief-billing #tuitui {text-align:left;margin:16px 0;}
 body.chief-billing #tuitui input[type="text"] {width:100% !important;}
 body.chief-billing .admin_calendar_panel {position:fixed;z-index:1000 !important;left:12px;right:12px;top:80px;margin:0 !important;width:auto !important;max-width:none;height:auto !important;padding:32px 12px 12px;box-sizing:border-box;background:#fff !important;}
 body.chief-billing .admin_calendar_close {position:absolute;top:12px;right:12px;margin:0 !important;width:16px;height:16px;}
 body.chief-billing .admin_calendar_calendar {width:100% !important;}
 body.chief-billing .cf_admin_calendar_div {padding:0;}
}

@media screen {
 body.chief-billing #div_security > p {line-height:1.7 !important;height:auto;min-height:0;margin-top:16px !important;margin-bottom:16px !important;overflow-wrap:anywhere;}
 body.chief-billing #billing_memo {display:block;line-height:1.7 !important;white-space:normal;}
 body.chief-billing #div_total > table {table-layout:fixed;}
 body.chief-billing #div_total > table > tbody > tr > td:first-child {width:45% !important;vertical-align:top;line-height:1.6;overflow-wrap:anywhere;}
 body.chief-billing #div_total > table > tbody > tr > td:nth-child(2) {width:5% !important;}
 body.chief-billing #div_total > table > tbody > tr > td:last-child {width:50% !important;vertical-align:top;line-height:1.6;overflow-wrap:anywhere;}
 body.chief-billing #tui_BL {accent-color:#b9def5 !important;}
}
@media screen and (max-width:700px) {
 body.chief-billing #recent_p {margin:24px 0 !important;line-height:1.6;}
 body.chief-billing .billing-grid-scroll:has(> #GridView13) {margin-top:24px;}
 body.chief-billing #add_cmd {width:4.225% !important;height:auto;max-width:none;}
 body.chief-billing #security_code {font-size:70% !important;line-height:1.6;}
 body.chief-billing #create_date {font-size:70% !important;line-height:1.6;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):nth-child(2) {width:110.5px !important;}
 body.chief-billing #div_total {margin:16px 0 !important;font-size:15px !important;}
 body.chief-billing #div_total > table,
 body.chief-billing #div_total > table > tbody,
 body.chief-billing #div_total > table > tbody > tr {display:block;width:100%;}
 body.chief-billing #div_total > table > tbody > tr > td {display:block;width:100% !important;padding:0 !important;text-align:left !important;box-sizing:border-box;margin:8px 0;}
 body.chief-billing #div_total > table > tbody > tr > td:nth-child(2) {display:none;}
 body.chief-billing #gu_table > tbody > tr:nth-child(-n+4) > td[data-mobile-label] {font-size:0;}
 body.chief-billing #gu_table > tbody > tr:nth-child(-n+4) > td[data-mobile-label] > :is(span,a) {font-size:16px;line-height:1.6;vertical-align:top;}
}
@media screen and (max-width:700px) { body.chief-billing #div_total > table > tbody > tr > td:first-child, body.chief-billing #div_total > table > tbody > tr > td:last-child {width:100% !important;} }

@media screen and (max-width:700px) {
 body.chief-billing #div_security {text-align:right !important;}
 body.chief-billing #div_security :is(#GridView63,#GridView67) {text-align:left;}
 body.chief-billing #add_cmd {margin-right:4px !important;}
 body.chief-billing #security_code {display:inline-block;text-align:right;vertical-align:middle;}
 body.chief-billing #create_date {font-size:49% !important;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):first-child {width:28px !important;padding:8px 2px !important;font-size:10px !important;white-space:nowrap;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):first-child :is(span,div,td) {font-size:10px !important;white-space:nowrap;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):first-child table {width:100% !important;margin:0 !important;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):nth-child(2) {left:28px;}
}
/* Match the identifier row's upper spacing to the gap below it on phones. */
@media screen and (max-width:700px) {
 body.chief-billing #div_security > :is(#add_cmd,#security_code) {margin-top:16px !important;}
}
@media screen and (max-width:700px) { body.chief-billing #create_date {font-size:68.6% !important;} }
@media screen and (max-width:700px) {
 body.chief-billing #div_security > :is(#add_cmd,#security_code) {margin-top:0 !important;}
 body.chief-billing #div_security:has(#GridView63 > tbody > tr > td) > :is(#add_cmd,#security_code) {margin-top:16px !important;}
 body.chief-billing #create_date {font-size:96.04% !important;}
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] {
  box-sizing:border-box;table-layout:fixed;width:100% !important;max-width:100%;margin:0 !important;border-collapse:collapse;
 }
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] td {
  box-sizing:border-box;padding:0 !important;min-width:0;line-height:1.5;overflow:visible;
 }
}
@media screen and (max-width:700px) {
 body.chief-billing #create_date {font-size:72.03% !important;}
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] {
  display:flex;align-items:center;justify-content:center;
  width:19.36px !important;height:19.36px !important;min-width:19.36px;max-width:19.36px;
  margin:0 auto !important;border-radius:50%;box-sizing:border-box;
 }
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] :is(tbody,tr,td) {
  display:contents;
 }
}
/* Keep item-number circles centered and fully inside the first sticky column. */
@media screen and (max-width:700px) {
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):first-child {
  z-index:4;text-align:center !important;vertical-align:middle;overflow:visible;
 }
 body.chief-billing #GridView8 > tbody > tr > td:first-child > div {
  width:100%;box-sizing:border-box;margin:0 !important;padding:0 !important;
 }
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] span {
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;box-sizing:border-box;
  padding:0 !important;margin:0 !important;line-height:1 !important;text-align:center !important;
 }
}
@media screen and (max-width:700px) {
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):first-child {width:30px !important;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):nth-child(2) {left:30px;}
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] {
  width:24.2px !important;height:24.2px !important;min-width:24.2px;max-width:24.2px;
 }
}
@media screen and (max-width:700px) {
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):first-child {width:35px !important;}
 body.chief-billing #GridView8 > tbody > tr > :is(th,td):nth-child(2) {left:35px;}
 body.chief-billing #GridView8 > tbody > tr > td:first-child table[id$="over_qty"] {
  width:30.25px !important;height:30.25px !important;min-width:30.25px;max-width:30.25px;
 }
}