/* Adapted from the local Tailwind UI HTML components listed in
   docs/tailwindui-component-audit.md. Shared owner UI, no JS dependency. */
.owner-ui{--ink:#111827;--muted:#4b5563;--accent:#087ca7;--line:#e5e7eb;--status:#ecf8fc;background:#f9fafb}
.owner-ui>header{max-width:none;background:white;border-bottom:1px solid var(--line);padding:1rem max(1.25rem,calc((100vw - 1280px)/2));min-height:80px}
.owner-ui .brand{width:200px}
.owner-ui .workspace{max-width:1280px;grid-template-columns:240px minmax(0,1fr);gap:2.5rem;padding:2rem 1.5rem}
.owner-ui main{border:0;background:transparent;padding:0;border-radius:0}
.owner-ui h1{font-size:1.875rem;letter-spacing:-.025em;margin:0 0 .75rem;overflow-wrap:anywhere}
.owner-ui h2{font-size:1.125rem;line-height:1.75rem}.owner-ui h3{font-size:1rem}
.owner-ui main>p:first-of-type{color:var(--muted)}
.owner-navigation{align-self:start;position:sticky;top:1.5rem;min-width:0;background:white;border:1px solid var(--line);border-radius:.75rem;padding:1rem}
.owner-navigation .nav-label,.owner-navigation h2{font-size:.75rem;font-weight:600;color:var(--muted);margin:0;padding:.5rem}
.owner-navigation h2{margin-top:1.5rem}
.owner-navigation .nav-group{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}
.owner-navigation a,.owner-navigation a:visited{display:flex;align-items:center;gap:.75rem;border-radius:.375rem;padding:.5rem .75rem;color:#374151;font-size:.875rem;font-weight:600;text-decoration:none}
.owner-navigation a:hover{background:#f9fafb;color:var(--accent)}
.owner-navigation a[aria-current=page]{background:var(--status);color:var(--accent)}
.nav-dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor;flex:none;opacity:.6}
.owner-ui .dossier{padding:1rem 1.25rem;background:white;border:1px solid var(--line);border-radius:.75rem;margin-bottom:1.5rem;align-items:center;font-size:.875rem}
.owner-ui .status{display:inline-block;border-radius:.375rem;background:#eff6ff;color:#1e40af;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border:1px solid #dbeafe}
.owner-ui section:not(.moderation-decision-layout){background:white;border:1px solid var(--line);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 2px #00000005}
.owner-ui section>h2:first-child{margin-top:0}
.owner-ui input,.owner-ui select,.owner-ui textarea{border-color:#9ca3af;border-radius:.375rem;font-size:1rem}
.owner-ui label{font-size:.875rem;font-weight:600}
.owner-ui button,.owner-ui .button{border-radius:.375rem;font-size:.875rem;line-height:1.5rem;box-shadow:0 1px 2px #0000000d}
.owner-ui button:hover,.owner-ui .button:hover{filter:brightness(.95)}
.owner-ui .notice{border:1px solid #bae6fd;border-radius:.5rem;background:#f0f9ff;color:#0c4a6e;font-size:.875rem}
.owner-ui .help{font-size:.875rem;line-height:1.5rem}
.owner-ui details{background:white;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:.5rem}
.owner-ui summary{font-size:.875rem;font-weight:600}
.owner-ui #proposal-form,.owner-ui .owner-form{max-width:none;background:white;border:1px solid var(--line);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 2px #0000000d}
.owner-ui #proposal-form>h3{padding-top:1.5rem;border-top:1px solid var(--line);margin-top:2rem}
.owner-ui #proposal-form>.field{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #f3f4f6}
.owner-ui #proposal-form .field:has(input[type=radio]) label{display:flex;align-items:center;gap:.75rem;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;margin:.75rem 0;background:white;cursor:pointer}
.owner-ui #proposal-form .field:has(input[type=radio]) label:has(:checked){border-color:var(--accent);outline:1px solid var(--accent);background:var(--status)}
.owner-ui #proposal-form .field:has(input[type=radio]) input{flex:none;margin:0}
.owner-form-actions{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.owner-form-actions button{margin:0}
@media(min-width:700px){.owner-ui #proposal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}.owner-ui #proposal-form>h3,.owner-ui #proposal-form>.owner-form-actions,.owner-ui #proposal-form>#description-initial-preview,.owner-ui #proposal-form>.errorlist,.owner-ui #proposal-form>.field[data-field=raw_text],.owner-ui #proposal-form>.field[data-field=edit_plain],.owner-ui #proposal-form>.field[data-field=verification_method],.owner-ui #proposal-form>.field[data-field=verification_note]{grid-column:1/-1}}
.owner-ui main>dl{background:white;border:1px solid var(--line);border-radius:.75rem;padding:0 1.5rem}
.owner-ui main>dl dt{padding-top:1rem;border-top:1px solid var(--line);font-size:.875rem}.owner-ui main>dl dt:first-child{border:0}
.owner-ui main>dl dd{padding-bottom:1rem;font-size:.95rem;color:var(--muted)}
.owner-ui .owner-description-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;background:white;padding:0 1.5rem;border:1px solid var(--line);border-radius:.75rem}.owner-description-list>div{border-top:1px solid var(--line);padding:1rem 0;min-width:0}.owner-ui .owner-description-list dt{margin:0;padding:0;border:0}.owner-ui .owner-description-list dd{margin:.5rem 0 0;padding:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:550px){.owner-ui .owner-description-list{grid-template-columns:minmax(0,1fr);padding:0 1rem}}
.owner-ui main>.description-prose{padding:1.5rem;border:1px solid var(--line);border-radius:.75rem;background:white}
.owner-ui .timeline{list-style:none;border-left:2px solid var(--line);margin-left:.5rem}.owner-ui .timeline li{position:relative}.owner-ui .timeline li:before{content:'';position:absolute;left:-1.9rem;top:1.5rem;width:.65rem;height:.65rem;background:#9ca3af;border:3px solid white;border-radius:50%}
.owner-ui main>nav{flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem;font-size:.875rem;gap:1rem;flex-wrap:wrap}
.owner-ui .moderation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:.75rem;overflow:hidden;background:var(--line);margin:2rem 0}
.owner-ui .moderation-cards a{display:flex;flex-direction:column;padding:1.5rem;background:white;border:0;border-radius:0;text-decoration:none;font-size:.875rem;color:var(--muted)}
.owner-ui .moderation-cards strong{font-size:2rem;letter-spacing:-.025em;color:var(--ink);margin:.5rem 0}
.owner-ui .moderation-cards a:hover{background:#f0f9ff}
.owner-ui .moderation-filters{max-width:none;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;background:white;padding:1.5rem;border:1px solid var(--line);border-radius:.75rem}
.filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-actions label{display:flex;align-items:center;gap:.5rem;margin:0}.filter-actions button{margin:0}
.owner-ui .moderation-row{background:white;border:1px solid var(--line);border-radius:.75rem;padding:1.25rem 1.5rem;margin:.75rem 0}.owner-ui .moderation-row h2{margin:0}.owner-ui .moderation-row p{font-size:.875rem;color:var(--muted);margin:.5rem 0}
.owner-ui .empty-state{text-align:center;padding:3rem 1.5rem}.empty-state svg{display:block;margin:0 auto 1rem;color:#9ca3af}
.owner-link-list{list-style:none;padding:0;background:white;border:1px solid var(--line);border-radius:.75rem;overflow:hidden}.owner-link-list li+li{border-top:1px solid var(--line)}.owner-link-list a{display:block;padding:1.25rem 1.5rem;font-weight:600;text-decoration:none}.owner-link-list a:hover{background:#f0f9ff}
.owner-ui .owner-status{background:#eff6ff;border:1px solid #bfdbfe;padding:1rem;border-radius:.5rem;color:#1e40af}
.owner-ui .owner-help{max-width:70ch}.owner-ui .owner-help h2{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.5rem}.owner-ui .owner-help li{margin:.5rem 0}
@media(max-width:899px){.owner-ui .workspace{grid-template-columns:minmax(0,1fr);padding:1rem;gap:1.5rem}.owner-navigation{position:static;padding:.5rem;display:block!important;overflow:hidden}.owner-navigation .nav-group{display:flex;overflow-x:auto;gap:.25rem;padding-bottom:.25rem}.owner-navigation .nav-group li{flex:none}.owner-navigation h2{margin:.5rem 0 0}.owner-navigation a{border:0!important;white-space:nowrap}.owner-navigation .nav-label{display:none}.owner-ui h1{font-size:1.5rem}}
@media(max-width:550px){.owner-ui .moderation-cards{grid-template-columns:1fr}.owner-ui .moderation-cards a{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem}.owner-ui .moderation-cards strong{grid-column:2;grid-row:1/3;margin:0}.owner-ui .moderation-filters{grid-template-columns:1fr}.owner-ui #proposal-form,.owner-ui .owner-form{padding:1rem}.owner-form-actions{display:grid}.owner-form-actions button{width:100%}}
