/* Audience lane · owned by its build. Prefix au-. Shared parts (g-pane, g-seg,
 * g-chip, g-pill, tbl, lm-r) come from app.css and lanes.css; this file only
 * adds what the lane draws on top of them. */

.au .au-sheet{min-width:0}
.au .au-bar{gap:8px}
.au .au-title{flex:0 1 auto; min-width:150px; max-width:min(720px, 60%)}
.au .au-title .g-stats{flex:0 0 auto}
.au .au-title h2{flex:0 1 auto; min-width:0; max-width:300px}
.au .au-back{flex:0 0 auto}
.au .au-q .g-in{width:180px}
.au .au-cap{display:inline-flex; gap:2px 12px; cursor:default}
.au .bar .g-btn svg{width:14px; height:14px}

/* chips and picks */
.au-chips{display:flex; align-items:center; gap:10px; padding:2px 16px 10px; min-width:0}
.au-chips[hidden]{display:none}
.au-chiprow{display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; min-width:0}
.au-chiprow::-webkit-scrollbar{display:none}
.au-chips .g-chip .n{font:500 11px/16px var(--mono); color:var(--t3); margin-left:2px}
.au-chips .g-chip[aria-pressed="true"] .n{color:inherit; opacity:.8}
.au-chips .g-btn svg{width:13px; height:13px}
.au-picked{display:inline-flex; align-items:center; gap:4px; font:500 12px/16px var(--sans); color:var(--tint-ink); white-space:nowrap}
.au-picked .icbtn{width:22px; height:22px}
.au-picked .icbtn svg{width:12px; height:12px}

