/* Thin layer over the original look (styles/light/workspace.css): fixes only, no new visual direction. */
.eyebrow,.home-kicker{display:none}
*:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.metric-value,.stat-strip strong,.cost-inline strong,td.numeric{font-variant-numeric:tabular-nums}
/* decorative arrows on every button and row read as template UI */
.btn .i-arrow,.team-shortcut .i-arrow,.task-row .i-arrow,.connect-card .i-arrow,.metric-label .i-arrow{display:none}
/* message text had a hard-coded light colour and was barely readable on the light theme */
.message-body{color:var(--text);font-size:15px;line-height:1.6}
.message-meta small{color:var(--muted)}
/* phone: no horizontal scroll, 44px+ targets, tables as cards */
html,body{overflow-x:clip}
@media(max-width:900px){
 #main{padding:20px 16px 96px}
 body{font-size:16px}
 .home-columns,.settings-grid,.form-grid,.artifact-grid,.template-grid,.team-shortcuts{grid-template-columns:1fr!important}
 .pagehead,.home-heading{flex-direction:column;align-items:stretch}
 .pagehead .actions{flex-wrap:wrap}
 .topbar .breadcrumb,.topbar .searchbtn kbd{display:none}
 .topbar .iconbtn,.searchbtn{min-width:44px;min-height:44px}
 .top-actions{flex:1;min-width:0}.top-actions select{flex:1;min-width:0;width:100%}
 .stat-strip{display:grid;grid-template-columns:repeat(3,1fr)}
 .stat-strip .cost-inline{grid-column:1/-1}
 .stat-strip .stat-symbol{display:none}
 .bottomnav a,.bottomnav button{min-height:56px}
 .quick-templates{display:flex;overflow-x:auto;gap:8px;flex-wrap:nowrap;padding-bottom:4px}
 .quick-templates .btn{flex:0 0 auto;white-space:nowrap}
 .quick-brief{display:flex;flex-direction:column;gap:12px}.quick-brief .btn{width:100%}
 input,select,textarea{font-size:16px!important;min-height:48px}
 .btn{min-height:48px}
 .modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}
 dialog{width:100vw!important;max-width:100vw!important;max-height:92vh;margin:auto 0 0!important}
 .task-row{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;padding:14px 16px;min-height:56px}
 .task-row .badge{grid-column:2;justify-self:start}
 .chat-layout{display:flex;flex-direction:column;height:auto}
 .thread-list{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:10px}
 .thread{flex:0 0 auto;min-width:180px}
 .messages{padding:14px;max-height:none;overflow:visible}
 .message,.message.user{max-width:100%;margin-left:0}
 .chat-compose{position:sticky;bottom:64px;background:var(--surface);border-top:1px solid var(--border);padding:10px 12px;z-index:5}
 .assistant-fab{bottom:76px}
 .company-tabs{overflow-x:auto;flex-wrap:nowrap}.company-tabs button{flex:0 0 auto}
 .table-scroll table{display:block;min-width:0}
 .table-scroll thead{display:none}
 .table-scroll tbody,.table-scroll tr,.table-scroll td{display:block;width:100%}
 .table-scroll tr{border-bottom:1px solid var(--border);padding:12px 4px}
 .table-scroll td{border:0;padding:2px 0;text-align:left}
}
@media(max-width:600px){#provider-badge{display:none}}
/* message fields: grow with the text, no resize grip; focus is shown on the field frame, not as a tight outline around bare text */
.quick-brief textarea,[data-form="message"] textarea,[data-form="assistant-message"] textarea,[data-form="task-comment"] textarea{resize:none;overflow-y:auto;max-height:40vh}
textarea:focus-visible,input:focus-visible,select:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--soft-blue)}
.quick-brief textarea{padding:6px 2px;min-height:56px}
.quick-brief textarea:focus-visible{box-shadow:none}
.composer-card:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--soft-blue)}
[data-form="message"]{display:flex;gap:10px;align-items:flex-end}
[data-form="message"] textarea{flex:1;min-width:0}
[data-form="message"] .btn{flex:none}
@media(max-width:900px){.quick-brief textarea{height:auto;min-height:72px}[data-form="message"] .btn{padding-inline:14px}}
/* the chat send button is icon-only on phones: its arrow is the label, keep it */
.chat-compose .btn .i-arrow{display:inline-block}
.chat-compose .btn{min-width:48px;justify-content:center}
/* contrast: the assistant drawer kept dark-theme bubbles and white-on-transparent buttons on the light theme */
[data-theme="light"] .assistant-bubble{background:var(--bg);border-color:var(--border)}
[data-theme="light"] .assistant-bubble.user{background:var(--soft-blue);border-color:var(--border)}
[data-theme="light"] .assistant-bubble small{color:var(--muted)}
[data-theme="light"] .assistant-bottom>.btn.primary{background:var(--surface);color:var(--blue-light);border:1px solid var(--control-border)}
.assistant-prompts .btn{font-size:12px;font-weight:500;color:var(--text)}
[data-theme="light"] .assistant-prompts .btn{background:var(--surface);border-color:var(--control-border)}
.assistant-compose .btn.primary{font-size:12px}
/* --faint (#677386) was 4.3:1 on tinted badges, tags and the active thread */
:root,[data-theme="light"]{--faint:#5d697c}
[data-theme="dark"]{--faint:#a3aec0}
input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}
[data-theme="dark"] .brand .gold{color:var(--blue-light)}
.assistant-bottom>.btn{font-size:12px}