/* Approved text-only TozaFerma variant. Scoped to the quail workspace. */
body:has(#workspace[data-direction="quail"]) { background:#f2f8f6; }
body:has(#workspace[data-direction="quail"]) .sidebar { background:#edf6f3; box-shadow:none; border-color:#d9e6e3; }
body:has(#workspace[data-direction="quail"]) .sidebar .nav-icon { padding:0; width:22px; height:22px; background:none; box-shadow:none; color:currentColor; }
body:has(#workspace[data-direction="quail"]) .nav-button { min-height:46px; border-radius:10px; font-size:14px; }
body:has(#workspace[data-direction="quail"]) .nav-button.active { background:#def1ec; color:#087579; box-shadow:none; }
#workspace[data-direction="quail"] { color:#153740; font-size:15px; line-height:1.5; }
#workspace[data-direction="quail"] .panel,
#workspace[data-direction="quail"] .editor-panel { background:#fff; border:1px solid #d9e6e3; border-radius:16px; box-shadow:none; }
#workspace[data-direction="quail"] .workspace-heading .eyebrow { display:none; }
#workspace[data-direction="quail"] .button,
body:has(#workspace[data-direction="quail"]) dialog .button { min-height:44px; border-radius:10px; font-size:14px; }
#workspace[data-direction="quail"] .button-primary,
body:has(#workspace[data-direction="quail"]) dialog .button-primary { background:#087579; color:#fff; box-shadow:none; }
#workspace[data-direction="quail"] .button-primary:hover { background:#065f62; }
#workspace[data-direction="quail"] input:not([type="checkbox"]):not([type="radio"]),
#workspace[data-direction="quail"] select,
#workspace[data-direction="quail"] textarea,
body:has(#workspace[data-direction="quail"]) dialog input:not([type="checkbox"]):not([type="radio"]),
body:has(#workspace[data-direction="quail"]) dialog select,
body:has(#workspace[data-direction="quail"]) dialog textarea { font-size:16px; min-height:44px; }
#workspace[data-direction="quail"] label,
body:has(#workspace[data-direction="quail"]) dialog label { font-size:14px; }
#workspace[data-direction="quail"] .q-table th { font-size:13px; color:#526e74; white-space:normal; }
#workspace[data-direction="quail"] .q-table td { font-size:14px; }
#workspace[data-direction="quail"] .q-table small,
#workspace[data-direction="quail"] .q-empty,
#workspace[data-direction="quail"] .q-egg-badge,
#workspace[data-direction="quail"] .qo-note,
#workspace[data-direction="quail"] .qi-batch-row small { font-size:13px; color:#526e74; }
#workspace[data-direction="quail"] .q-egg-tabs { flex-wrap:wrap; }
#workspace[data-direction="quail"] .q-egg-tabs button { min-height:44px; font-size:14px; }
#workspace[data-direction="quail"] .q-key-summary .q-summary-metric span,
#workspace[data-direction="quail"] .qo-metric>span,
#workspace[data-direction="quail"] .qo-inc-detail small,
#workspace[data-direction="quail"] .q-metric>span { font-size:14px; color:#526e74; }
#workspace[data-direction="quail"] .qo-summary .qo-metric strong { font-size:clamp(32px,3.5vw,44px); }
#workspace[data-direction="quail"] .q-key-summary .q-summary-metric strong { font-size:clamp(32px,3.5vw,48px); }
#workspace[data-direction="quail"] .q-egg-summary.q-key-summary .q-summary-metric:last-child strong { font-size:clamp(32px,2.8vw,36px); }
@media(max-width:540px) {
 #workspace[data-direction="quail"]>.q-workspace>.qo-summary,
 #workspace[data-direction="quail"] .q-housing-compact.q-key-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #workspace[data-direction="quail"]>.q-workspace>.qo-summary>.qo-metric,
 #workspace[data-direction="quail"] .q-housing-compact.q-key-summary>.q-summary-metric { padding:12px 20px; align-items:flex-start; text-align:left; border-left:0; }
 #workspace[data-direction="quail"]>.q-workspace>.qo-summary>.qo-metric:last-child,
 #workspace[data-direction="quail"] .q-housing-compact.q-key-summary>.q-summary-metric:last-child { grid-column:1/-1; border-top:1px solid #d9e6e3; }
}
body:has(.q-workspace) { background:#f2f8f6; }
body:has(.q-workspace) .sidebar { background:#edf6f3; box-shadow:none; border-color:#d9e6e3; }
body:has(.q-workspace) .sidebar .nav-icon { padding:0; width:22px; height:22px; background:none; box-shadow:none; color:currentColor; }
body:has(.q-workspace) .nav-button { min-height:46px; border-radius:10px; }
body:has(.q-workspace) .nav-button.active { background:#def1ec; color:#087579; box-shadow:none; }
.q-workspace { color:#153740; }
.q-workspace .panel { background:#fff; border:1px solid #d9e6e3; box-shadow:none; border-radius:16px; }
.q-workspace .button { border-radius:10px; min-height:44px; }
.q-workspace .button-primary { background:#087579; color:#fff; box-shadow:none; }
.q-workspace .button-primary:hover { background:#065f62; }
.q-workspace .q-key-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:24px 0; margin:0; border:1px solid #d9e6e3; border-radius:16px; background:#fff; }
.q-workspace .q-key-summary .q-summary-metric { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; gap:8px; padding:0 20px; border:0; min-width:0; }
.q-workspace .q-key-summary .q-summary-metric+.q-summary-metric { border-left:1px solid #d9e6e3; }
.q-workspace .q-key-summary .q-summary-metric span { font-size:14px; color:#526e74; }
.q-workspace .q-key-summary .q-summary-metric strong { order:0; font-size:clamp(30px,3.5vw,48px); line-height:1.15; font-weight:750; letter-spacing:-.025em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.q-workspace .q-egg-summary.q-key-summary .q-summary-metric:last-child strong { font-size:clamp(32px,2.8vw,36px); }
.q-workspace > .q-metrics { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
.q-workspace > .q-metrics .q-metric { min-width:0; padding:20px; background:#fff; }
.q-workspace > .q-metrics .q-metric strong { font-size:36px; line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.q-workspace .qo-summary { background:#fff; }
.q-workspace .q-housing-list { padding:0; border:0; background:transparent; }
.q-workspace .q-list-heading { margin-bottom:14px; }
.q-workspace .q-list-heading input { height:46px; border-radius:10px; width:360px; }
.q-workspace .q-cage-filters { gap:8px; flex-wrap:wrap; }
.q-workspace .q-cage-filters button { border:1px solid #d9e6e3; background:#fff; border-radius:10px; min-height:44px; font-size:13px; }
.q-workspace .q-cage-filters button[aria-pressed=true] { background:#087579; border-color:#087579; color:#fff; }
.q-workspace .q-housing-list .q-table-wrap { overflow:visible; }
.q-workspace .q-housing-table { display:block; width:100%; min-width:0; border-spacing:0; }
.q-workspace .q-housing-table thead { display:none; }
.q-workspace .q-housing-table tbody { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; width:100%; }
.q-workspace .q-housing-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:12px; padding:20px; margin:0; border:1px solid #d9e6e3; border-radius:16px; background:#fff; min-width:0; }
.q-workspace .q-housing-table tr.q-row-occupied { background:#fff; }
.q-workspace .q-housing-table td { display:block; border:0!important; border-radius:0!important; padding:0; background:transparent!important; min-width:0; font-size:13px; white-space:normal; overflow-wrap:anywhere; }
.q-workspace .q-housing-table td:first-child { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; font-size:18px; }
.q-workspace .q-cage-status { font-size:12px; font-weight:500; color:#14645e; background:#e5f4ee; border-radius:6px; padding:4px 8px; }
.q-workspace .q-housing-table tr:not(.q-row-occupied) .q-cage-status { color:#526e74; background:#edf2f1; }
.q-workspace .q-housing-table td:nth-child(2) { grid-column:1/-1; color:#526e74; line-height:1.5; }
.q-workspace .q-cage-breed { display:block; color:#153740; font-size:16px; margin:4px 0; }
.q-workspace .q-cage-breed:empty { display:none; }
.q-workspace .q-housing-table td:nth-child(3) { grid-column:1/-1; }
.q-workspace .q-housing-table td:nth-child(3)>.q-mobile-cell-label { display:none; }
.q-workspace .q-cage-count { font-size:20px; text-align:right; color:#526e74; font-variant-numeric:tabular-nums; }
.q-workspace .q-cage-count strong { font-size:30px; color:#153740; }
.q-workspace .q-cage-fill { display:block; width:100%; height:8px; margin:9px 0; border:0; border-radius:8px; overflow:hidden; appearance:none; background:#dce9e6; accent-color:#09877c; }
.q-cage-fill::-webkit-progress-bar { background:#dce9e6; border-radius:8px; }
.q-cage-fill::-webkit-progress-value { background:#09877c; border-radius:8px; }
.q-cage-fill::-moz-progress-bar { background:#09877c; border-radius:8px; }
.q-workspace .q-housing-table small { font-size:12px; color:#526e74; }
.q-workspace .q-housing-table .q-mobile-cell-label { display:block; font-size:12px; margin-bottom:4px; color:#526e74; }
.q-workspace .q-housing-table td:last-child { grid-column:1/-1; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin:0; }
.q-workspace .q-housing-table td .button { min-height:44px; padding:10px 14px; margin:0; }
@media(max-width:1250px) { .q-workspace .q-housing-table tbody { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
 .q-workspace .q-housing-table tbody { grid-template-columns:1fr; gap:12px; }
 .q-workspace .q-housing-table tr { padding:16px; }
 .q-workspace .q-key-summary { padding:18px 0; }
 .q-workspace .q-key-summary .q-summary-metric { padding:0 8px; gap:8px; }
 .q-workspace .q-key-summary .q-summary-metric span { font-size:12px; }
 .q-workspace .q-key-summary .q-summary-metric strong { font-size:30px; }
 .q-workspace .q-egg-summary.q-key-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .q-workspace .q-egg-summary.q-key-summary .q-summary-metric:last-child { grid-column:1/-1; margin-top:18px; padding-top:18px; border-left:0; border-top:1px solid #d9e6e3; }
 .q-workspace .q-egg-summary.q-key-summary .q-summary-metric:last-child strong { font-size:32px; }
 .q-workspace > .q-metrics .q-metric strong { font-size:32px; }
 .q-workspace .q-list-heading { flex-wrap:wrap; gap:12px; }
 .q-workspace .q-list-heading input { width:100%; max-width:none; font-size:16px; }
}