/* R6. Only the editable Team planner uses this layout. Reports keep their original geometry. */
#planner-view .planner-fit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 8px;color:var(--pine-800);font-size:14px;font-weight:700}
#planner-view .planner-size-options{display:inline-flex;gap:2px;background:var(--pine-50);border:1px solid var(--line);padding:3px;border-radius:10px}
#planner-view .planner-size-options button{border:0;border-radius:7px;background:transparent;color:var(--pine-800);font:inherit;min-height:36px;line-height:1.3;padding:5px 15px;cursor:pointer}
#planner-view .planner-size-options button[aria-pressed=true]{background:var(--pine-800);color:#fff}
#planner-view .planner-size-options button:focus-visible,#planner-view .fit-day-head:focus-visible{outline:3px solid var(--pine-700);outline-offset:2px}
#planner-view[data-table-size=fit] .schedule-scroll-table{max-height:min(70vh,760px);max-width:100%;overscroll-behavior:contain;scrollbar-gutter:auto}
#planner-view[data-table-size=fit] .schedule.daily-grid{width:100%;min-width:0;table-layout:fixed;font-size:14px}
#planner-view[data-table-size=fit] .schedule .col-age{width:6%}#planner-view[data-table-size=fit] .schedule .col-product{width:21%}#planner-view[data-table-size=fit] .schedule .col-rate{width:12%}#planner-view[data-table-size=fit] .schedule .col-amount{width:12%}#planner-view[data-table-size=fit] .schedule .col-purpose{width:23%}#planner-view[data-table-size=fit] .schedule .col-water{width:6.5%}#planner-view[data-table-size=fit] .schedule .col-hours{width:5.5%}#planner-view[data-table-size=fit] .schedule .col-weight{width:8%}#planner-view[data-table-size=fit] .schedule .col-tools{width:6%}
#planner-view[data-table-size=fit] .schedule th,#planner-view[data-table-size=fit] .schedule td{padding:5px 4px;min-width:0;overflow-wrap:anywhere;line-height:1.35}
#planner-view[data-table-size=fit] .schedule tbody tr.day-start>td,#planner-view[data-table-size=fit] .schedule tbody tr.day-end>td{padding-block:5px}
#planner-view[data-table-size=fit] .schedule th{font-size:12px;padding-block:8px}
#planner-view[data-table-size=fit] .daily-product-control{display:flex;min-width:0;gap:3px;align-items:center}
#planner-view[data-table-size=fit] .schedule .day-product{flex:1;width:100%;min-width:0;max-width:100%;min-height:36px;height:auto;padding:5px 20px 5px 5px;font-size:14px;text-overflow:ellipsis}
#planner-view[data-table-size=fit] .schedule .cell-age-num{font-size:18px;line-height:1.2}#planner-view[data-table-size=fit] .schedule .cell-age-phase,#planner-view[data-table-size=fit] .schedule .age-date{font-size:11px;line-height:1.25}
#planner-view[data-table-size=fit] .schedule .rate-box,#planner-view[data-table-size=fit] .schedule .amount-tools{flex-wrap:wrap;gap:3px;min-width:0}
#planner-view[data-table-size=fit] .schedule .day-rate{min-width:0;width:5ch;min-height:32px;max-width:100%;padding:3px;font-size:14px}
#planner-view[data-table-size=fit] .schedule .amount-cell{min-width:0;gap:1px}
#planner-view[data-table-size=fit] .schedule .cell-tools{white-space:normal}#planner-view[data-table-size=fit] .schedule .icon-btn{min-width:28px;width:auto;min-height:28px;height:auto;margin:1px;padding:3px}
#planner-view[data-table-size=fit] .schedule .purpose-tools{display:none}
#planner-view[data-table-size=fit] .schedule .purpose-field:focus-within .purpose-tools{display:flex;flex-wrap:wrap;gap:2px;padding:2px}
#planner-view[data-table-size=fit] .schedule .purpose-tools button{min-height:28px;min-width:28px;padding:3px}
#planner-view[data-table-size=fit] .purpose-editor{min-height:34px!important;height:auto;max-height:none;padding:5px 8px;font-size:14px;line-height:1.5}
#planner-view[data-table-size=fit] .purpose-editor:empty:before{font-size:13px}#planner-view[data-table-size=fit] .schedule .merge-tag{margin:1px 0 3px;font-size:11px}
#planner-view[data-table-size=fit] .schedule-scroll-table:before{display:none}
#planner-view .fit-day-head{display:grid;grid-template-columns:38px minmax(0,1fr) max-content 12px;align-items:center;gap:10px;list-style:none;padding:8px 10px;cursor:pointer;min-height:48px}
#planner-view .fit-day-head::-webkit-details-marker{display:none}#planner-view .fit-age{display:grid;place-items:center;border-radius:7px;background:var(--pine-50);color:var(--pine-800);padding:3px;line-height:1.1}#planner-view .fit-age strong{font-size:17px;font-variant-numeric:tabular-nums}#planner-view .fit-age small,#planner-view .fit-day-head small{font-size:11px}
#planner-view .fit-day-copy{min-width:0;display:grid;line-height:1.4}#planner-view .fit-day-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#planner-view .fit-day-head small{color:var(--ink-700)}#planner-view .fit-day-water{display:grid;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.3}#planner-view .fit-chevron{width:7px;height:7px;transform:rotate(45deg);border:solid var(--pine-700);border-width:0 2px 2px 0}#planner-view details[open]>.fit-day-head .fit-chevron{transform:rotate(225deg)}
#planner-view .fit-day-body{padding:8px 12px 12px;border-top:1px solid var(--line-soft)}#planner-view .fit-day-meta,#planner-view .fit-purpose-label{font-size:12px;font-weight:600;color:var(--pine-800)}#planner-view .fit-day-body .day-card-item{min-width:0;margin:6px 0;padding:8px}#planner-view .fit-day-body .day-product{min-width:0;width:100%;font-size:16px;min-height:44px}#planner-view .fit-day-body .purpose-editor{font-size:16px;min-height:46px!important}#planner-view .fit-day-body .purpose-tools{flex-wrap:wrap}
@media(max-width:960px){
 #planner-view[data-table-size=fit] .schedule-scroll-table{display:none}#planner-view[data-table-size=fit] .day-cards{display:flex;gap:5px;min-width:0}#planner-view .day-cards .day-card{display:block;margin:0;padding:0;overflow:visible;min-width:0}#planner-view .day-cards .day-card[open]{border-color:var(--pine-700)}
 #planner-view[data-table-size=wide] .schedule-scroll-table{display:block;max-width:100%;overflow:auto}#planner-view[data-table-size=wide] .day-cards{display:none}#planner-view .planner-size-options button,#planner-view .fit-day-body .purpose-tools button,#planner-view .fit-day-body .icon-btn{min-height:44px}#planner-view .fit-day-body .purpose-tools button{min-width:38px}
}
@media(min-width:961px){#planner-view .day-cards{display:none}#planner-view .schedule-scroll-table{display:block}}
@media print{#planner-view .planner-fit-bar{display:none}}

.catalog-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;max-width:100%;min-width:0}
.catalog-product-meta>.catalog-badge{max-width:100%;margin:0}
.catalog-product-meta>.catalog-product-code{font-size:11px;font-weight:500;line-height:1.35;font-family:var(--font-num,sans-serif);color:var(--ink-700,#40554a);font-variant-numeric:tabular-nums;letter-spacing:.015em;overflow-wrap:anywhere;max-width:100%;text-align:left}
#catalog-grid.is-compact .catalog-product-meta>.catalog-product-code{display:inline;font-size:10.5px}

/* Team main menu: equal geometry for all six destinations. */
#home-view .home-menu{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
#home-view .home-link{grid-column:auto;grid-row:auto;min-width:0}
.home-link-productlist{--menu-accent:var(--pine-700)}
@media(min-width:1350px){#home-view .home-menu{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){#home-view .home-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#home-view .home-menu .home-link{min-height:145px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:16px 12px}#home-view .home-menu .home-icon{width:clamp(58px,17vw,80px);height:clamp(58px,17vw,80px);margin:0 0 8px}#home-view .home-menu .home-link-label{font-size:clamp(15px,4vw,18px);line-height:1.45}}
/* Keep short Thai category names intact. The separate code can wrap below the chip. */
#catalog-grid.is-compact .catalog-product-meta{align-items:center;justify-content:flex-start;gap:3px 5px}
#catalog-grid.is-compact .catalog-product-meta>.catalog-badge{flex:0 0 auto;width:max-content;max-width:100%;word-break:normal;overflow-wrap:normal;white-space:normal;line-height:1.4}
#catalog-grid.is-compact [data-theme="vaccine"] .catalog-product-meta>.catalog-badge{white-space:nowrap}
#catalog-grid.is-compact .catalog-product-meta>.catalog-product-code{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
#catalog-grid .category-dot{flex:none}

#productlist-view{width:min(100%,1230px);margin-inline:auto;min-width:0;box-sizing:border-box;color:var(--ink-900,#193e2d);padding-bottom:55px}
#productlist-view [hidden],.pl-dialog [hidden]{display:none!important}
.pl-title,.pl-section,.pl-actions,.pl-pager{display:flex;align-items:center;justify-content:space-between;gap:10px}.pl-title{margin:12px 0 17px}.pl-title h2,.pl-section h3,.pl-document h3,.pl-result h4{margin:0}.pl-actions{justify-content:flex-end;flex-wrap:wrap}.pl-section{margin:20px 0 12px}.pl-section>span,.pl-doc-copy small,.pl-list small,.pl-result>small,.pl-hints{font-size:13px;color:var(--ink-700,#52695d)}.pl-section h3 small{font:600 12px var(--font-thai,sans-serif);color:var(--pine-700);margin-inline-start:4px}
.pl-tabs{display:flex;border-bottom:1px solid var(--ui-border);margin-bottom:20px;gap:6px}.pl-tabs button{border:0;border-bottom:3px solid transparent;min-height:44px;background:transparent;padding:7px 16px;color:var(--ink-700,#52695d);font:700 16px var(--font-thai,sans-serif);cursor:pointer}.pl-tabs [aria-selected=true]{color:var(--pine-700);border-color:currentColor}.pl-tabs button:focus-visible,.pl-line:focus-visible,.pl-search button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:-3px}
.pl-document,.pl-panel,.pl-list{background:var(--surface,#fff);border:1px solid var(--ui-border);border-radius:16px;box-shadow:var(--ui-shadow)}.pl-document{padding:16px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.pl-pdf-seal{display:grid;place-items:center;width:42px;height:53px;border-radius:5px 12px 5px 5px;color:var(--pine-700);background:var(--pine-50,#e9f2ec);font-weight:800;letter-spacing:.025em}.pl-doc-copy b,.pl-doc-copy small{display:block;overflow-wrap:anywhere}.pl-doc-pending{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--ui-border);padding-top:10px}.pl-doc-pending>span{overflow-wrap:anywhere}.pl-doc-pending>p,[data-pl-edit-error]{color:#973d33}.pl-state{margin:8px 0;line-height:1.5}.pl-doc-copy .pl-state{font-size:14px;margin:4px 0}.pl-state .btn{margin-left:8px}
.pl-filters,.pl-two,.pl-deal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-filters{grid-template-columns:2fr 1fr;margin:0 0 12px}.pl-search{position:relative;display:block}.pl-search input{padding-right:38px}.pl-search button{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:var(--pine-700);font-size:22px;cursor:pointer}.pl-list{overflow:hidden}.pl-line,.pl-rate{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(75px,.2fr));align-items:center;gap:10px;padding:12px 16px;text-align:left;box-sizing:border-box;width:100%;border:0;border-top:1px solid var(--ui-border);background:var(--surface,#fff);color:inherit;font:inherit}.pl-line>:not(:first-child),.pl-rate>:last-child{text-align:right;font-variant-numeric:tabular-nums}.pl-line b,.pl-line small{display:block;overflow-wrap:anywhere}.pl-line strong{color:var(--pine-700)}.pl-head{border-top:0;background:var(--pine-50,#ecf2ed);color:var(--ink-700,#52695d);font-size:13px;font-weight:700}.pl-line[type=button]{cursor:pointer}.pl-line[type=button]:hover{background:var(--pine-50,#ecf2ed)}.pl-rate{grid-template-columns:minmax(0,1fr) auto}.pl-pager{justify-content:center;margin:14px 0}.pl-panel{padding:18px;min-width:0}.pl-deal-grid{align-items:start}.pl-hints{margin:10px 0 16px}.pl-result>strong,.pl-result>small{display:block}.pl-amount{font-weight:800;font-size:clamp(25px,4vw,36px);color:var(--pine-700)}.pl-metrics{margin:16px 0}.pl-metrics>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--ui-border);padding:9px 0}.pl-metrics dd{font-weight:700;margin:0;text-align:end;overflow-wrap:anywhere}.pl-owner{margin-bottom:12px;max-width:550px}.pl-check{display:flex;align-items:center;gap:6px;margin-top:8px}.pl-check input{width:auto}.pl-dialog{max-width:min(560px,94vw);max-height:86dvh;overflow:auto}.pl-dialog h2{overflow-wrap:anywhere}.pl-edit-fields{min-width:0;display:grid;gap:12px;padding:12px 0;border:0}.pl-discard{background:var(--pine-50,#e9f2ec);padding:14px;border-radius:10px}.pl-dialog .btn{min-height:40px}#productlist-view .field input,#productlist-view .field select,.pl-dialog .field input,.pl-dialog .field select{min-width:0;width:100%;box-sizing:border-box}
@media(max-width:700px){.pl-title{align-items:flex-end}.pl-title .eyebrow{margin-bottom:4px}.pl-title .pl-actions{gap:4px}.pl-title .btn{font-size:13px;padding-inline:8px}.pl-tabs{gap:0}.pl-tabs button{flex:1;min-width:0;font-size:14px;padding-inline:3px;line-height:1.35}.pl-document{grid-template-columns:36px minmax(0,1fr);gap:9px 12px;padding:12px}.pl-document>.pl-actions{grid-column:1/-1;justify-content:flex-start}.pl-pdf-seal{width:36px;height:45px}.pl-line{grid-template-columns:minmax(0,1fr) minmax(46px,.28fr) minmax(64px,.32fr);gap:6px;padding:10px 9px;font-size:14px}.pl-line>:nth-child(2){display:none}.pl-line small,.pl-head{font-size:11px}.pl-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.pl-deal-grid{grid-template-columns:1fr}.pl-two,.pl-filters{gap:8px}.pl-panel{padding:12px}.pl-rate{padding:10px;font-size:14px}.pl-filters .field input,.pl-filters .field select,.pl-two input,.pl-dialog input,.pl-dialog select{font-size:16px}}