/* table cells */
.au-tbl td{padding:8px 10px}
.au-tbl th{padding-left:10px; padding-right:10px}
.au-tbl td:first-child, .au-tbl th:first-child{padding-left:18px}
.au-who{display:inline-flex; align-items:center; gap:10px; min-width:0; max-width:100%}
.au-who.sm{gap:7px}
.au-who .nm{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.au-pn{display:flex; flex-direction:column; min-width:0}
.au-pn .nm{font-weight:550; color:var(--t1)}
.au-pn .sub{font-size:12px; line-height:16px; color:var(--t2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:240px}
.au-pc{min-width:200px; max-width:280px}
.au-nl{display:flex; align-items:center; gap:6px; min-width:0}
.au-co{max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.au-tbl tbody tr.picked{background:var(--tint-soft)}
.au-tbl tbody tr.picked td:first-child{box-shadow:inset 3px 0 0 var(--tint)}
.au-src{max-width:170px; white-space:nowrap}
.au-src .ell{display:inline-block; max-width:130px; vertical-align:bottom}
.au-fit{max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.au-warmc{width:52px}
.au-cmpc{max-width:170px; white-space:nowrap}
.au-cmps .g-pill{max-width:130px; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle}
.au-cmps .n{font:500 11px/16px var(--mono); color:var(--t3); margin-left:5px}
.au-src .n{font:500 11px/16px var(--mono); color:var(--t3); margin-left:6px}
.au-cmps{display:inline-flex; align-items:center; max-width:170px}
.au-flags{white-space:nowrap}
.au-flags > *{margin-right:4px; vertical-align:middle}
.au-flag{display:inline-grid; place-items:center; width:18px; height:18px; flex:0 0 auto; border-radius:6px; color:var(--t3); background:var(--fill3)}
.au-flag.red{color:var(--red-ink); background:var(--red-soft)}
.au-flag svg{width:11px; height:11px}
.au-tiers{display:inline-flex; align-items:center; gap:5px; margin-left:4px}
.au-tiers .au-tier{width:17px; height:17px; border-radius:5px; font-size:9.5px}
.au-tiers b{font:600 12px/18px var(--mono); color:var(--t1); margin-right:5px}
.au-warm{display:inline-flex}
.au-repeat{display:inline-grid; place-items:center; min-width:22px; height:20px; padding:0 6px; border-radius:var(--r-full);
  background:var(--tint-soft); color:var(--tint-ink); font-weight:650}
.au-sec{display:flex; align-items:baseline; gap:8px; padding:16px 18px 6px}
.au-sec b{font:600 13px/18px var(--sans)}
.au-sec .n{font:500 12px/16px var(--mono); color:var(--t3)}

/* tiers: a letter in a chip; a ring when set by hand */
.au-tier{display:inline-grid; place-items:center; width:22px; height:22px; border-radius:7px; font:700 11px/1 var(--sans); letter-spacing:0;
  background:var(--fill2); color:var(--t2); transition:background var(--d-state) var(--spring), color var(--d-state) var(--spring), box-shadow var(--d-state) var(--spring)}
.au-tier.t-S{background:var(--tint-soft); color:var(--tint-ink)}
.au-tier.t-A{background:var(--green-soft); color:var(--green-ink)}
.au-tier.t-B{background:var(--fill2); color:var(--t1)}
.au-tier.t-C{background:transparent; color:var(--t3); box-shadow:inset 0 0 0 1px var(--card-line)}
.au-tier.t-x{background:transparent; color:var(--t3)}
.au-tier.hand{box-shadow:0 0 0 1.5px var(--bg-ring, var(--card-solid)), 0 0 0 3px currentColor}
.menu .au-tier{width:20px; height:20px; flex:0 0 auto}

/* status pills crossfade when they change */
@keyframes au-xf{from{opacity:.15; transform:scale(.92)}to{opacity:1; transform:none}}
.au-flip{animation:au-xf 150ms var(--spring) both}
@keyframes au-dot{0%,100%{opacity:1}50%{opacity:.35}}
.au-live::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor; animation:au-dot 1.4s ease-in-out infinite}

/* Worth and Accept */
.au-worth{display:inline-block; min-width:30px; font:600 12px/18px var(--mono); text-align:right}
.au-worth.w1{color:var(--green-ink)}
.au-worth.w2{color:var(--tint-ink)}
.au-worth.w3{color:var(--t2)}
.au-acc{position:relative; display:inline-block; min-width:44px; padding:1px 6px; border-radius:6px; font:600 12px/18px var(--mono); text-align:right;
  background:linear-gradient(90deg, var(--tint-soft) var(--p), transparent var(--p)); color:var(--t1)}

/* a search's verdicts */
.au-res th.au-vh{max-width:170px}
.au-vh{white-space:nowrap}
.au-vh .ell{display:inline-block; max-width:130px; vertical-align:bottom; text-transform:none; letter-spacing:0; font-weight:500}
.au-cn{display:inline-grid; place-items:center; width:16px; height:16px; margin-right:5px; border-radius:5px; background:var(--fill2); color:var(--t2); font:600 10px/1 var(--mono); vertical-align:1px}
.au-v{text-align:center}
.au-g{display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; font:700 12px/1 var(--sans); text-decoration:none !important;
  transition:transform var(--d-state) var(--spring)}
a.au-g:hover{transform:scale(1.12)}
.au-g.y{background:var(--green-soft); color:var(--green-ink)}
.au-g.n{background:var(--red-soft); color:var(--red-ink)}
.au-g.q{background:var(--orange-soft); color:var(--orange-ink)}
.au-keep{text-align:right; white-space:nowrap}

/* the lane menu's foot: pages today */
.au-budget{flex:0 0 auto; padding:12px 14px 14px; border-top:1px solid var(--sep); display:flex; flex-direction:column; gap:7px; cursor:default}
.au-budget .lab{font:600 11px/16px var(--sans); letter-spacing:.02em; text-transform:uppercase; color:var(--t3)}
.au-budget b{font-weight:600; color:var(--t1)}
.au-meter{height:4px; border-radius:var(--r-full); background:var(--fill2); overflow:hidden}
.au-meter i{display:block; height:100%; border-radius:inherit; background:var(--tint); transition:width var(--d-lift) var(--spring)}
.au-meter.shut i{background:var(--t3)}
.au-jobs{gap:6px; font-size:12px; color:var(--t2)}
.au-jobs svg{color:var(--orange-ink)}

/* armed: a second press within 4 s */
@keyframes au-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--orange) 55%, transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.au .g-btn.armed{animation:pop 300ms var(--spring) both, au-pulse 1s ease-out 300ms 4}
.menu.au-armmenu .mi{background:var(--orange); color:var(--on-bright, #000); font-weight:650; animation:au-pulse 1s ease-out 4}
.au-armed{display:inline-flex; align-items:center; gap:9px}

/* Quiet */
.au-qadd{display:flex; gap:8px; align-items:center; padding:2px 16px 12px; flex-wrap:wrap}
.au-qadd .g-sel{width:120px}
.au-qadd .g-in{width:200px}
.au-qadd .au-qreason{flex:1; min-width:180px; width:auto}
.au-qadd input[type="date"]{width:150px}
.au-reason{max-width:360px; color:var(--t2)}
.au-liftc{text-align:right; white-space:nowrap}
.au-lift{display:inline-flex; gap:6px; align-items:center}
.au-lift .g-in{height:28px; width:200px}

.au-cta{display:flex; justify-content:center; margin-top:-120px}
.au-ins:empty{display:none}

/* the sheets */
.au-sform .au-crit{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.au-ci{display:grid; grid-template-columns:20px minmax(0,1fr) 30px; gap:6px; align-items:center}
.au-ci .au-cn{margin:0}
.au-ci .au-err{grid-column:2 / 4}
.au-err, .field > .au-err{font-size:12px; line-height:16px; color:var(--red-ink)}
.au-err:empty{display:none}
.au-addc{align-self:flex-start}
.au-addc svg{width:13px; height:13px}
.g-in.bad, .g-ta.bad{border-color:color-mix(in srgb, var(--red) 60%, transparent)}
.au-tform .two{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.au-tform .two.seg2{grid-template-columns:auto minmax(0,1fr)}
.au-tform .g-seg{flex-wrap:wrap}
.au-brief.dim{display:none}
.modal .au-sform, .modal .au-tform{gap:14px}

/* the person card */
.au-card .pp-head h3{overflow-wrap:anywhere}
.au-cacts{gap:8px; margin:-4px 0 6px}
.au-tseg button{min-width:30px; justify-content:center; font-weight:650}
.au-tseg button.auto:not([aria-pressed="true"]){color:var(--tint-ink)}
.au-vlist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.au-vlist li{display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; align-items:start}
.au-vlist q{display:block; margin-top:3px; color:var(--t2); font-size:12.5px; line-height:18px}
.au-vlist a{display:block; font-size:12px; margin-top:2px; max-width:100%}
.au-pills{display:flex; flex-wrap:wrap; gap:6px}
.au-danger{display:flex; gap:8px; flex-wrap:wrap; padding-top:14px; border-top:1px solid var(--sep)}
.au-danger svg{width:13px; height:13px}

/* the inspector takes the room the low columns had */
@media (max-width: 1600px) and (min-width: 431px){
  .au .au-tbl .lo{display:none}
}
@media (max-width: 1720px) and (min-width: 431px){
  .au.au-has-insp .au-tbl .ph-hide{display:none}
  .au.au-has-insp .au-vh .ell{display:none}
  .au.au-has-insp .au-res th.au-vh{max-width:44px}
  .au.au-has-insp .au-q{display:none}
}
.au .au-tbl tbody tr{-webkit-user-select:none; user-select:none}
.au .au-tbl tbody tr .au-pn .sub, .au .au-tbl tbody td.au-reason{-webkit-user-select:text; user-select:text}
@media (max-width: 1180px) and (min-width: 431px){
  .au .au-tbl .ph-hide{display:none}
  .au .au-q .g-in{width:140px}
}

@media (max-width: 430px){
  .au .au-phnav{display:flex; align-items:center}
  .au .au-tsel{height:30px; min-width:0; flex:1 0 160px; max-width:240px}
  .au .au-bar{padding-top:4px}
  .au .au-title{max-width:100%}
  .au .au-cap .g-stat:nth-child(n+3){display:none}
  .au .au-seg{order:3; width:100%; justify-content:stretch}
  .au .au-seg > button{flex:1; justify-content:center}
  .au .au-q{order:4; flex:1}
  .au-chips{padding:0 12px 8px; flex-wrap:wrap}
  .au-pc{min-width:0; max-width:210px}
  .au-pn .sub{max-width:160px}
  .au-pn .nm{max-width:160px}
  .au .au-q .g-in{width:100%}
  .au .au-tbl .ph-lo{display:none}
  .au-lead .nm{display:none}
  .au-pc .au-pn{max-width:170px}
  .au .au-tbl td, .au .au-tbl th{padding-left:6px; padding-right:6px}
  .au .au-tbl td:first-child, .au .au-tbl th:first-child{padding-left:14px}
  .au .au-tbl td:last-child, .au .au-tbl th:last-child{padding-right:14px}
  .au-qadd{padding:0 12px 10px}
  .au-qadd .g-in, .au-qadd .g-sel{width:100%}
  .au-tform .two{grid-template-columns:1fr}
  .au-cta{margin-top:-100px}
}
.au-pills .g-pill{max-width:100%; overflow:hidden; text-overflow:ellipsis}