/* Màn hình chính trên điện thoại (Owner 28/10/2026). The bottom bar stays at the foot of the screen for every account; the
   workshop (KTV, Tổ trưởng, Tổ phó; workshop-home.mjs) gets the greeting, the sentence of the day in a small box, HÔM NAY
   (three numbers) growing to fill what the bars leave so that nothing is empty, the four bars, and Điều phối xưởng read only. */
[data-mobile-home]{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
[data-mobile-home] #home-bottom{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);margin:0;padding:6px 8px calc(8px + env(safe-area-inset-bottom));border-width:1px 1px 0;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px #1430210f}
[data-mobile-home] #home-bottom:empty{display:none}

/* The workshop: header, greeting and bars in one column as high as the screen. */
body.workshop-mode{min-height:100dvh;display:flex;flex-direction:column}
body.workshop-mode main{flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0}
body.workshop-mode [data-mobile-home]{flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;padding:0 0 calc(78px + env(safe-area-inset-bottom))}
body.workshop-mode #message:not(:empty){margin:8px 12px}
body.workshop-mode #module-panel{padding:12px 12px 4px}
body.workshop-mode #module-panel:empty{display:none}
/* The workshop's screens sit on the page itself, no white frame around them (the width goes to the cards). */
body.workshop-mode #module-panel :is(section.work,section.workshop-board,section.workshop-planned){margin:0;padding:0;background:transparent;border:0;border-radius:0}

/* The greeting and the sentence of the day, then HÔM NAY, which takes the room the bars leave. */
.workshop-head{flex:1 0 auto;display:flex;flex-direction:column}
.workshop-head[hidden]{display:none}
.workshop-hero{position:relative;overflow:hidden;flex:0 0 auto;display:flex;flex-direction:column;padding:2px 16px 16px;background:linear-gradient(170deg,#284b3e 0%,#2f5845 55%,#3a6a52 100%);color:#fff;border-radius:0 0 24px 24px}
.workshop-hero .workshop-hero-mark{position:absolute;right:-40px;bottom:-34px;width:200px;height:200px;opacity:.07;stroke-width:1.1;pointer-events:none}
.workshop-greet{display:flex;align-items:center;gap:12px;margin-top:6px}
.workshop-avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#f3c969;color:#284b3e;font-weight:800;font-size:21px}
.workshop-greet small{display:block;font-size:13px;color:#cfe2d7}
.workshop-greet strong{display:block;font-size:22px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* The name on one line (a long one smaller, workshop-home.mjs fitName; then …): a name on two lines pushed the main screen past one screen. */
.workshop-greet>div{flex:1 1 auto;min-width:0}
.workshop-greet div>span{display:block;margin-top:2px;font-size:12.5px;color:#cfe2d7}
.workshop-quote{flex:0 0 auto;display:flex;flex-direction:column;margin:14px 0 0;padding:10px 14px 12px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff14}
.workshop-quote-head{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#f3c969}
.workshop-quote-mark{height:16px;font:800 30px/0.8 Georgia,serif}
.workshop-quote blockquote{margin:0;padding:6px 0 0;font-size:15px;font-weight:600;line-height:1.45}
/* HÔM NAY: three numbers, Trễ hẹn in red. */
.workshop-today{flex:1 0 auto;display:flex;flex-direction:column;padding:14px 12px 0}
.workshop-today-title{padding:0 2px 8px;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#637369}
.workshop-stats{flex:1 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.workshop-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;text-align:center;padding:10px;background:#fff;border:1px solid #dce5df;border-radius:14px;box-shadow:0 1px 2px #0000000a}
.workshop-stat b{font-size:clamp(26px,5vh,46px);line-height:1.1;color:#203930}
.workshop-stat span{min-height:2.5em;margin-top:4px;font-size:12.5px;line-height:1.25;color:#637369;text-wrap:balance}
.workshop-stat[data-kind=red] b{color:#b3261e}

/* The four bars. */
#home-tasks.workshop-bars{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:12px 12px 4px}
#home-tasks.workshop-bars .workshop-bar{display:flex;align-items:center;gap:14px;min-height:80px;margin:0;padding:12px 12px 12px 14px;background:#fff;color:#203930;border:1px solid #dce5df;border-radius:16px;box-shadow:0 1px 2px #0000000a;text-align:left;font-weight:400}
body.workshop-mode #home-tasks .workshop-bar[data-module=work],body.office-mode #home-tasks .workshop-bar[data-main=true]{border:1.5px solid #284b3e}
#home-tasks .workshop-bar-icon,.workshop-planned .workshop-bar-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#e9f1eb;color:#284b3e}
#home-tasks .workshop-bar-icon svg{width:25px;height:25px}
body.workshop-mode #home-tasks .workshop-bar[data-module=work] .workshop-bar-icon,body.office-mode #home-tasks .workshop-bar[data-main=true] .workshop-bar-icon{background:#284b3e;color:#fff}
#home-tasks :is(.workshop-bar[data-module=requests],.workshop-bar[data-module=intake],.office-tile[data-module=accounting]) .workshop-bar-icon{background:#fff1d6;color:#9a6400}
#home-tasks :is(.workshop-bar[data-module=personal],.office-tile[data-module=inventory]) .workshop-bar-icon{background:#e3eefc;color:#1d4f91}
#home-tasks .office-tile[data-module=administration] .workshop-bar-icon{background:#f1e9fb;color:#5b3d86}
.workshop-bar-text{flex:1;min-width:0;display:grid;gap:3px}
.workshop-bar-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.workshop-bar-title strong{font-size:17px}
.workshop-bar-text small{overflow:hidden;font-size:13px;color:#637369;white-space:nowrap;text-overflow:ellipsis}
.workshop-tag{padding:3px 8px;border-radius:999px;background:#fff4d7;color:#7a5a00;font-size:11.5px;font-weight:700;white-space:nowrap}
.workshop-tag[data-kind=red]{background:#fde8e6;color:#a1271d}
.workshop-tag[hidden]{display:none}
#home-tasks .workshop-bar-chevron{flex:0 0 auto;width:20px;height:20px;color:#9aaaa0}
/* A low screen: tighter, so that the four bars still fit without scrolling. */
@media(max-height:780px){
  .workshop-hero{padding-bottom:12px}.workshop-greet{margin-top:2px}.workshop-avatar{width:44px;height:44px;font-size:19px}.workshop-greet strong{font-size:20px}
  .workshop-quote{margin-top:10px;padding:8px 12px 10px}.workshop-quote blockquote{font-size:14px}
  .workshop-today{padding-top:10px}.workshop-today-title{padding-bottom:6px}.workshop-stat{min-height:64px;padding:8px}
  #home-tasks.workshop-bars{gap:8px;padding:10px 12px 4px}#home-tasks.workshop-bars .workshop-bar{min-height:66px;padding:10px 12px}
  #home-tasks .workshop-bar-icon{width:44px;height:44px;border-radius:12px}#home-tasks .workshop-bar-icon svg{width:22px;height:22px}.workshop-bar-title strong{font-size:16px}}

/* The office (Quản lý, TP DV, CVDV, Kế toán; office-home.mjs): the same head and bars while its main screen shows (its other
   screens keep the page's frame), then KHÁC in one row (Owner 09/11/2026, PLAN-MAN-CHINH-QL-DIEN-THOAI-001 "1A": the main screen
   on one screen), each tile its icon and name; its line is for screen readers only. */
body.office-mode:has(#home-panel:not([hidden])>#home-hero:not([hidden])){min-height:100dvh;display:flex;flex-direction:column}
body.office-mode:has(#home-panel:not([hidden])>#home-hero:not([hidden])) main{flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0}
body.office-mode:has(#home-panel:not([hidden])>#home-hero:not([hidden])) [data-mobile-home]{flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;padding:0 0 calc(78px + env(safe-area-inset-bottom))}
body.office-mode:has(#home-panel:not([hidden])>#home-hero:not([hidden])) #module-panel:empty{display:none}
#home-tasks .office-other-title{margin:6px 2px 0;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#637369}
#home-tasks .office-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
#home-tasks .office-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0;margin:0;padding:9px 2px 8px;background:#fff;color:#203930;border:1px solid #dce5df;border-radius:14px;box-shadow:0 1px 2px #0000000a;text-align:center;font-weight:400}
#home-tasks .office-tile .workshop-bar-icon{width:36px;height:36px;border-radius:10px}
#home-tasks .office-tile .workshop-bar-icon svg{width:19px;height:19px}
#home-tasks .office-tile>span:last-child{width:100%;min-width:0}
#home-tasks .office-tile strong{display:block;overflow:hidden;font-size:12.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
#home-tasks .office-tile small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* HÔM NAY of the office: each box opens Điều phối xưởng at those cars ("3A"). */
button.workshop-stat{width:100%;margin:0;font:inherit;color:inherit;cursor:pointer}
button.workshop-stat:active{background:#eef4f0}
/* A low screen (a phone browser with its address bar): the office's head, HÔM NAY and the bars tighter still, the sentence of the
   day without its heading and at most two lines, so that KHÁC is not hidden under the bottom bar. */
@media(max-height:760px){
  body.office-mode .workshop-hero{padding-bottom:10px}body.office-mode .workshop-greet{margin-top:0;gap:10px}
  body.office-mode .workshop-avatar{width:38px;height:38px;font-size:17px}body.office-mode .workshop-greet strong{font-size:18px}body.office-mode .workshop-greet small{font-size:12px}
  body.office-mode .workshop-quote{margin-top:8px;padding:6px 10px}body.office-mode .workshop-quote-head{display:none}
  body.office-mode .workshop-quote blockquote{display:-webkit-box;overflow:hidden;padding:0;font-size:13px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  body.office-mode .workshop-today{padding-top:8px}body.office-mode .workshop-today-title{padding-bottom:4px}
  body.office-mode .workshop-stat{min-height:48px;padding:4px 6px}body.office-mode .workshop-stat b{font-size:24px}
  body.office-mode #home-tasks.workshop-bars{gap:6px;padding-top:8px}body.office-mode #home-tasks.workshop-bars .workshop-bar{min-height:54px;padding:6px 12px}
  body.office-mode #home-tasks .workshop-bar-icon{width:38px;height:38px}
  body.office-mode #home-tasks .office-other-title{margin-top:2px}body.office-mode #home-tasks .office-tile{padding:6px 2px}
  body.office-mode #home-tasks .office-tile .workshop-bar-icon{width:30px;height:30px}}

/* Đề nghị and Cá nhân: not built yet. */
.workshop-planned h2{margin:4px 0 2px}
.workshop-planned .workshop-planned-note{margin:0 0 12px;color:#5d6f64;font-size:14px}
.workshop-planned ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.workshop-planned li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #dbe5df;border-radius:14px;color:#203930;font-weight:650}
.workshop-planned li>span:nth-child(2){flex:1}
.workshop-planned .workshop-bar-icon{width:40px;height:40px;border-radius:12px}
.workshop-soon{padding:3px 8px;border-radius:999px;background:#eef3f0;color:#637369;font-size:11.5px;font-weight:700}

/* Điều phối xưởng on the phone, read only. */
.workshop-board{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.workshop-board-head{display:flex;align-items:center;gap:8px}
#module-panel .workshop-board h2{flex:1;margin:0;font-size:19px}
#module-panel .workshop-icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;background:#fff;color:#294c3d;border:1px solid #c5d6cb;border-radius:12px}
.workshop-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#module-panel .workshop-lane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;margin:0;padding:8px 2px;background:#e9f1eb;color:#203930;border:1px solid transparent;border-radius:12px;font-weight:400}
#module-panel .workshop-lane b{font-size:20px;line-height:1.1}
#module-panel .workshop-lane small{font-size:10.5px;line-height:1.25;color:#637369;text-align:center}
#module-panel .workshop-lane[aria-selected=true]{background:#284b3e;border-color:#284b3e;color:#fff}
#module-panel .workshop-lane[aria-selected=true] small{color:#d5e5db}
.workshop-flags,.workshop-chips{display:flex;flex-wrap:wrap;gap:6px}
.workshop-flags:empty{display:none}
.workshop-chip{padding:3px 9px;border-radius:999px;background:#eef3f0;color:#294c3d;font-size:12px;font-weight:600}
.workshop-chip[data-kind=amber]{background:#fff4d7;color:#7a5a00}
.workshop-chip[data-kind=red]{background:#fde8e6;color:#a1271d}
.workshop-chip[data-kind=mine]{background:#e3eefc;color:#1d4f91}
.workshop-board .workshop-status{margin:0;font-size:14px;color:#5d6f64}.workshop-status:empty,.workshop-status[hidden]{display:none}
.workshop-cars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.workshop-car{display:grid;gap:6px;padding:12px 14px;background:#fff;border:1px solid #dbe5df;border-radius:14px;overflow-wrap:anywhere}
.workshop-car[data-mine=true]{border-color:#9db8de;box-shadow:inset 4px 0 0 #3a6fb5}
.workshop-car-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.workshop-car-head>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.workshop-plate{font-size:19px;letter-spacing:.4px;color:#203930}
.workshop-ro{font-size:13px;font-weight:600;color:#5d6f64;white-space:nowrap}
.workshop-car p{margin:0;font-size:14px;line-height:1.4;color:#3d5449}
.workshop-car .workshop-car-meta{color:#5d6f64}
.workshop-empty{padding:16px 14px;background:#fff;border:1px dashed #c5d6cb;border-radius:12px;color:#5d6f64;font-size:14px}
body.privacy-hidden .workshop-board{visibility:hidden}
/* Xe của tôi / chờ phụ tùng / trễ hẹn: tapped, those cars of every lane (Owner 28/10/2026: "đừng làm một trang quá dài"). */
#module-panel .workshop-flag{min-height:36px;margin:0;padding:6px 12px;border:1px solid transparent;font-size:13px;cursor:pointer}
#module-panel .workshop-flag[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.workshop-car-head>.workshop-chip{flex:0 0 auto}

/* Quản lý dịch vụ of the office on the phone (service-phone.mjs; Owner 30/10/2026, PLAN-QLDV-DIEN-THOAI-001 "1B 2A 3A"): the
   search, XE TRONG XƯỞNG (the lanes and chips of Điều phối xưởng), a bar a function as on the main screen; a car's sheet from
   the bottom (its progress, the ways to its papers); Lịch sử sửa chữa a card a visit. */
.service-phone{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
/* On the page itself, no white frame (mobile.css frames every section): the width goes to the bars and cards. */
#module-panel section.service-phone,.service-phone section:is(.work,.workshop-board){margin:0;padding:0;background:transparent;border:0;border-radius:0}
#module-panel .service-phone>h2{margin:2px 0 0;font-size:22px}
#module-panel .service-phone-back{justify-self:start;min-height:44px;margin:0;padding:4px 0;border:0;background:transparent;color:#1e5138;font-size:17px;font-weight:700}
.service-phone-search{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;background:#fff;border:1.5px solid #c5d6cb;border-radius:12px}
.service-phone-search:focus-within{outline:3px solid #b3d4c3;outline-offset:1px}
.service-phone-search>svg{flex:0 0 auto;width:20px;height:20px;color:#6c7d73}
.service-phone-search input{flex:1;min-width:0;min-height:44px;margin:0;padding:8px 0;border:0;background:transparent}
.service-phone-search input:focus{outline:none}
#module-panel .service-phone-go{flex:0 0 auto;min-height:42px;margin:0;padding:6px 16px;border:0;border-radius:9px;background:#286548;color:#fff;font-size:15px}
.service-phone-cap{margin:6px 2px 0;font-size:12px;font-weight:800;letter-spacing:.08em;color:#5d6f64}
.service-phone-status{margin:0;font-size:14px;line-height:1.5;color:#5d6f64}
.service-phone-toast{margin:0;padding:10px 12px;border-radius:10px;background:#e3f2e8;color:#1f5135;font-size:14px;font-weight:650}
:is(#module-panel,.service-sheet) .service-phone-link{min-height:38px;margin:0;padding:6px 12px;border:1.5px solid #b9d0c0;border-radius:9px;background:#fff;color:#1e5138;font-size:14px;font-weight:700}
.service-phone-bars{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#module-panel .service-phone-bar{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;margin:0;padding:10px 12px 10px 14px;background:#fff;color:#203930;border:1px solid #dce5df;border-radius:16px;box-shadow:0 1px 2px #0000000a;text-align:left;font-weight:400}
#module-panel .service-phone-bar[data-main=true]{border:1.5px solid #284b3e}
.service-phone-bar .workshop-bar-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#e9f1eb;color:#284b3e}
.service-phone-bar[data-main=true] .workshop-bar-icon{background:#284b3e;color:#fff}
.service-phone-bar[data-page=intake] .workshop-bar-icon{background:#fff1d6;color:#9a6400}
.service-phone-bar[data-page=history] .workshop-bar-icon{background:#e3eefc;color:#1d4f91}
.service-phone-bar .workshop-bar-icon svg{width:22px;height:22px}
.service-phone-bar .workshop-bar-title strong{font-size:16px}
.service-phone-bar .workshop-bar-text small{white-space:normal}
.service-phone-bar .workshop-bar-chevron{flex:0 0 auto;width:20px;height:20px;color:#9aaaa0}
/* A car of Điều phối xưởng opens its sheet (the office). */
.workshop-car-open{cursor:pointer}
.workshop-car-open:active{background:#f3f7f4}
.workshop-car-open:focus-visible{outline:3px solid #b3d4c3;outline-offset:2px}
/* Lệnh sửa chữa here: the cards on the page; a car open, its own ‹ Lệnh sửa chữa only. */
.service-phone:has(.work-repairs[data-page=car])>:is(.service-phone-back,h2){display:none}
/* Xuất vật tư, Danh sách xe: a lệnh or a car open, its own ‹ Xuất vật tư / ‹ Danh sách xe only (PLAN-QLDV-DIEN-THOAI-004). */
.service-phone:has(.pp-back,.vp-back)>.service-phone-back{display:none}
/* The sheet of a car. */
dialog.service-sheet{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;color:#203930;box-shadow:0 12px 40px #14302140}
dialog.service-sheet::backdrop{background:#14302180}
.service-sheet-body{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 16px calc(18px + env(safe-area-inset-bottom))}
.service-sheet-head{display:flex;align-items:flex-start;gap:10px}
.service-sheet-head h2{flex:1;margin:0;font-size:22px;overflow-wrap:anywhere}
.service-sheet-head h2 small{margin-left:8px;font-size:14px;font-weight:700;color:#5d6f64}
.service-sheet .service-sheet-close{flex:0 0 auto;width:40px;height:40px;min-height:40px;margin:0;padding:0;border:1px solid #c5d6cb;border-radius:20px;background:#fff;color:#203930;font-size:16px}
.service-sheet-sub{margin:0;font-size:14px;line-height:1.4;color:#5d6f64;overflow-wrap:anywhere}
.service-sheet-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.service-sheet .service-sheet-field{display:grid;gap:4px;min-width:0;margin:0;font-size:14px;font-weight:650;color:#29443a}
.service-sheet .service-sheet-field>span:first-child{color:#29443a;font-weight:650}
.service-sheet-field :is(input,select){width:100%;min-width:0;min-height:46px;margin:0;padding:8px 10px;border:1.5px solid #c5d6cb;border-radius:10px;background:#fff;color:#203930;font:inherit;font-size:16px;font-weight:500}
.service-sheet-field :is(input,select):disabled{background:#f1f4f2;color:#56665d;opacity:1}
.service-sheet-field [aria-invalid=true]{border-color:#b2533e}
.service-sheet .service-sheet-error{font-size:13px;font-weight:600;color:#a1271d}
.service-sheet-error:empty{display:none}
.service-sheet .service-sheet-exit{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border-radius:10px;background:#fff4d7;color:#5a3d00;font-size:14px}
.service-sheet-exit input{flex:0 0 auto;width:22px;height:22px;min-height:22px;margin:0}
.service-sheet-status{margin:0;font-size:14px;line-height:1.45;color:#5d6f64}
.service-sheet-status:empty{display:none}
.service-sheet .service-sheet-save{width:100%;min-height:50px;margin:2px 0 0;border:0;border-radius:12px;background:#286548;color:#fff;font-size:16px;font-weight:800}
.service-sheet-goes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.service-sheet .service-sheet-go{display:flex;align-items:center;gap:8px;min-height:56px;margin:0;padding:10px;border:1.5px solid #c5d6cb;border-radius:12px;background:#f6f9f7;color:#1f4a35;font-size:14.5px;font-weight:700;text-align:left}
.service-sheet-go svg{flex:0 0 auto;width:20px;height:20px;color:#286548}
.service-sheet-go small{display:block;font-size:12px;font-weight:600;color:#6c7d73}
@media(max-width:600px){dialog.service-sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:92dvh}}
/* Lịch sử sửa chữa: Biển số, Số khung, Tìm; a card a visit. */
.service-phone-find{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end}
.service-phone-find label{display:grid;gap:4px;margin:0;font-size:14px;font-weight:650}
.service-phone-find label span{color:#29443a;font-weight:650}
.service-phone-find input{min-height:46px;margin:0;padding:8px 10px}
#module-panel .service-phone-find .service-phone-go{min-height:46px}
@media(max-width:359px){.service-phone-find{grid-template-columns:repeat(2,minmax(0,1fr))}#module-panel .service-phone-find .service-phone-go{grid-column:1/-1}}
.service-phone-visits{display:grid;gap:10px}
.service-visit{display:grid;gap:4px;padding:12px 14px;background:#fff;border:1px solid #d8e3dc;border-radius:12px;font-size:14.5px;color:#22352b;overflow-wrap:anywhere}
.service-visit h3{margin:0;font-size:16px}
.service-visit p{margin:0;line-height:1.4}
.service-visit .service-visit-meta{color:#5d6f64;font-size:13.5px}
.service-visit-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.service-visit-foot b{font-size:16px;white-space:nowrap}
.service-visit-foot>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.service-visit-lines{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}
.service-visit-lines li{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#f6f9f7;font-size:14px}
.service-visit-lines small{flex:0 0 auto;color:#5d6f64}
body.privacy-hidden :is(.service-phone,.service-sheet){visibility:hidden}

/* Đợt 2 of Quản lý dịch vụ on the phone (PLAN-QLDV-DIEN-THOAI-004, "ok 004 1C 2A"): Xuất vật tư (parts-phone.mjs), Danh sách xe
   khách hàng (vehicles-phone.mjs), Kho hàng from KHÁC (stock-phone.mjs). The cards and buttons of Quản lý dịch vụ; the page's
   own button and label styles undone. */
:is(.parts-phone,.vehicles-phone){display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
:is(.parts-phone,.vehicles-phone) h2,#module-panel .stock-phone>h2{margin:2px 0 0;font-size:22px;overflow-wrap:anywhere}
.vp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
:is(#module-panel,dialog) :is(.sp-btn,.sp-link,.sp-fchip,.sp-tab,.sp-item,.pp-step-b){margin:0;font-weight:700}
:is(#module-panel,dialog) .sp-btn{min-height:44px;padding:8px 14px;border:1.5px solid #b9d0c0;border-radius:10px;background:#fff;color:#1e5138;font-size:14.5px}
:is(#module-panel,dialog) .sp-btn.sp-primary{background:#286548;border-color:#286548;color:#fff}
:is(#module-panel,dialog) .sp-btn.sp-red{border-color:#e7b4ae;background:#fff;color:#a3241b}
:is(#module-panel,dialog) .sp-link{min-height:36px;padding:4px 10px;border:1.5px solid #b9d0c0;border-radius:9px;background:#fff;color:#1e5138;font-size:13.5px;white-space:nowrap}
:is(#module-panel,dialog) .sp-link.sp-red{border-color:#e7b4ae;color:#a3241b}
.sp-find{display:block;margin:0}
.sp-find input{width:100%;min-height:46px;margin:0;padding:8px 12px;border:1.5px solid #c5d6cb;border-radius:12px;background:#fff;font-size:16px}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px}
#module-panel .sp-fchip{min-height:38px;padding:6px 12px;border:1.5px solid #c5d6cb;border-radius:999px;background:#fff;color:#25503a;font-size:14px}
#module-panel .sp-fchip[aria-pressed=true]{background:#284b3e;border-color:#284b3e;color:#fff}
/* Tồn kho: its four chips on one line at 390 px (drawing 09). */
#module-panel .stock-phone .sp-fchip{padding:6px 8px}
.sp-fchip b{margin-left:5px}
.sp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:12px;background:#e6eee9}
.sp-tabs[hidden]{display:none}
#module-panel .sp-tab{min-height:42px;padding:6px 4px;border:0;border-radius:9px;background:transparent;color:#3e5247;font-size:14.5px}
#module-panel .sp-tab[aria-pressed=true]{background:#fff;color:#1d3a2c;box-shadow:0 1px 3px #0002}
.sp-tab b{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:#a3241b;color:#fff;font-size:12px}
.sp-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.sp-count{margin:0;font-size:13.5px;font-weight:600;color:#5d6f64}
.sp-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
.sp-empty{margin:0;padding:14px;border:1px dashed #c5d6cb;border-radius:12px;color:#5d6f64;font-size:14px;text-align:center}
.sp-hint{margin:0;font-size:13px;line-height:1.45;color:#5d6f64}
.sp-meta{font-size:13.5px;color:#5d6f64;overflow-wrap:anywhere}
.sp-clip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-neg{color:#a3241b;font-weight:800}
.sp-chip{display:inline-block;padding:3px 9px;border-radius:999px;background:#eef1ef;color:#4d5f55;font-size:12.5px;font-weight:700;white-space:nowrap}
.sp-chip[data-kind=amber]{background:#fbf0d9;color:#8a5a0c}.sp-chip[data-kind=red]{background:#fde4e1;color:#a3241b}
.sp-chip[data-kind=green]{background:#e3f1e8;color:#1f5135}.sp-chip[data-kind=blue]{background:#e3eefc;color:#1d4f91}
#module-panel .sp-item{display:grid;gap:4px;width:100%;min-height:0;padding:12px 14px;border:1px solid #d8e3dc;border-radius:14px;background:#fff;color:#22352b;text-align:left;font-weight:400;box-shadow:0 1px 2px #0000000a}
.sp-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.sp-item-name{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;min-width:0}
.sp-item-name b{font-size:17px;color:#1d3a2c}.sp-item-name small{font-size:13px;font-weight:700;color:#5d6f64}
:is(.sp-card,.sp-doc,.sp-stock){display:grid;gap:5px;min-width:0;padding:12px 14px;border:1px solid #d8e3dc;border-radius:14px;background:#fff;font-size:14.5px;color:#22352b}
:is(.sp-chiprow,.sp-acts){display:flex;flex-wrap:wrap;gap:6px}
.sp-doc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-doc-top b{font-size:15.5px}
.sp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp-stats div{padding:8px 10px;border-radius:12px;background:#e9f1eb}
.sp-stats small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#4d5f55}.sp-stats b{font-size:18px;color:#1d3a2c}
.sp-stock{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
.sp-name{font-weight:800;color:#1d3a2c;overflow-wrap:anywhere}.sp-name small{display:block;font-size:13.5px;font-weight:600;color:#3e5247}
.sp-qty{text-align:right;font-size:20px;font-weight:800;color:#1d3a2c}.sp-qty small{display:block;font-size:11.5px;font-weight:700;color:#5d6f64}
.sp-stock .sp-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp-tick{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:2px solid #286548;border-radius:12px;background:#f2f7f4;font-size:15px;font-weight:700;color:#1d3a2c}
.sp-tick input[type=checkbox]{flex:0 0 auto;width:24px;height:24px;min-height:24px;margin:0}
.sp-tick span{flex:1;min-width:0}
.sp-post-lines{display:grid;gap:4px;margin:0;padding:10px 12px 10px 30px;border:1px solid #d8e3dc;border-radius:12px;font-size:14.5px}
/* Xuất vật tư: a part a row, − n + beside it. */
.pp-lines{display:grid;gap:8px}
.pp-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 12px;border:1px solid #d8e3dc;border-radius:12px;background:#fff}
.pp-line.pp-done{background:#f4f7f5}
.pp-name{font-size:15.5px;font-weight:800;color:#1d3a2c;overflow-wrap:anywhere}.pp-name i{margin-right:6px;font-style:normal;color:#5d6f64}
.pp-tag{font-size:11.5px;font-weight:800;color:#8a5a0c}
.pp-code{font-size:12.5px;font-weight:700;color:#5d6f64;overflow-wrap:anywhere}
.pp-facts{grid-column:1/-1;font-size:13.5px;color:#3e5247}.pp-facts b{color:#1d3a2c}
.pp-step{grid-row:1/3;grid-column:2;display:flex;align-items:center;border:1.5px solid #c5d6cb;border-radius:10px;overflow:hidden}
#module-panel .pp-step-b{width:38px;min-height:40px;padding:0;border:0;border-radius:0;background:#f2f7f4;color:#286548;font-size:20px}
.pp-step input{width:48px;min-height:40px;margin:0;padding:0;border:0;border-radius:0;text-align:center;font-size:16px;font-weight:800}
.pp-full{grid-row:1/3;grid-column:2;font-size:13px;font-weight:700;color:#1f5135}
.pp-warn p{margin:0;font-size:13.5px;font-weight:650;color:#a3241b}
.pp-msg{margin:0;font-size:14px;color:#a3241b}.pp-msg:empty{display:none}
.parts-phone .service-sheet-field{display:grid;gap:4px;margin:0;font-size:14px;font-weight:650;color:#29443a}
.parts-phone .service-sheet-field :is(input,select){width:100%;min-height:46px;margin:0;padding:8px 10px;border:1.5px solid #c5d6cb;border-radius:10px;background:#fff;font-size:16px}
#module-panel .parts-phone .pp-make{width:100%;min-height:50px;margin:2px 0 0;border:0;border-radius:12px;background:#286548;color:#fff;font-size:16px;font-weight:800}
.parts-phone .stock-finder input{width:100%;margin:0}
.pp-ret-q{width:70px;min-height:40px;margin:0;padding:4px 8px;text-align:center}
/* Danh sách xe khách hàng. */
.vp-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0;padding:12px 14px;border:1px solid #d8e3dc;border-radius:14px;background:#fff;font-size:14.5px}
.vp-facts dt{font-weight:650;color:#5d6f64}.vp-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.vp-facts a{color:#286548}
.vp-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
/* Danh mục and Tài khoản đăng nhập on the phone (PLAN-MAN-CHINH-QL-DIEN-THOAI-001 "ok mẫu ql2"): the kinds a row that scrolls on its
   own (never the page), a row with 📞 Gọi beside it, the stock on the right; an account's question and its password once. */
.catalog-phone .cp-kinds{display:flex;overflow-x:auto;scrollbar-width:none}.catalog-phone .cp-kinds::-webkit-scrollbar{display:none}
#module-panel .catalog-phone .cp-kinds .sp-tab{flex:0 0 auto;padding:6px 14px;white-space:nowrap}
.cp-row{display:flex;align-items:stretch;gap:6px}.cp-row>.sp-item{flex:1;min-width:0}
.cp-call{flex:0 0 auto;display:flex;align-items:center;padding:0 12px;border:1px solid #cfe0d5;border-radius:14px;background:#e6f0ea;color:#284b3e;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
a.cp-call-big{display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none}
.cp-qty{flex:0 0 auto;text-align:right;line-height:1.1}.cp-qty b{display:block;font-size:17px;color:#1d3a2c}.cp-qty small{font-size:11.5px;font-weight:700;color:#5d6f64}
.cp-qty.cp-out b,.cp-qty.cp-out small{color:#a3241b}
.ap-panel{display:grid;gap:8px;padding:12px 14px;border:1px solid #d8e3dc;border-radius:14px;background:#fff}.ap-panel[hidden]{display:none}
.ap-title{margin:0;font-size:16.5px;font-weight:800;color:#1d3a2c}
.ap-lines{margin:0;padding-left:18px;font-size:14px;color:#3e5247}.ap-lines li{margin:2px 0}
.ap-panel input{width:100%;min-height:46px;margin:0;padding:8px 12px;border:1.5px solid #c5d6cb;border-radius:12px;font-size:16px}
.ap-secret{display:grid;gap:4px;padding:12px;border:1.5px dashed #c9a640;border-radius:12px;background:#fffaf0;text-align:center}
.ap-secret small{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#7a5a00}.ap-secret span{font-size:14px;color:#3e5247}
.ap-password{font:800 26px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;color:#1d3a2c;overflow-wrap:anywhere}
.ap-admin{color:#8a5a0c}
/* Thêm xe / Sửa thông tin on the phone: the computer's form, full screen. */
dialog.vehicle-form-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#203930}
.vehicle-form-dialog form{display:flex;flex-direction:column;height:100%}
.vehicle-form-dialog .customer-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #e3ebe6}
.vehicle-form-dialog .customer-dialog-header p{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#5d6f64}
.vehicle-form-dialog .customer-dialog-header h2{margin:2px 0 0;font-size:22px}
.vehicle-form-dialog .customer-close{width:44px;min-height:44px;margin:0;padding:0;border:1px solid #c5d6cb;border-radius:22px;background:#fff;color:#203930;font-size:22px}
.vehicle-form-dialog .customer-form-body{flex:1;overflow:auto;padding:4px 16px 12px}
.vehicle-form-dialog .customer-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.vehicle-form-dialog .customer-field{display:grid;gap:4px;margin:6px 0;font-size:14px;font-weight:650;color:#29443a}
.vehicle-form-dialog .customer-field :is(input,textarea){width:100%;min-height:46px;margin:0;padding:8px 10px;border:1.5px solid #c5d6cb;border-radius:10px;font-size:16px}
.vehicle-form-dialog :is(.required,.customer-error){color:#a1271d}
.vehicle-form-dialog .customer-error{font-size:13px;font-weight:600}.vehicle-form-dialog .customer-error:empty{display:none}
.vehicle-form-dialog .catalog-field-help{font-size:12.5px;font-weight:500;color:#5d6f64}
.vehicle-form-dialog .customer-form-footer{display:grid;gap:6px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e3ebe6;font-size:12.5px;color:#5d6f64}
.vehicle-form-dialog .customer-form-footer div{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.vehicle-form-dialog .customer-form-footer button{min-height:48px;margin:0;border:1.5px solid #b9d0c0;border-radius:12px;background:#fff;color:#1e5138;font-weight:800}
.vehicle-form-dialog .customer-form-footer button.primary{background:#286548;border-color:#286548;color:#fff}
/* Phiếu xuất lập cùng lúc on the phone (issue-plan.mjs, drawing 02): a card a line. */
#module-panel .ip-phone{padding:10px 12px}
.ip-card{display:grid;gap:4px;background:#fff;border:1px solid #d8e3dc;border-radius:12px;padding:10px 12px;min-width:0}
.ip-card.bad{border-color:#e7b4ae;background:#fff6f5}
.ip-card.sub{border-color:#e0c37a}
.ip-top{display:flex;justify-content:space-between;gap:8px;font-size:15.5px;color:#1d3a2c}
.ip-q{font-weight:800;white-space:nowrap}
.ip-code{margin:0;font-size:12.5px;font-weight:700;color:#5d6f64}
.ip-after{margin:0;font-size:13.5px;color:#3e5247}
#module-panel .ip-card .ip-btn{min-height:36px;padding:4px 12px;font-size:14px}
#module-panel .ip-card .ip-x{min-height:32px}
/* Kế toán's sheet on the phone: who bấm Đã nhận, or Nhắc người lấy (stock-phone.mjs openPostSheet). */
.sp-taken{display:grid;gap:4px;padding:12px;border:2px solid #286548;border-radius:12px;background:#f2f7f4;font-size:14.5px;color:#1d3a2c}
.sp-taken.none{border-color:#d9a400;background:#fffaf0}
.sp-taken p{margin:0}
.sp-sub{color:#8a5a0c;font-weight:700}
.sp-wait{color:#9a5410;font-weight:700}
/* Nhận phụ tùng (pickup-phone.mjs; drawings 05–07, 11): a row a part, ticked as taken. */
#module-panel .pickup-phone .pk-lines{display:grid;gap:8px}
#module-panel .pickup-phone .pk-line{display:grid;grid-template-columns:auto 1fr auto;gap:2px 12px;align-items:center;width:100%;min-height:0;padding:12px;border:1px solid #ecc6c0;border-radius:12px;background:#fff8f6;color:#1d3a2c;text-align:left;font-weight:400}
#module-panel .pickup-phone .pk-line.on{border-color:#d8e3dc;background:#fff}
#module-panel .pickup-phone .pk-line.taken{border-color:#9cc9ad;background:#eef6f1;opacity:1}
.pk-box{width:28px;height:28px;border:2px solid #286548;border-radius:7px;display:grid;place-items:center;font-size:18px;font-weight:900;color:#fff;background:#fff}
.pk-line.on .pk-box{background:#286548}
.pk-line:not(.on) .pk-box{border-color:#c9a29d}
.pk-what{display:grid;gap:2px;min-width:0}
.pk-what>b{font-size:15.5px}
.pk-code{font-size:12.5px;font-weight:700;color:#5d6f64}
.pk-code b{color:#1d3a2c;font-size:13.5px}
.pk-sub{color:#8a5a0c}
.pk-who{color:#1f5135;font-weight:700}
/* Món không mã and Ghi chú (stock-free-lines.sql): the tag, the note, ＋ Ghi chú under a line, its field. */
.pk-nocode{display:inline-block;border-radius:6px;padding:1px 7px;background:#eef1ef;color:#4d5f55;font-weight:700;font-size:13px}
.pk-note{color:#5d4a00;font-weight:600}
#module-panel .pickup-phone .pk-note-add{justify-self:start;border:0;background:none;color:#1e5138;font:700 14px system-ui,sans-serif;text-decoration:underline;padding:0 4px;margin:-6px 0 0 44px;min-height:0;height:auto;line-height:1.3}
.pk-note-input{box-sizing:border-box;width:calc(100% - 44px);margin:-4px 0 4px 44px;border:1px solid #c5d6cb;border-radius:10px;padding:9px 11px;font:15px system-ui,sans-serif;background:#fff;color:#22352b}
.sp-note{color:#5d4a00;font-size:13px}
.pp-line .pp-note{width:100%;margin:6px 0 0}
.sp-line-tools{display:grid;gap:6px;margin-top:6px}
.sp-line-tools .sp-note-input{width:100%;margin:0}
.pk-q{font-size:16px;font-weight:800;white-space:nowrap}
.pk-taken,.pk-ok{display:grid;gap:4px;padding:12px;border:1.5px solid #9cc9ad;border-radius:12px;background:#e3f1e8;font-size:15px;color:#1f5135}
.pk-taken p{margin:0}
.pk-ok b{font-size:16px}
#module-panel .pickup-phone .pk-take{margin-top:4px}
#home-tasks.workshop-bars .workshop-bar[hidden]{display:none}
/* Review of the workshop on the phone (Owner 09/11/2026 "Sửa cả 12"). Five or six bars (Xuất phụ tùng, Nhận phụ tùng NCC above
   the four; workshop-home.mjs sets data-many): the bars lower and HÔM NAY a little tighter, so that Cá nhân is not under the
   bottom bar at 390 × 844 (the main screen was 910 px for the KTV, 937 px for Tổ trưởng / Tổ phó). These beat the tighter set
   of staff.css (the line of Nhân sự). */
body.workshop-mode:has(#home-hero:not([hidden])):has(#home-tasks[data-many]) #home-tasks.workshop-bars{gap:6px;padding-top:8px}
body.workshop-mode:has(#home-hero:not([hidden])):has(#home-tasks[data-many]) #home-tasks.workshop-bars .workshop-bar[data-module]{min-height:52px;padding:6px 12px 6px 14px}
body.workshop-mode:has(#home-hero:not([hidden])):has(#home-tasks[data-many]) #home-tasks .workshop-bar-icon{width:38px;height:38px;border-radius:11px}
body.workshop-mode:has(#home-hero:not([hidden])):has(#home-tasks[data-many]) #home-tasks .workshop-bar-icon svg{width:22px;height:22px}
body.workshop-mode:has(#home-tasks[data-many]) #home-tasks .workshop-bar-text{gap:1px}
body.workshop-mode:has(#home-tasks[data-many]) #home-tasks .workshop-bar-title strong{font-size:16px}
body.workshop-mode:has(#home-hero:not([hidden])):has(#home-tasks[data-many]) .workshop-stat{min-height:52px;padding:4px 8px}
/* Tổ trưởng / Tổ phó (Owner 10/11/2026 "Sửa Tổ phó 360px"): the line of Nhân sự and five or six bars. Đề nghị and Cá nhân were
   under the bottom bar at 360 × 740 (the main screen 821 px), and at 390 × 844 and 360 × 800 on a day of a longer sentence (most
   are two or three lines, the box 90 or 111 px). Below 900 px tall the sentence of the day without its heading and at most two
   lines, as the office's on a low screen; at 820 px or less it gives way (412 × 915 keeps it whole), HÔM NAY and the line of Nhân
   sự tighter. The KTV's (no line of Nhân sự) on a low screen: at most two lines (three pushed Cá nhân under at 360 × 740), at 13 px
   (at 13.5 px the longest sentence needed three lines with a wider font, and was cut). */
@media(max-height:899px){
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-quote{margin-top:10px;padding:6px 12px}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-quote-head{display:none}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-quote blockquote{display:-webkit-box;overflow:hidden;padding:0;font-size:13.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(max-height:780px){
  body.workshop-mode .workshop-quote blockquote{display:-webkit-box;overflow:hidden;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(max-height:820px){
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-quote{display:none}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-hero{padding-bottom:12px}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-greet{margin-top:0}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-today{padding-top:8px}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-stat b{font-size:24px}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .workshop-today-title{padding-bottom:4px}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .staff-home .staff-home-line{padding:6px 10px 6px 12px}
  body.workshop-mode:has(#home-hero:not([hidden]) .staff-home:not([hidden])):has(#home-tasks[data-many]) .staff-home-icon{width:36px;height:36px}}
/* A tick of Xuất phụ tùng / Nhận phụ tùng NCC 36 px (it was 28: a hand with gloves or oil). */
.pk-box{width:36px;height:36px;border-radius:8px;font-size:20px}
/* Text read on the phone not under 12 px: the bottom bar (11) and the lanes of Điều phối xưởng (10.5). */
html [data-mobile-home] #home-bottom button{font-size:12px}
#module-panel .workshop-lane small{font-size:12px}