/* Screen-only UI styles: document preview and A4 print dimensions stay independent. */
:root{font-family:"PingFang TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;--muted:#56655b;--red:#963e35;--orange:#84521e}
h1{font-size:30px;font-weight:700;letter-spacing:.5px}
.subtitle,.date-control,.date-control input,.button,.button.small,.text-button,.tab,.search,.field,.field input,.field select,.field textarea,.notice,.event-row,.checkline,.sum-row,.guide-list p,.integration-card p,.mail-preview-body{font-size:15px}
.button,.text-button,.tab{font-weight:600}.button.small{padding:6px 10px}.button{min-height:36px}
.subtitle,.fine,.field,.notice,.event-row time,.event-row span,.integration-card p,.guide-list p,.sum-row,.table-footer,.activation-sub{color:var(--muted)}
.notice{color:#725822}.fine,.preview-note,.eyebrow,.badge,.table-footer,.count-label,.workspace small,.modal-detail dt,.field small,.mail-type small,.mail-type span,.mail-variables{font-size:13px}
.badge{font-weight:600;color:#3b6035}.badge.amber{color:#84511e}.badge.gray{color:#576154}.badge.red{color:#973b32}
.eyebrow{color:#647460;letter-spacing:1.5px}.preview-note{color:#6e603e}.date-control{color:#56655b}.date-control input{width:158px}
.workspace table{font-size:15px}.workspace th{font-size:14px;font-weight:600;color:#53634d}.workspace td{padding:12px 14px}.workspace th{padding:11px 14px}
.table-name strong,.member-item strong,.task-row strong,.quick-item,.guide-list strong,.metric-label{font-size:16px;font-weight:600}
.table-name small,.member-item small,.task-row small,.quick-item small,.metric-foot,.section-head small{font-size:13px;color:#596a51}
.section-head h2,.integration-card h2{font-size:18px}.member-item button{font-size:14px;color:#46663c}.modal-detail dd{font-size:16px}.history-label{font-size:15px}
.nav-button{font-size:15px;font-weight:600;color:#c6d5c9;letter-spacing:0;padding:10px 12px;gap:8px;white-space:nowrap;min-width:0}.nav-button svg{flex-shrink:0}.nav-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button.active:after{flex-shrink:0}
.sidebar{overflow-y:auto}.sidebar .brand{padding-bottom:24px}.sidebar-guide{font-size:13px}.sidebar-note{padding-top:20px}.nav-caption{color:#a3b9a8}
.breadcrumb,.breadcrumb strong{font-size:14px;font-weight:600}.workspace-footer{font-size:11px;color:#667360}.owner small,.sidebar-note small{color:#adc2b2}
.quick-grid{gap:10px}.metric-foot{flex-wrap:wrap}.page-heading{margin-bottom:20px}main{padding-top:28px}
.field input,.field select,.field textarea,.quote-lines input,.search{color:#233b32}.quote-lines input{font-size:15px}.mail-editor textarea{font-size:16px}
.team-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.team-search{flex:1;min-width:210px}.team-toolbar .field{gap:4px}.team-toolbar select{min-width:150px}
.view-switch{display:flex;gap:5px;align-items:center;align-self:flex-end;padding-bottom:1px}.view-switch .button{white-space:nowrap}
.team-result-count{font-size:14px;color:var(--muted);margin-bottom:10px}.team-list{min-width:860px}.team-list td{padding:10px 14px}.team-list th{white-space:nowrap}.team-list td:first-child{min-width:180px}
.team-list small{display:block;font-size:13px;color:var(--muted);line-height:1.4}.team-name-link{font-size:16px;font-weight:650;line-height:1.5;display:inline-block;border:0;background:none;color:var(--ink);padding:0;text-align:left;overflow-wrap:anywhere}.team-name-link:hover{color:var(--green);text-decoration:underline}
.tabular{font-variant-numeric:tabular-nums}.pending-count{color:#84511e;font-weight:600}.team-list tbody tr:hover{background:#f7f9f3}
.team-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;font-size:14px;color:var(--muted)}.team-pagination span{margin-right:auto}
.compact-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px}.compact-team{padding:16px;border-radius:12px}.compact-team-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.compact-team h2{margin:2px 0 0;font-size:17px}.compact-team small{font-size:13px;color:var(--muted)}
.compact-team dl{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.compact-team dt{font-size:13px;color:var(--muted)}.compact-team dd{font-size:15px;margin:0;font-variant-numeric:tabular-nums}.compact-team>.button{width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.compact-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:801px) and (max-width:1100px){.sidebar{padding-left:14px;padding-right:14px}}
@media(max-width:800px){.nav-button{flex-shrink:0}.nav-button span{overflow:visible;text-overflow:clip}}
@media(max-width:1100px){.mail-layout{grid-template-columns:180px minmax(0,1fr)}.mail-preview{grid-column:2}.team-toolbar select{min-width:135px}}
@media(max-width:800px){.nav-button{font-size:14px}.sidebar .brand{padding-bottom:14px}.preview-note{font-size:13px}.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding:12px 20px}.top-actions{flex-wrap:wrap}.overview-grid,.content-grid{grid-template-columns:1fr}.page-heading{gap:10px}.team-toolbar .team-search{flex-basis:100%}.team-toolbar .field:not(.team-search){flex:1}.view-switch{flex-basis:100%;justify-content:flex-end}}
@media(max-width:550px){.compact-team-grid{grid-template-columns:1fr}.mail-layout{grid-template-columns:1fr}.mail-preview{grid-column:auto}h1{font-size:27px}.workspace .metric-foot{flex-wrap:wrap}.workspace-footer{flex-wrap:wrap;gap:6px}.daily-metrics{grid-template-columns:1fr}}