/* Readable working controls. Research decisions: references/RESEARCH-2025-2026.md. */
:root { --text-mute:#626a64; --mut:#626a64 }
.nav-item{font-size:11px;min-height:55px;line-height:1.3}
.btn,.input,.select,.dd-toggle{font-size:13px}
.btn:focus-visible,a:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:2px solid #357747;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.55}
.df-row>label,.login-label{font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;color:#455048}
.df .input,.df .select,.df textarea{font-size:14px;background:#fff;min-height:42px}
.df input[type=date],.df input[type=datetime-local]{appearance:auto;width:100%;min-width:0}
.df textarea{height:auto;min-height:96px;line-height:1.6}
.df-actions{position:sticky;bottom:0;background:#fff;padding:16px 0;border-top:1px solid var(--rule);z-index:2}
.df-err:not(:empty){padding:12px;border-radius:8px;background:#fff0ed;color:#a03127;font-size:13px}
.settings-plan-controls{display:grid;grid-template-columns:130px auto auto;gap:10px;align-items:center;margin-left:auto}
.settings-plan-controls input:nth-of-type(2){grid-column:1}
.settings-plan-controls button:last-child{grid-column:2/4}
#view-team .grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
#view-settings .setting-row{gap:14px;flex-wrap:wrap}
#view-settings .settings-tabs{gap:8px}
.password-field{position:relative}.password-field input{padding-right:92px}
.password-toggle{position:absolute;right:5px;top:4px;min-height:36px;padding:0 10px;border:0;background:transparent;color:#344c3c;font:600 12px var(--f-body);border-radius:6px;cursor:pointer}
#login-screen .login-card{max-width:440px;padding:36px;border-radius:20px;box-shadow:0 16px 55px #1721180a}
#login-screen .login-brand h1{font-size:25px;line-height:1.3;letter-spacing:-.65px;margin:25px 0 10px}
#login-screen .login-brand .sub{font-size:14px;line-height:1.65;color:#626a64}
#login-screen .login-input{min-height:46px;font-size:15px;background:#fff;border-color:#cbd2cc;border-radius:10px}
#login-screen .login-btn{min-height:46px;border-radius:10px;font-size:14px}
#login-screen .login-group{margin-bottom:20px}.login-err{font-size:13px;line-height:1.5}
.login-input[aria-invalid=true]{border-color:#b94942!important;background:#fffafa!important}
.studio-under,.studio-axis,.studio-data-note,.studio-positive,.studio-day-bottom a>span{line-height:1.6}
.studio-week button{min-height:85px}.studio-week button small{font-size:11px}
.studio-chart-empty,.studio-empty>p{color:#646e66}
.studio-topnav a{font-size:13px}
.mobile-nav a,.mobile-nav button{font-size:11px}
#view-settings .seg-tabs{display:flex;gap:8px;border-bottom:1px solid var(--rule)}
#view-settings .seg-tabs button{padding:12px 16px;min-height:44px;font-size:13px}
html.ui-amo .task-groups{display:flex;flex-direction:column;gap:22px;overflow:visible;max-width:1100px;width:100%}
html.ui-amo .task-groups .amo-col{display:block;width:100%;min-width:0;background:#fff;border:1px solid var(--rule);border-radius:18px;overflow:hidden}
html.ui-amo .task-groups .amo-col-head{min-height:60px;padding:18px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--rule);background:#fff}
html.ui-amo .task-groups .amo-col-head span{margin:0 0 0 auto;font-size:12px}
html.ui-amo .task-groups .col-body{height:auto;max-height:none;overflow:visible;padding:0;display:block}
html.ui-amo .task-groups .amo-task-card{border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;margin:0;padding:18px 24px;gap:16px;box-shadow:none}
html.ui-amo .task-groups .amo-task-card:last-child{border-bottom:0}
html.ui-amo .task-groups .amo-task-card:hover{background:#f7faf6}
html.ui-amo .task-groups .amo-task-card>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 24px;flex:1;min-width:0}
html.ui-amo .task-groups .amo-task-card b{grid-column:1;grid-row:1;font-size:14px;margin:0;line-height:1.5}
html.ui-amo .task-groups .amo-task-card time{grid-column:2;grid-row:1;font-size:12px;align-self:center;margin:0}
html.ui-amo .task-groups .amo-task-deal{grid-column:1;grid-row:2;font-size:12px;margin:0}
html.ui-amo .task-groups .task-owner{grid-column:2;grid-row:2;font-size:12px;text-align:right;color:var(--ink-secondary)}
html.ui-amo .task-groups .amo-task-card p{grid-column:1/-1;font-size:12px;margin:0;color:var(--ink-secondary)}
html.ui-amo .task-groups .amo-ptask-check{flex-shrink:0;width:24px;height:24px;margin:0;align-self:center}
@media(max-width:760px){
  html.ui-amo .task-groups .amo-col-head{padding:16px;min-height:54px}
  html.ui-amo .task-groups .amo-task-card{padding:17px 16px;gap:12px}
  html.ui-amo .task-groups .amo-task-card>div{grid-template-columns:minmax(0,1fr);gap:7px}
  html.ui-amo .task-groups .amo-task-card time{grid-column:1;grid-row:3}
  html.ui-amo .task-groups .task-owner{grid-column:1;grid-row:4;text-align:left}
  html.ui-amo .task-groups .amo-task-card p{grid-row:5}
}
@media(max-width:1000px){.settings-plan-controls{width:100%;margin-left:0;grid-template-columns:minmax(90px,1fr) auto auto}.settings-plan-controls input{width:100%!important}}
@media(max-width:760px){
  .btn,.input,.select{min-height:42px}.df .input,.df .select,.df textarea{font-size:16px}
  #login-screen{padding:20px}#login-screen .login-card{padding:28px 24px}#login-screen .login-brand h1{font-size:24px}
  .studio-metrics{grid-template-columns:1fr}.studio-metrics .studio-revenue{grid-column:auto}
  .studio-day-number{gap:16px}.studio-day-number>.studio-day-icon{display:grid}
  .studio-card-label,.studio-under,.studio-axis,.studio-day-bottom a>span{font-size:12px}
  .studio-week{gap:4px}.studio-week button{min-height:85px}.studio-week button small{font-size:10px}
  .studio-visit-person b,.studio-task b{font-size:13px}.studio-status{font-size:11px}
  .studio-feed-filters button{min-height:36px}.settings-plan-controls{grid-template-columns:1fr auto}
  .settings-plan-controls>span{display:none}.settings-plan-controls button:last-child{grid-column:auto}
}
.drawer>form{height:100%;display:flex;flex-direction:column;min-height:0}
.drawer .dealdr-head{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;flex:none}
.drawer>form>.dealdr-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}
.drawer .dealdr-head>.icon-only{flex:none;margin-left:auto}

/* Closed drawers must not paint shadows or receive keyboard focus. */
.drawer:not(.open){visibility:hidden}.drawer.open{visibility:visible}
html.ui-amo .task-groups .amo-col-head{flex-direction:row}
#login-screen .login-card{background:#fff;border:1px solid #e5e9e3}
#login-screen .login-reset{border:0;background:transparent;color:#35583c;min-height:40px;cursor:pointer;font:500 13px var(--f-body);border-radius:8px}
#login-screen .login-reset:hover{background:#f0f5ed}