/* Raindrops document roles. Light is the default; dark is an explicit account preference.
   Shared principles: readable type, flat surfaces, clear rules, and restrained signals. */
:root {
  color-scheme: light;
  --canvas: #f6f5f1;
  --surface: #fffefa;
  --raised: #eaece8;
  --ink: #222b2e;
  --muted: #526064;
  --dim: #5c686b;
  --line: #c9cfcc;
  --control-line: #7c8a8c;
  --accent: #285e70;
  --accent-soft: #e2edf0;
  --on-accent: #ffffff;
  --success: #356447;
  --success-soft: #e7eee7;
  --warning: #79551f;
  --warning-soft: #f5eddf;
  --danger: #983f38;
  --danger-soft: #f7e9e5;
  --overlay: #18212699;
  --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --display: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #191e20;
  --surface: #202729;
  --raised: #2c3638;
  --ink: #e9edeb;
  --muted: #bcc7c7;
  --dim: #a9b7b8;
  --line: #455356;
  --control-line: #788b8e;
  --accent: #99c7d5;
  --accent-soft: #293d43;
  --on-accent: #15272e;
  --success: #add0b5;
  --success-soft: #293b2e;
  --warning: #e4c28a;
  --warning-soft: #3b3327;
  --danger: #f0b0a5;
  --danger-soft: #432e2c;
  --overlay: #080d10bb;
}
.message-delivery{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:var(--dim);font-size:13px}.message-delivery i{width:6px;height:6px;border-radius:50%;background:var(--surface)}.message-delivery.delivery-sent{color:var(--success)}.message-delivery.delivery-sent i{background:var(--success-soft)}.message-delivery.delivery-retrying{color:var(--warning)}.message-delivery.delivery-retrying i{background:var(--warning-soft);box-shadow:none}.webhook-summary{display:flex;align-items:center;gap:7px;margin-left:auto}.webhook-summary b{padding:2px 6px;border:1px solid var(--control-line);border-radius:99px;color:var(--ink);font-size:13px;font-weight:600}.webhook-summary .delivery-failed{border-color:var(--danger);color:var(--danger)}.webhook-health{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:12px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface)}.webhook-health.has-failures{border-color:var(--danger);background:var(--danger-soft)}.webhook-health>div{display:grid;gap:3px}.webhook-health strong{font-size:13px}.webhook-health small{color:var(--muted);font-size:13px}.webhook-health form{flex:0 0 auto}@media(max-width:560px){.webhook-summary{align-items:flex-end;flex-direction:column}.webhook-health{align-items:stretch;flex-direction:column}.webhook-health button{width:100%}}
*{box-sizing:border-box}html{background:var(--canvas);scrollbar-color:var(--control-line) var(--canvas)}body{margin:0;color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.55;background:var(--canvas);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{height:64px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:0 25px;background:var(--surface);backdrop-filter:none;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:0;font-size:15px}.brand .drop{color:var(--accent);font-size:13px;transform:rotate(45deg);text-shadow:none}.brand.small{margin-bottom:36px}.topbar nav{display:flex;gap:6px}.topbar nav a{padding:8px 13px;color:var(--muted);border-radius:5px}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--ink);background:var(--raised)}.avatar,.message-avatar{width:30px;height:30px;border:1px solid var(--control-line);border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--surface);font-size:13px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 64px)}.rail{padding:27px 17px 40px 25px;border-right:1px solid var(--line);background:var(--surface)}.compose{height:40px;border:1px solid var(--control-line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:6px;margin-bottom:31px;color:var(--ink)}.compose:hover{border-color:var(--control-line);background:var(--raised)}.rail-group{margin:0 0 28px}.eyebrow{margin:0 0 9px;color:var(--dim);font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.rail-group>a{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 9px;margin-left:-9px;border-radius:4px;color:var(--muted)}.rail-group>a:hover,.rail-group>a.active{color:var(--ink);background:var(--raised)}.rail-group small{margin-left:auto;color:var(--dim);font-size:13px}.dot{width:7px;height:7px;background:var(--dot);border-radius:50%;box-shadow:none;flex:0 0 auto}kbd{font:13px var(--mono);color:var(--dim);border:1px solid var(--control-line);background:var(--surface);border-radius:3px;padding:1px 5px;box-shadow:none}.inbox{padding:35px 42px 80px;max-width:1240px;width:100%;margin:0 auto}.pagehead{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.pagehead h1,.paper h1{font:650 33px/1.1 var(--display);margin:0;letter-spacing:0}.tabs{display:flex;gap:4px}.tabs a{padding:7px 11px;border-radius:4px;color:var(--muted);font-size:13px}.tabs a:hover,.tabs a.active{color:var(--ink);background:var(--raised)}.search{margin-bottom:14px}.search label{height:42px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--surface);color:var(--dim)}.search label:focus-within{border-color:var(--accent);box-shadow:none}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0}.ticket-list{border-top:1px solid var(--line)}.ticket-row{display:grid;grid-template-columns:15px minmax(210px,1fr) minmax(80px,auto) 48px 45px;align-items:center;gap:13px;padding:16px 9px;border-bottom:1px solid var(--line);transition:background .12s ease}.ticket-row:hover{background:var(--raised)}.status-mark{width:7px;height:7px;border:1px solid var(--success);border-radius:50%}.status-pending{border-color:var(--warning);background:var(--warning-soft)}.status-mark.status-closed{border-color:var(--dim);background:var(--dim)}.ticket-copy{display:flex;min-width:0;flex-direction:column}.ticket-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-copy>span{color:var(--muted);font-size:13px}.ticket-labels{display:flex;gap:5px;justify-content:end}.ticket-labels i,.label{border:1px solid var(--control-line);color:var(--ink);background:var(--surface);font-style:normal;font-size:13px;border-radius:10px;padding:2px 7px;white-space:nowrap}.ticket-row time,.ticket-number{color:var(--dim);font-size:13px}.ticket-row .ticket-number{text-align:right}.empty{text-align:center;padding:90px 20px;color:var(--muted)}.empty>span{color:var(--accent);font-size:18px}.empty h1,.empty h2{font:650 27px var(--display);color:var(--ink);margin:12px 0 5px}.empty p{margin:0 0 24px}.single-page .paper{margin:35px 8vw}.paper{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:32px;box-shadow:none}.paper.narrow{max-width:760px}.stack{display:flex;flex-direction:column;gap:19px}.stack>label,.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:var(--dim)}input,textarea,select{width:100%;border:1px solid var(--control-line);background:var(--surface);border-radius:5px;padding:10px 11px;outline:none}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:none}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:22px}.form-actions>a{color:var(--muted)}button,.button{border:1px solid var(--control-line);background:var(--surface);border-radius:5px;padding:9px 13px;font-weight:600}.button{display:inline-block;color:var(--ink)}button:hover,.button:hover{background:var(--raised);border-color:var(--control-line)}.ticket-page{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:100vh}.conversation{padding:28px clamp(24px,6vw,84px) 80px;max-width:1050px;width:100%;margin:0 auto}.ticket-head{padding-bottom:31px;border-bottom:1px solid var(--line)}.back{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:35px}.ticket-head>div{position:relative;padding-left:48px}.ticket-head .ticket-number{position:absolute;left:0;top:8px}.ticket-head h1{font:650 31px/1.25 var(--display);margin:0 0 8px;letter-spacing:0}.ticket-head p{color:var(--muted);font-size:13px;margin:0}.thread{padding:23px 0}.message{padding:20px 0;border-bottom:1px solid var(--line)}.message header{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;margin-bottom:13px}.message header div{display:flex;flex-direction:column;font-size:13px}.message header div span,.message header time{color:var(--dim)}.message-body{white-space:pre-wrap;color:var(--ink);padding-left:43px;max-width:72ch}.message.note{margin:13px 0;padding:17px;border:1px solid var(--warning);background:var(--warning-soft);border-radius:6px}.message.note .message-body{color:var(--warning)}.reply{margin-top:26px;border:1px solid var(--control-line);background:var(--surface);border-radius:7px;overflow:hidden}.reply-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 8px}.reply-tabs input{position:absolute;opacity:0;pointer-events:none}.reply-tabs span{display:block;padding:10px 11px;color:var(--muted);font-size:13px;border-bottom:2px solid transparent}.reply-tabs input:checked+span{color:var(--ink);border-color:var(--accent)}.reply textarea{border:0;border-radius:0;background:transparent;box-shadow:none;padding:16px;min-height:130px}.reply footer{border-top:1px solid var(--line);padding:9px 10px 9px 16px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.details{border-left:1px solid var(--line);background:var(--surface);padding:27px 24px;position:sticky;top:0;height:100vh}.details>form,.details>div,.details>dl{padding:18px 0;border-bottom:1px solid var(--line);margin:0}.details label{display:block}.details select{border:0;background:transparent;padding:3px 0}.label-picker{display:flex;flex-wrap:wrap;gap:6px}.label-picker form{display:inline}.label{opacity:.45;padding:3px 8px;font-weight:400}.label.selected{opacity:1}.details dl>div{margin-bottom:16px}.details dt{color:var(--dim);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.details dd{margin:3px 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.settings-page{min-height:100vh}.settings-nav{height:64px;padding:0 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.settings-nav .brand{margin:0}.settings-nav>a:last-child{color:var(--muted);font-size:13px}.settings{max-width:720px;margin:45px auto}.setting-block{margin-top:42px}.setting-block h2{font:650 20px var(--display);margin:0}.setting-block>p{color:var(--muted);margin:4px 0 16px}.setting-row{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:13px 3px}.setting-row>span:last-child,.setting-row code{margin-left:auto;color:var(--dim);font-size:13px}.centered{min-height:100vh;display:grid;place-items:center}.rainline{position:fixed;top:0;left:0;height:2px;width:100%;z-index:100;background:var(--surface);transform-origin:left;animation:rainline .7s ease infinite}@keyframes rainline{0%{transform:scaleX(.08);opacity:.3}70%{transform:scaleX(.7);opacity:1}100%{transform:translateX(100%);opacity:0}}.htmx-indicator{display:none}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:block}::selection{background:var(--surface);color:white}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto auto;gap:16px;padding:0 16px}.topbar nav a{padding:7px}.workspace{display:block}.rail{border-right:0;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;gap:10px}.rail .compose{margin:0;flex:1}.rail-group{display:none}.inbox{padding:25px 16px}.ticket-row{grid-template-columns:12px minmax(0,1fr) 42px}.ticket-row .ticket-labels,.ticket-row time{display:none}.ticket-page{display:flex;flex-direction:column}.conversation{padding:20px 16px 60px;order:2}.details{position:static;height:auto;border:0;border-bottom:1px solid var(--line);padding:16px;order:1}.details .brand,.details dl{display:none}.details>form,.details>div{display:inline-block;vertical-align:top;border:0;width:32%;padding:0 12px 0 0}.message-body{padding-left:0}.single-page .paper{margin:20px 16px}.paper{padding:23px}.settings{margin:24px 16px}.form-grid{grid-template-columns:1fr}.reply footer .muted{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important}}
.setting-block details{margin-top:12px}.setting-block summary{color:var(--muted);font-size:13px;cursor:pointer;list-style:none}.mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;margin-top:12px;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.mini-form.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-form input,.mini-form select{padding:7px 8px}.mini-form label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.mini-form label input[type=checkbox]{width:auto}.mini-form input[type=color]{width:34px;height:25px;padding:2px}.mini-form button{padding:6px 10px}@media(max-width:650px){.mini-form,.mini-form.wide{grid-template-columns:1fr}}
.user-menu{position:relative}.user-menu>summary{list-style:none;cursor:pointer}.user-menu>summary::-webkit-details-marker{display:none}.user-menu[open]>.avatar{border-color:var(--accent);box-shadow:none}.user-popover{position:absolute;right:0;top:41px;width:225px;padding:8px;background:var(--surface);border:1px solid var(--control-line);border-radius:7px;box-shadow:none;z-index:30}.user-popover:before{content:"";position:absolute;right:10px;top:-5px;width:8px;height:8px;background:var(--surface);border-left:1px solid var(--control-line);border-top:1px solid var(--control-line);transform:rotate(45deg)}.user-card{display:flex;flex-direction:column;padding:9px 10px 12px;margin-bottom:5px;border-bottom:1px solid var(--line)}.user-card strong{font-size:13px}.user-card span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}.user-card i{width:max-content;margin-top:7px;padding:1px 6px;border:1px solid var(--control-line);border-radius:10px;color:var(--accent);font-style:normal;font-size:13px}.user-popover>a,.user-popover form button{display:block;width:100%;padding:8px 10px;border:0;background:transparent;text-align:left;color:var(--muted);font-size:13px;font-weight:400}.user-popover>a:hover,.user-popover form button:hover{color:var(--ink);background:var(--raised)}.user-popover form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--line)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.login-card{width:min(440px,100%);min-height:460px;padding:39px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:none}.login-card h1{margin:12px 0 9px;font:650 36px/1.15 var(--display);letter-spacing:0}.login-card>div>p:last-child{max-width:34ch;color:var(--muted)}.login-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--control-line);border-radius:6px;background:var(--surface);color:var(--ink);font-weight:600}.login-button:hover{background:var(--raised);border-color:var(--control-line)}.login-note{margin:10px 0 0;color:var(--dim);font-size:13px;text-align:center}
.portal-page{min-height:calc(100vh - 64px)}.portal-wrap{width:min(880px,calc(100% - 32px));margin:0 auto;padding:55px 0 90px}.portal-list .ticket-row{grid-template-columns:15px minmax(0,1fr) 60px 45px}.portal-tabs{margin:-6px 0 18px}.portal-form{margin:45px auto}.status-pill{display:inline-block;padding:1px 6px;border:1px solid var(--control-line);border-radius:9px;color:var(--muted);font-size:13px}.requester-thread{padding-top:32px}.requester-thread .ticket-head>div{padding-left:48px}.requester-thread .conversation{padding-left:0}.reply-heading{padding:10px 15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.field-help{display:block;color:var(--dim);font-size:13px;font-weight:400}.account-page{grid-template-columns:210px minmax(0,1fr);padding:0}.account-rail{display:flex;flex-direction:column;gap:4px}.account-rail>a{padding:8px 9px;border-radius:4px;color:var(--muted);font-size:13px}.account-rail>a:hover,.account-rail>a.active{color:var(--ink);background:var(--raised)}.account-card{width:min(620px,calc(100% - 36px));height:max-content;margin:45px auto}.account-session{margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.account-session h2{margin:0;font:650 20px var(--display)}.account-session p{margin:4px 0 13px;color:var(--muted);font-size:13px}.quiet-button{background:transparent;border-color:var(--line);color:var(--muted)}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto auto}.topbar nav a:nth-child(n+2){display:none}.user-popover{position:fixed;right:12px;top:57px}.portal-wrap{padding-top:30px}.portal-list .ticket-row{grid-template-columns:12px minmax(0,1fr) 42px}.portal-list time{display:none}.account-page{display:block}.account-rail{padding:12px 16px;flex-direction:row}.account-card{margin:20px auto}.login-card{min-height:420px;padding:28px}}
.admin-page{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 64px)}.admin-nav{padding:34px 24px;border-right:1px solid var(--line);background:var(--surface)}.admin-nav h1{margin:0;font:650 22px var(--display)}.admin-nav nav{display:flex;flex-direction:column;margin:30px -8px 0}.admin-nav nav a{padding:8px;border-radius:4px;color:var(--muted);font-size:13px}.admin-nav nav a:hover,.admin-nav nav a[aria-current=page]{color:var(--ink);background:var(--raised)}.admin-nav>p:last-child{margin-top:36px;color:var(--dim);font-size:13px;line-height:1.6}.admin-content{width:min(840px,calc(100% - 56px));margin:0 auto;padding:45px 0 90px}.admin-content .pagehead{align-items:start}.admin-content .pagehead p:last-child{margin:7px 0 0;color:var(--muted);font-size:13px}.admin-list{border-top:1px solid var(--line)}.admin-card{border-bottom:1px solid var(--line)}.admin-card>summary{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:16px 5px;cursor:pointer;list-style:none}.admin-card>summary::-webkit-details-marker{display:none}.admin-card>summary>span:nth-child(2){display:flex;flex-direction:column}.admin-card>summary strong{font-size:13px}.admin-card>summary small,.admin-card>summary i{color:var(--dim);font-size:13px;font-style:normal}.admin-card[open]>summary{background:var(--raised)}.admin-card-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:20px;border:1px solid var(--line);border-bottom:0;background:var(--canvas)}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-form.compact{grid-template-columns:1fr 110px auto}.admin-form>label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:13px}.admin-form>button{align-self:end;justify-self:start}.admin-form .check{flex-direction:row;align-items:center}.admin-form .check input{width:auto}.member-list form label{display:grid;grid-template-columns:16px 1fr auto;gap:7px;align-items:center;padding:6px 0;color:var(--muted);font-size:13px}.member-list input{width:auto}.member-list small{color:var(--dim)}.add-panel{margin-top:18px}.add-panel>summary{display:inline-block;color:var(--muted);font-size:13px;cursor:pointer;list-style:none}.add-panel[open]>summary{margin-bottom:14px;color:var(--ink)}.add-panel>.admin-form{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.person-row{display:grid;grid-template-columns:32px minmax(0,1fr) 130px;gap:11px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.person-row>span:nth-child(2){display:flex;flex-direction:column}.person-row strong{font-size:13px}.person-row small{color:var(--dim);font-size:13px}.person-row select{padding:6px 8px}.admin-section{margin:0 0 48px}.admin-section h2{margin:0 0 12px;font:650 20px var(--display)}.inline-empty{padding:24px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compact-empty{padding:70px 20px;border:1px dashed var(--line);border-radius:7px}.compact-empty .muted{display:block;margin-top:6px;font-size:13px}.admin-content code{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){.admin-page{display:block}.admin-nav{padding:17px 16px;border-right:0;border-bottom:1px solid var(--line)}.admin-nav>div,.admin-nav>p{display:none}.admin-nav nav{margin:0;flex-direction:row;overflow-x:auto}.admin-nav nav a{white-space:nowrap}.admin-content{width:calc(100% - 32px);padding-top:28px}.admin-card-body{grid-template-columns:1fr}.admin-form,.admin-form.compact{grid-template-columns:1fr}.person-row{grid-template-columns:32px minmax(0,1fr) 110px}}
.reply footer{gap:14px}.reply footer .muted{margin-left:auto}.attach{color:var(--muted);cursor:pointer}.attach input{position:absolute;opacity:0;width:1px;height:1px}.attach:hover{color:var(--ink)}.attach:focus-within{color:var(--ink);outline:1px solid var(--accent);outline-offset:4px}.attachment{display:inline-block;margin:12px 0 0 43px;border:1px solid var(--line);border-radius:4px;padding:5px 8px;color:var(--muted);font-size:13px}.attachment-field{display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:var(--muted);font-size:13px}.attachment-field .attach{border:1px dashed var(--control-line);border-radius:5px;padding:9px 12px}.attachment-field .field-help{margin:0}.attachment-list{display:grid;gap:6px;width:100%}.reply-attachments:not(:empty){border-top:1px solid var(--line);padding:10px 16px}.attachment-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:4px;padding:7px 9px;background:var(--surface)}.attachment-selection>span{display:flex;min-width:0;gap:9px;align-items:baseline}.attachment-selection strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.attachment-selection small{flex:0 0 auto;color:var(--dim);font-size:13px}.attachment-remove{border:0;background:transparent;padding:2px;color:var(--muted);font-size:13px;font-weight:400}.attachment-remove:hover{border:0;background:transparent;color:var(--ink)}.attachment-error{margin:0;color:var(--warning);font-size:13px}
.mail-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.mail-form fieldset{border:0;padding:0;margin:0;display:grid;align-content:start;gap:.75rem}.mail-form legend{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}.mail-form>button{grid-column:1/-1;justify-self:start}.mail-glyph{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--raised);color:var(--accent)}.mail-card>summary{grid-template-columns:32px 1fr auto}.mail-card .admin-card-body{display:block}.mail-card .admin-card-body>form+form{margin-top:15px}.mail-error{color:var(--warning);font-size:13px}.ghost.danger{background:transparent;color:var(--warning);border-color:var(--danger)}
.mail-actions{display:flex;align-items:center;gap:8px;margin-top:15px}.mail-actions form{margin:0}.mail-actions span{margin-left:auto;color:var(--dim);font-size:13px}
.admin-card-body.single{display:block}.row-delete{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.rule-mark,.hook-mark{color:var(--accent);font-size:14px}.admin-card>summary:has(.rule-mark),.admin-card>summary:has(.hook-mark){grid-template-columns:18px 1fr auto}
.app-notice{position:fixed;left:50%;bottom:24px;z-index:100;max-width:min(520px,calc(100% - 32px));padding:11px 15px;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid var(--danger);border-radius:6px;background:var(--danger-soft);color:var(--danger);box-shadow:none;transition:.18s ease}.app-notice.visible{transform:translate(-50%,0);opacity:1}
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.mail-form{grid-template-columns:1fr}.mail-form>button{grid-column:1}}
.color-field{grid-column:1/-1}.color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:6px}.color-choice{min-width:0;padding:7px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;border-color:transparent;background:transparent;color:var(--dim);font-size:13px;font-weight:400;line-height:1.15;text-align:center}.color-choice:hover{background:var(--raised);color:var(--muted)}.color-choice.selected{border-color:var(--accent);background:var(--raised);color:var(--ink)}.color-swatch{width:20px;height:20px;border:1px solid var(--control-line);border-radius:50%;background:var(--swatch);box-shadow:none}.color-choice[data-color-value="#a78b8f"]{--swatch:#a78b8f}.color-choice[data-color-value="#b9a7c8"]{--swatch:#b9a7c8}.color-choice[data-color-value="#cf9b9b"]{--swatch:#cf9b9b}.color-choice[data-color-value="#c58e7c"]{--swatch:#c58e7c}.color-choice[data-color-value="#d2ad72"]{--swatch:#d2ad72}.color-choice[data-color-value="#93a889"]{--swatch:#93a889}.color-choice[data-color-value="#749b82"]{--swatch:#749b82}.color-choice[data-color-value="#80aaa4"]{--swatch:#80aaa4}.color-choice[data-color-value="#8aa9bb"]{--swatch:#8aa9bb}.color-choice[data-color-value="#8290bd"]{--swatch:#8290bd}.color-choice[data-color-value="#9b9bc6"]{--swatch:#9b9bc6}.color-choice[data-color-value="#aa8fb7"]{--swatch:#aa8fb7}.color-choice[data-color-value="#b47a94"]{--swatch:#b47a94}.color-choice[data-color-value="#b4836d"]{--swatch:#b4836d}.color-choice[data-color-value="#c6b9a5"]{--swatch:#c6b9a5}.color-choice[data-color-value="#9da1aa"]{--swatch:#9da1aa}.color-choice[data-color-value="#687b91"]{--swatch:#687b91}.color-choice[data-color-value="#667f72"]{--swatch:#667f72}.custom-color{margin-top:7px}.custom-color summary{display:inline-block;cursor:pointer;color:var(--dim);font-size:13px;list-style:none}.custom-color[open] summary{margin-bottom:8px}.custom-color input[type=color]{display:block;width:64px;height:34px;padding:3px}@media(max-width:650px){.color-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mail-form[data-calm-mail]{display:block}.mail-form[data-calm-mail] .mail-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:4px 0 22px}.mail-form[data-calm-mail] .mail-identity legend{margin-bottom:14px}.mail-capability{margin:0;border-top:1px solid var(--line)}.mail-capability>summary{padding:15px 3px;display:flex;align-items:center;cursor:pointer;list-style:none}.mail-capability>summary::-webkit-details-marker{display:none}.mail-capability>summary::after{content:'›';margin-left:auto;color:var(--dim);font-size:18px;transition:transform .15s}.mail-capability[open]>summary::after{transform:rotate(90deg)}.mail-capability>summary span{display:flex;flex-direction:column}.mail-capability>summary strong{font-size:13px}.mail-capability>summary small{color:var(--dim);font-size:13px;font-weight:400}.mail-capability>fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:4px 3px 22px;margin:0}.mail-capability>fieldset legend{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.mail-form[data-calm-mail]>button{margin-top:22px}.mail-actions{padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}.mail-actions>span{order:-1;width:100%;margin:0 0 3px}.mail-danger{width:100%;margin-top:10px;color:var(--dim);font-size:13px}.mail-danger>summary{display:inline-block;cursor:pointer;list-style:none;color:var(--warning)}.mail-danger>p{max-width:48ch;margin:9px 0;color:var(--muted)}.mail-error[data-calm-error]{margin:14px 0 0;padding:11px 13px;display:flex;flex-direction:column;border:1px solid var(--danger);border-radius:5px;background:var(--danger-soft);color:var(--muted);font-size:13px}.mail-error[data-calm-error]>strong{color:var(--danger);font-size:13px}.mail-error[data-calm-error]>details{margin-top:5px}.mail-error[data-calm-error] summary{cursor:pointer;color:var(--dim)}.mail-error[data-calm-error] code{display:block;max-width:none;margin-top:6px;white-space:normal;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:650px){.mail-form[data-calm-mail] .mail-identity,.mail-capability>fieldset{grid-template-columns:1fr}}

/* Accessible reading scale and interaction targets. Keep small systems calm,
   but never make quietness depend on tiny or low-contrast text. */

html{font-size:100%;scroll-padding-top:5rem}body{font-size:17px;line-height:1.6}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:200;padding:.7rem 1rem;transform:translateY(-180%);border:2px solid var(--accent);border-radius:5px;background:var(--canvas);color:var(--ink);font-weight:700}.skip-link:focus{transform:translateY(0)}
.topbar{grid-template-columns:250px 1fr auto}.workspace{grid-template-columns:250px minmax(0,1fr)}.brand{font-size:16px}.brand .drop{font-size:13px}.topbar nav a,.rail-group>a{font-size:14px;min-height:44px;display:flex;align-items:center}.avatar{width:40px;height:40px;font-size:13px}.message-avatar{width:36px;height:36px;font-size:13px}.eyebrow{font-size:13px;color:var(--muted)}.rail-group small,kbd{font-size:13px;color:var(--dim)}
.tabs a{font-size:14px;min-height:40px;display:flex;align-items:center}.search label{min-height:48px;height:auto}.ticket-row{min-height:68px}.ticket-copy strong{font-size:15px}.ticket-copy>span,.ticket-row time,.ticket-number{font-size:13px}.ticket-labels i,.label{font-size:13px;padding:4px 9px}.status-mark{width:10px;height:10px}.empty p{font-size:15px}
.stack>label,.form-grid label{font-size:14px}.muted{color:var(--muted)}input,textarea,select{min-height:44px;border-color:var(--control-line);padding:10px 12px;font-size:16px}input[disabled],input[readonly]{color:var(--muted);border-color:var(--line);opacity:1}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--accent)}button,.button{min-height:44px;padding:10px 15px;font-size:14px}.form-actions>a{min-height:44px;display:flex;align-items:center;padding:0 4px}
.back{font-size:13px;min-height:40px;display:inline-flex;align-items:center}.ticket-head p{font-size:14px}.message header div{font-size:13px}.message header div span,.message header time{color:var(--muted)}.message-body{font-size:16px;line-height:1.7}.reply-tabs span,.reply-heading{font-size:14px;padding:12px}.reply footer{font-size:13px;min-height:58px}.attach{min-height:40px;display:flex;align-items:center}.attachment{font-size:13px;min-height:36px;display:inline-flex;align-items:center}
.details{width:300px;padding:27px 26px}.details .eyebrow,.details dt{font-size:13px}.details dd{font-size:14px}.details select{font-size:15px;min-height:40px}.label{min-height:36px}.settings-nav>a:last-child,.setting-block summary,.setting-row>span:last-child,.setting-row code{font-size:13px}.mini-form label{font-size:13px}.mini-form input,.mini-form select{min-height:40px}.field-help{font-size:13px;color:var(--muted)}
.user-card strong{font-size:14px}.user-card span{font-size:13px}.user-card i{font-size:13px;padding:2px 8px}.user-popover{width:260px}.user-popover>a,.user-popover form button{font-size:14px;min-height:44px}.login-note{font-size:13px;color:var(--muted)}.status-pill{font-size:13px;padding:2px 8px}.account-rail>a{font-size:14px;min-height:44px;display:flex;align-items:center}.account-session p{font-size:14px}
.admin-page{grid-template-columns:250px minmax(0,1fr)}.admin-nav{padding:34px 26px}.admin-nav .admin-title{margin:0;font:650 23px var(--display)}.admin-nav nav a{font-size:14px;min-height:44px;display:flex;align-items:center}.admin-nav>p:last-child{font-size:13px}.admin-content{width:min(1000px,calc(100% - 64px))}.admin-content .pagehead p:last-child{font-size:14px}.admin-card>summary{min-height:62px;padding:14px 10px}.admin-card>summary strong{font-size:14px}.admin-card>summary small,.admin-card>summary i{font-size:13px;color:var(--muted)}.admin-card-body{grid-template-columns:minmax(0,1fr) 270px;gap:32px;padding:24px}.admin-form{gap:16px}.admin-form>label{font-size:13px}.member-list form label{grid-template-columns:22px 1fr auto;min-height:44px;font-size:14px}.member-list small{font-size:13px;color:var(--muted)}.add-panel>summary{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.person-row{min-height:64px}.person-row strong{font-size:14px}.person-row small{font-size:13px;color:var(--muted)}.inline-empty{font-size:14px}.compact-empty .muted{font-size:13px}.rule-mark,.hook-mark{font-size:16px}
.mail-form legend{font-size:13px}.mail-capability>summary{min-height:62px;padding:12px 5px}.mail-capability>summary strong{font-size:15px}.mail-capability>summary small{font-size:13px;color:var(--muted)}.mail-actions>span,.mail-danger,.mail-error[data-calm-error]{font-size:13px}.mail-danger>summary{min-height:40px;display:inline-flex;align-items:center}.mail-error[data-calm-error]{padding:14px 16px}.mail-error[data-calm-error]>strong{font-size:14px}.mail-error[data-calm-error] summary{min-height:36px;display:flex;align-items:center}.mail-error[data-calm-error] code{font-size:13px;line-height:1.55}.app-notice{font-size:14px}
.color-choice{min-height:60px;font-size:13px;line-height:1.3}.color-swatch{width:24px;height:24px}.custom-color summary{font-size:13px;min-height:40px;display:inline-flex;align-items:center}.custom-color input[type=color]{width:72px;height:44px}
:where(a,button,input,textarea,select,summary):focus-visible{outline-width:3px;outline-offset:3px}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto auto}.admin-page{display:block}.admin-content{width:calc(100% - 32px)}.admin-card-body{grid-template-columns:1fr}.details{width:auto}.pagehead{align-items:flex-start;gap:18px;flex-wrap:wrap}}
@media(max-width:650px){.color-choice{font-size:13px}.reply footer{flex-wrap:wrap}.reply footer button{margin-left:auto}}

.ticket-page{grid-template-columns:minmax(0,1fr) 300px}@media(max-width:800px){.ticket-page{display:flex}.details{width:auto}}
::placeholder{color:var(--ink);opacity:1}.details .label{opacity:1;color:var(--muted);border-color:var(--control-line);background:transparent}.details .label.selected{color:var(--ink);border-width:2px;background:var(--raised)}.details .label.selected::before{content:"✓ ";font-weight:700}.reply-tabs input:focus-visible+span,.attach input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
.ticket-labels i{color:var(--ink);border-color:var(--control-line);background:var(--surface)}.ticket-copy>span span{color:var(--muted)!important}.topbar,.settings-nav{height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}.compose{height:auto;min-height:44px}.details{overflow-y:auto}
@media(forced-colors:active){.status-mark,.dot,.color-swatch{forced-color-adjust:auto;border:1px solid CanvasText}.label.selected::before{content:"✓ "}.rainline{display:none}}

/* The color palette is a small popover, not a form inside the form. */
.color-field{grid-column:auto;min-width:0}.color-picker{position:relative}.color-picker>summary{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;cursor:pointer;list-style:none;border:1px solid var(--control-line);border-radius:5px;background:var(--surface)}.color-picker>summary::-webkit-details-marker{display:none}.color-picker[open]>summary{border-color:var(--accent);box-shadow:none}.color-preview{width:24px;height:24px;border:1px solid var(--control-line);border-radius:50%;background:var(--preview);box-shadow:none}.color-panel{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:252px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:12px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface);box-shadow:none}.color-choice{width:32px;min-height:32px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent}.color-choice:hover,.color-choice:focus-visible{background:var(--raised);border-color:var(--accent)}.color-choice.selected{background:var(--raised);border-color:var(--ink);box-shadow:none}.color-choice .color-swatch{width:20px;height:20px;box-shadow:none}.color-custom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.color-custom input[type=color]{width:44px;height:36px;min-height:36px;padding:2px}.admin-form.compact .color-field{align-self:end}.admin-form.compact .color-picker>summary{margin-bottom:0}@media(max-width:650px){.color-panel{right:auto;left:0;width:min(252px,calc(100vw - 48px))}}

/* One upload language everywhere: clear before selection, tidy afterwards. */
.attachment-field{display:grid;gap:9px;width:100%;color:var(--muted);font-size:14px}.upload-dropzone{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 14px;border:1px dashed var(--control-line);border-radius:6px;background:var(--surface);cursor:pointer;transition:border-color .12s ease,background .12s ease}.upload-dropzone:hover,.upload-dropzone:focus-within,.upload-dropzone.dragging{border-color:var(--accent);background:var(--raised)}.upload-dropzone input{position:absolute;width:1px;height:1px;min-height:1px;padding:0;opacity:0}.upload-glyph{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--raised);color:var(--accent);font-size:18px}.upload-copy{display:flex;min-width:0;flex-direction:column}.upload-copy strong{color:var(--ink);font-size:14px;font-weight:600}.upload-copy small{color:var(--muted);font-size:13px;line-height:1.45}.attachment-list{display:grid;gap:7px;width:100%}.attachment-list:empty{display:none}.attachment-selection{min-height:48px;padding:7px 8px 7px 12px;border-color:var(--control-line);background:var(--surface)}.attachment-selection strong{font-size:14px}.attachment-selection small{font-size:13px;color:var(--muted)}.attachment-remove{min-width:44px;min-height:36px;padding:5px 8px;border:0;background:transparent;color:var(--muted);font-size:13px}.attachment-remove:hover,.attachment-remove:focus-visible{border:0;background:var(--raised);color:var(--ink)}.attachment-error{font-size:13px;line-height:1.45}.reply-upload{padding:12px 15px;border-top:1px solid var(--line)}.reply-upload .upload-dropzone{min-height:56px;padding:9px 11px;border-color:var(--control-line);background:transparent}.reply-upload .upload-glyph{width:32px;height:32px;font-size:16px}.reply footer{justify-content:flex-end}.reply footer .muted{margin-right:auto;margin-left:0}@media(max-width:650px){.upload-copy small{max-width:30ch}.reply-upload{padding:11px}.reply footer{align-items:center}.attachment-selection>span{align-items:flex-start;flex-direction:column;gap:1px}}
.mobile-filters{display:none}@media(max-width:800px){.rail{position:relative;align-items:flex-start}.rail .compose{margin:0}.mobile-filters{display:block;flex:0 0 auto}.mobile-filters>summary{min-height:44px;display:flex;align-items:center;padding:0 13px;cursor:pointer;list-style:none;border:1px solid var(--control-line);border-radius:6px;color:var(--muted);background:var(--surface)}.mobile-filters>summary::-webkit-details-marker{display:none}.mobile-filters[open]>summary{color:var(--ink);border-color:var(--accent)}.mobile-filters nav{position:absolute;z-index:25;top:66px;right:16px;left:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:12px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface);box-shadow:none}.mobile-filters nav p{grid-column:1/-1;margin:4px 7px 2px;color:var(--dim);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.mobile-filters nav a{min-height:42px;display:flex;align-items:center;gap:8px;padding:7px;border-radius:4px;color:var(--muted);font-size:13px}.mobile-filters nav a[aria-current=page]{color:var(--ink);background:var(--raised)}.mobile-filters nav small{margin-left:auto}.admin-nav nav{flex-wrap:wrap;overflow-x:visible;gap:2px}.admin-nav nav a{padding-inline:10px}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.details>form{display:block;width:auto;padding:11px 0;border-bottom:1px solid var(--line)}.details>div{grid-column:1/-1;display:block;width:auto;padding:12px 0;border-bottom:0}.details .label-picker{gap:8px}}
.avatar img,.message-avatar img,.profile-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.profile-identity{display:flex;align-items:center;gap:15px;margin:0 0 28px;padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--raised)}.profile-avatar{display:grid;place-items:center;width:56px;height:56px;flex:0 0 auto;overflow:hidden;border:1px solid var(--control-line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:17px}.profile-identity>div{display:flex;flex-direction:column;gap:3px}.profile-identity span{color:var(--muted);font-size:13px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-facts>div{padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.profile-facts span,.profile-facts strong{display:block}.profile-facts span{color:var(--muted);font-size:13px}.profile-facts strong{margin-top:3px;font-size:14px}@media(max-width:500px){.profile-facts{grid-template-columns:1fr}}
.email-signin{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.email-signin form{display:grid;gap:9px}.email-signin label{display:grid;gap:5px;color:var(--muted);font-size:13px}.email-signin button{justify-self:start}
.template-form{display:grid;gap:16px}.template-form>label{display:grid;gap:7px;color:var(--muted);font-size:13px}.rich-toolbar{display:flex;gap:5px}.rich-toolbar button{min-width:38px;min-height:34px;padding:5px 8px;background:var(--raised);font-size:13px}.rich-editor{min-height:180px;padding:12px;border:1px solid var(--control-line);border-radius:5px;background:var(--surface);color:var(--ink);outline:0}.rich-editor:focus{border-color:var(--accent);box-shadow:none}.rich-editor p:first-child{margin-top:0}.template-actions{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.template-actions label{display:grid;gap:5px;color:var(--muted);font-size:13px}.template-actions input{min-width:220px}.template-history{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.template-history>summary{cursor:pointer;color:var(--muted)}.template-history>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.template-history form{margin:0}@media(max-width:500px){.template-actions{align-items:stretch}.template-actions input{min-width:0}.template-actions button{width:100%}}
.template-pagehead{margin-bottom:24px}.settings-notice{margin:-8px 0 18px;padding:10px 13px;border:1px solid var(--success);border-radius:6px;background:var(--success-soft);color:var(--success);font-size:13px}.template-studio{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:650px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.template-nav{padding:18px 10px;border-right:1px solid var(--line);background:var(--surface)}.template-nav>p{margin:14px 10px 7px;color:var(--dim);font-size:13px;letter-spacing:.13em;text-transform:uppercase}.template-nav>p:first-child{margin-top:2px}.template-nav>a{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;min-height:58px;padding:8px 9px;border-radius:6px;color:var(--muted)}.template-nav>a:hover,.template-nav>a[aria-current=page]{background:var(--raised);color:var(--ink)}.template-nav-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--control-line);border-radius:50%;color:var(--accent)}.template-nav>a>span:last-child{display:flex;min-width:0;flex-direction:column}.template-nav strong{font-size:13px}.template-nav small{overflow:hidden;color:var(--dim);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.template-workbench{min-width:0;padding:28px}.workbench-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.workbench-head h2{margin:2px 0 4px;font:650 25px var(--display)}.workbench-head p:last-child{max-width:58ch;margin:0;color:var(--muted);font-size:13px}.version-badge{height:max-content;padding:4px 8px;border:1px solid var(--control-line);border-radius:99px;color:var(--dim);font-size:13px;white-space:nowrap}.template-form>label>span,.template-format-grid label>span{color:var(--dim);font-size:13px;font-weight:400}.template-form code{max-width:none;color:var(--ink)}.template-format-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:16px}.template-format-grid>label{display:flex;min-width:0;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}.code-editor,.plain-editor{min-height:260px;resize:vertical;font:15px/1.6 var(--mono)}.code-editor{tab-size:2}.placeholder-guide{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.placeholder-guide strong{margin-right:5px;color:var(--muted);font-size:13px}.placeholder-guide span{padding:3px 6px;border-radius:4px;background:var(--surface);color:var(--ink);font-size:13px}.template-primary-actions{display:flex;gap:8px}.template-test-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px;align-items:end;margin-top:5px;padding-top:16px;border-top:1px solid var(--line)}.template-test-row label{display:grid;gap:5px;color:var(--muted);font-size:13px}.template-feedback-slot{grid-column:1/-1;min-height:18px}.template-feedback{display:inline-flex;padding:7px 9px;border-radius:5px;font-size:13px}.template-feedback.success{background:var(--success-soft);color:var(--success)}.template-feedback.error{background:var(--danger-soft);color:var(--danger)}.template-history{margin-top:24px}.template-history>summary{display:flex;justify-content:space-between;gap:12px;min-height:42px;align-items:center}.template-history>summary span{color:var(--dim);font-size:13px}.email-preview-dialog{width:min(940px,calc(100vw - 32px));height:min(780px,calc(100vh - 32px));padding:0;overflow:hidden;border:1px solid var(--control-line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:none}.email-preview-dialog::backdrop{background:var(--overlay);backdrop-filter:none}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line)}.preview-head>div{display:flex;min-width:0;flex-direction:column}.preview-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-tabs{display:flex;gap:3px;padding:8px 12px;border-bottom:1px solid var(--line)}.preview-tabs button{min-height:34px;padding:5px 10px;border-color:transparent;background:transparent;color:var(--muted)}.preview-tabs button[aria-selected=true]{border-color:var(--accent);background:var(--raised);color:var(--ink)}.preview-pane{display:none;height:calc(100% - 116px);padding:14px}.preview-pane.active{display:block}.preview-pane iframe{width:100%;height:100%;border:0;border-radius:6px;background:white}.preview-pane pre{height:100%;margin:0;padding:22px;overflow:auto;border-radius:6px;background:var(--surface);color:var(--ink);font:14px/1.65 var(--mono);white-space:pre-wrap}.rich-editor{min-height:260px}.master-template-form .template-format-grid{grid-template-columns:1.2fr .8fr}@media(max-width:850px){.template-studio{grid-template-columns:1fr}.template-nav{display:flex;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.template-nav>p{display:none}.template-nav>a{flex:0 0 180px}.template-workbench{padding:20px}.template-format-grid,.master-template-form .template-format-grid{grid-template-columns:1fr}}@media(max-width:520px){.template-primary-actions,.template-test-row{display:flex;align-items:stretch;flex-direction:column}.template-primary-actions button,.template-test-row button{width:100%}.template-workbench{padding:16px}.workbench-head{align-items:flex-start;flex-direction:column}.email-preview-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.template-nav>a{flex-basis:160px}}
.brand-picker label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.brand-picker select{min-width:190px}.new-brand{margin:18px 8px 0;border-top:1px solid var(--line);padding-top:12px}.new-brand summary{color:var(--muted);font-size:13px}.new-brand form{display:grid;gap:7px;padding:10px 0}.new-brand label{display:grid;gap:4px;color:var(--dim);font-size:13px}.new-brand button{font-size:13px}.format-switch{display:inline-flex;gap:3px;margin-top:16px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.format-switch button{min-width:95px;border:0;background:transparent;color:var(--muted);font-weight:500}.format-switch button[aria-selected=true]{background:var(--raised);color:var(--ink)}.format-panel{margin-top:10px}.format-panel[hidden]{display:none}.format-panel>label{display:grid;gap:7px;color:var(--muted);font-size:13px}.email-code-editor{min-height:330px;overflow:hidden;border:1px solid var(--control-line);border-radius:6px;background:var(--surface)}.email-code-editor:focus-within{border-color:var(--accent);box-shadow:none}.email-code-editor .cm-editor{min-height:330px}.email-code-editor .cm-scroller{min-height:330px;max-height:620px;overflow:auto}.format-panel .plain-editor{min-height:330px}.brand-identity-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.brand-logo-card{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;border:1px dashed var(--control-line);border-radius:8px;background:var(--surface);text-align:center}.brand-logo-card>img{max-width:180px;max-height:70px}.brand-logo-card>span{color:var(--accent);font-size:28px}.brand-logo-card>p{margin:0;color:var(--dim);font-size:13px}.brand-logo-card>label{display:grid;gap:4px;color:var(--muted);font-size:13px}.brand-logo-card>label span{color:var(--dim);font-size:13px}.brand-logo-card input[type=file]{font-size:13px}.brand-form>.check{margin-top:20px}.brand-form .template-primary-actions{margin-top:16px}@media(max-width:850px){.brand-picker{width:100%}.template-pagehead{align-items:flex-start;flex-direction:column;gap:14px}.template-nav .new-brand{display:none}.brand-identity-grid{grid-template-columns:1fr}.brand-logo-card{min-height:160px}}@media(max-width:520px){.brand-picker,.brand-picker label,.brand-picker select{width:100%}.format-switch{display:flex}.format-switch button{flex:1}}
.default-brand-note{margin:20px 0 0;color:var(--muted);font-size:13px}.brand-delete{display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.brand-delete span{color:var(--dim);font-size:13px}
.brand-identity-grid{grid-template-columns:270px minmax(0,1fr)}.brand-logo-uploader{display:flex;min-width:0;flex-direction:column;gap:10px}.brand-logo-preview{position:relative;display:flex;min-height:156px;align-items:center;justify-content:center;flex-direction:column;gap:7px;overflow:hidden;border:1px solid var(--control-line);border-radius:9px;background:var(--surface);color:var(--muted);text-align:center}.brand-logo-preview img{display:block;max-width:82%;max-height:88px;object-fit:contain}.brand-logo-preview>span:not(.brand-logo-placeholder){position:absolute;right:8px;bottom:8px;padding:3px 6px;border:1px solid var(--control-line);border-radius:99px;background:var(--surface);color:var(--ink);font-size:13px;letter-spacing:.04em}.brand-logo-preview.new-logo{border-color:var(--control-line);box-shadow:none}.brand-logo-placeholder{color:var(--ink);font-size:24px}.brand-logo-preview strong{font-size:13px}.brand-logo-preview small{color:var(--dim);font-size:13px}.brand-logo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.brand-logo-dropzone{display:flex;min-height:88px;width:100%;align-items:center;gap:11px;padding:13px;border:1px dashed var(--control-line);border-radius:9px;background:var(--surface);color:var(--muted);text-align:left}.brand-logo-dropzone:hover,.brand-logo-dropzone:focus-visible,.brand-logo-dropzone.dragging{border-color:var(--accent);background:var(--raised);color:var(--ink);box-shadow:none}.brand-logo-dropzone.dragging{transform:translateY(-1px)}.brand-logo-dropzone>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.brand-logo-dropzone strong{color:var(--ink);font-size:13px}.brand-logo-dropzone small{color:var(--dim);font-size:13px;line-height:1.5}.brand-logo-upload-icon{display:grid;flex:0 0 34px;height:34px;place-items:center;border:1px solid var(--control-line);border-radius:50%;color:var(--ink);font-size:16px}.brand-logo-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface)}.brand-logo-selection[hidden]{display:none}.brand-logo-selection>span{display:flex;min-width:0;flex-direction:column}.brand-logo-selection strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.brand-logo-selection small{color:var(--dim);font-size:13px}.brand-logo-selection button{min-height:28px;padding:3px 7px;border-color:transparent;background:transparent;color:var(--muted);font-size:13px}.brand-logo-selection button:hover{color:var(--ink)}.brand-logo-feedback{min-height:16px;margin:0;color:var(--ink);font-size:13px;line-height:1.4}.brand-logo-feedback.error{color:var(--danger)}.brand-logo-remove{display:flex;align-items:center;gap:7px;width:max-content;color:var(--dim);font-size:13px}.brand-logo-remove input{margin:0}.brand-form .template-primary-actions{margin-top:18px}@media(max-width:850px){.brand-identity-grid{grid-template-columns:1fr}.brand-logo-uploader{max-width:420px}.brand-logo-preview{min-height:140px}}@media(max-width:520px){.brand-logo-uploader{max-width:none}}.pfp-card{display:flex;align-items:center;gap:18px;margin:0 0 28px;padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--raised)}.pfp-uploader{display:flex;align-items:center;gap:16px}.pfp-preview{width:72px;height:72px;flex:0 0 auto}.pfp-actions{display:flex;min-width:0;flex-direction:column;gap:9px}.pfp-dropzone{display:flex;min-height:48px;align-items:center;gap:10px;padding:10px 13px;border:1px dashed var(--control-line);border-radius:8px;background:var(--surface);color:var(--muted);text-align:left}.pfp-dropzone:hover,.pfp-dropzone:focus-visible,.pfp-dropzone.dragging{border-color:var(--accent);background:var(--raised);color:var(--ink);box-shadow:none}.pfp-upload-icon{display:grid;flex:0 0 30px;height:30px;place-items:center;border:1px solid var(--control-line);border-radius:50%;color:var(--ink);font-size:14px}.pfp-dropzone>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.pfp-dropzone strong{color:var(--ink);font-size:13px}.pfp-dropzone small{color:var(--dim);font-size:13px;line-height:1.5}.pfp-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pfp-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface)}.pfp-selection[hidden]{display:none}.pfp-selection>span{display:flex;min-width:0;flex-direction:column}.pfp-selection strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.pfp-selection small{color:var(--dim);font-size:13px}.pfp-selection button{min-height:28px;padding:3px 7px;border-color:transparent;background:transparent;color:var(--muted);font-size:13px}.pfp-selection button:hover{color:var(--ink)}.pfp-feedback{min-height:16px;margin:0;color:var(--ink);font-size:13px;line-height:1.4}.pfp-feedback.error{color:var(--danger)}.pfp-remove{display:flex;align-items:center;gap:7px;width:max-content;color:var(--dim);font-size:13px}.pfp-remove input{margin:0}.pfp-identity{display:flex;flex-direction:column;gap:3px}.pfp-identity strong{font-size:15px}.pfp-identity span{color:var(--muted);font-size:13px}.pfp-preview.new-pfp{border-color:var(--accent);box-shadow:none}@media(max-width:650px){.pfp-card{flex-direction:column;align-items:flex-start;gap:14px}}
.account-page{background:var(--canvas)}.account-card{width:min(980px,calc(100% - 64px));margin:clamp(42px,7vh,88px) auto;padding:clamp(30px,4vw,50px);background:var(--surface);border-color:var(--control-line);box-shadow:none}.account-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid var(--line)}.account-pagehead h1{font-size:clamp(34px,4vw,46px)}.account-pagehead>div>p:last-child{max-width:56ch;margin:11px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.account-state{flex:0 0 auto;margin-top:5px;padding:5px 9px;border:1px solid var(--control-line);border-radius:999px;color:var(--ink);background:var(--surface);font-size:13px;letter-spacing:.04em}.account-form{display:grid;gap:24px}.profile-hero{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);gap:30px;align-items:center;padding:27px;border:1px solid var(--control-line);border-radius:11px;background:var(--surface)}.pfp-identity{gap:8px}.pfp-identity .eyebrow{margin:0}.pfp-identity h2{margin:0;font:650 29px/1.1 var(--display);letter-spacing:0}.pfp-identity p:last-child{max-width:30ch;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.pfp-uploader{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:18px}.pfp-preview{width:108px;height:108px;border-color:var(--control-line);background:var(--surface);font-size:25px;box-shadow:none}.pfp-actions{gap:10px}.pfp-dropzone{min-height:84px;padding:13px 15px;border-radius:9px}.pfp-upload-icon{flex-basis:36px;height:36px;font-size:17px}.pfp-dropzone strong{font-size:14px}.pfp-dropzone small{font-size:13px;line-height:1.5}.pfp-selection{min-height:43px;padding:8px 10px}.pfp-selection strong,.pfp-selection small,.pfp-selection button{font-size:13px}.pfp-feedback{min-height:18px;font-size:13px}.pfp-remove{font-size:13px}.account-details{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:18px;align-items:stretch}.account-name-field{display:grid;gap:11px;padding:20px;border:1px solid var(--control-line);border-radius:9px;background:var(--surface);color:var(--muted)}.account-name-field>span{display:flex;flex-direction:column;gap:3px;color:var(--ink);font-size:14px;font-weight:600}.account-name-field small{color:var(--muted);font-size:13px;font-weight:400}.account-name-field input{min-height:48px;font-size:16px}.profile-facts{grid-template-columns:1fr;gap:10px}.profile-facts>div{display:flex;min-height:calc(50% - 5px);align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-color:var(--control-line);border-radius:9px;background:var(--surface)}.profile-facts span{font-size:13px}.profile-facts strong{margin:0;overflow:hidden;font-size:14px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.account-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 2px}.account-submit p{margin:0;color:var(--muted);font-size:13px}.account-submit button{min-height:46px;padding:10px 16px}.account-submit button span{margin-left:8px;color:var(--ink)}.account-session{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding-top:26px}.account-session .eyebrow{margin-bottom:6px}.account-session h2{font-size:22px}.account-session p{margin:4px 0 0;font-size:13px}.account-session form{margin:0}.account-session button{min-height:42px}@media(max-width:820px){.account-card{width:min(760px,calc(100% - 36px));margin:30px auto}.profile-hero{grid-template-columns:1fr}.pfp-identity p:last-child{max-width:50ch}.account-details{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr 1fr}.profile-facts>div{min-height:0}}@media(max-width:560px){.account-card{width:calc(100% - 24px);padding:25px 20px}.account-pagehead{align-items:flex-start;flex-direction:column;margin-bottom:24px;padding-bottom:24px}.account-state{margin:0}.profile-hero{padding:20px}.pfp-uploader{grid-template-columns:1fr}.pfp-preview{margin:0 auto}.pfp-dropzone{min-height:76px}.profile-facts{grid-template-columns:1fr}.account-submit,.account-session{align-items:stretch;flex-direction:column}.account-submit button,.account-session button{width:100%}}
.pfp-crop-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;overflow:hidden;border:1px solid var(--control-line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:none}.pfp-crop-dialog::backdrop{background:var(--overlay);backdrop-filter:none}.pfp-crop-shell{display:grid}.pfp-crop-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--line)}.pfp-crop-shell header .eyebrow{margin-bottom:6px}.pfp-crop-shell h2{margin:0;font:650 29px/1.1 var(--display)}.pfp-crop-shell header p:last-child{margin:6px 0 0;color:var(--muted);font-size:13px}.pfp-crop-close{min-height:38px}.pfp-crop-workspace{display:grid;grid-template-columns:minmax(0,360px) minmax(180px,1fr);gap:28px;align-items:center;padding:26px}.pfp-crop-canvas{display:block;width:min(100%,360px);aspect-ratio:1;border:1px solid var(--control-line);border-radius:10px;background:var(--surface);box-shadow:none;cursor:grab;touch-action:none}.pfp-crop-canvas:active{cursor:grabbing}.pfp-crop-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.pfp-crop-zoom{display:grid;gap:10px;color:var(--muted);font-size:13px}.pfp-crop-zoom input{padding:0;accent-color:var(--accent)}.pfp-crop-feedback{min-height:20px;margin:0;padding:0 26px 18px;color:var(--muted);font-size:13px}.pfp-crop-shell>footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line)}.pfp-crop-shell>footer button{min-height:42px}@media(max-width:650px){.pfp-crop-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.pfp-crop-shell>header{padding:20px 18px}.pfp-crop-workspace{grid-template-columns:1fr;gap:22px;padding:24px 22px}.pfp-crop-canvas{width:min(100%,330px);margin:auto}.pfp-crop-feedback{padding:0 22px 18px}.pfp-crop-shell>footer{padding:16px 18px}.pfp-crop-shell>footer button{flex:1}.pfp-crop-close{padding:6px 9px}}
.status-working{border-color:var(--accent)!important;color:var(--accent)!important}.status-mark.status-working{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.row-state{font-weight:600}.row-state.status-open{color:var(--ink)}.row-state.status-working{color:var(--accent)}.row-state.status-pending{color:var(--warning)}.row-state.status-closed{color:var(--success)}.work-state{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:5px 9px;border:1px solid var(--control-line);border-radius:99px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:600}.work-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:none}.work-state.status-working{border-color:var(--accent)!important;background:var(--accent-soft)}.work-state.status-pending{border-color:var(--warning);background:var(--warning-soft)}.work-state.status-closed{border-color:var(--success);background:var(--success-soft);color:var(--success)}.thread-marker{margin:28px 0 9px;color:var(--dim);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.thread-marker:first-child{margin-top:0}.message.original-request{margin:0;padding:23px;border:1px solid var(--control-line);border-radius:9px;background:var(--surface);box-shadow:none}.message.original-request .message-body{font-size:17px;color:var(--ink)}.message.solution{margin:14px 0;padding:20px;border:1px solid var(--success);border-radius:8px;background:var(--success-soft)}.message.solution .message-body{color:var(--success)}.message.solution header div span{color:var(--success)}.message.pinned{position:relative;border-left:3px solid var(--accent)}.message.pinned:not(.original-request):not(.solution){padding-left:17px;background:var(--surface)}.message-meta{display:flex!important;align-items:center;gap:9px;flex-direction:row!important}.pin-mark{padding:2px 6px;border:1px solid var(--accent);border-radius:99px;color:var(--accent);font-size:13px!important;letter-spacing:.03em}.pin-action{display:flex;justify-content:flex-end;margin-top:12px}.pin-action .quiet-button{min-height:31px;padding:4px 8px;font-size:13px}.field-note{margin:7px 0 0;color:var(--dim);font-size:13px;line-height:1.45}.solution-hint{display:none;margin:0;padding:10px 15px;border-bottom:1px solid var(--success);background:var(--success-soft);color:var(--success);font-size:13px}.reply.writing-solution{border-color:var(--success)}.reply.writing-solution .solution-hint{display:block}.reply.writing-solution footer button{border-color:var(--success);background:var(--success-soft)}.reply.writing-solution footer button:hover{background:var(--success-soft)}@media(max-width:800px){.message.original-request{padding:18px}.message-meta{gap:5px}.pin-action{margin-top:10px}.work-state{margin-top:12px}}
.pinned-comments{margin:28px 0 0;padding:18px 20px 2px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft)}.pinned-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.pinned-heading .thread-marker{margin:0}.pinned-heading>span{color:var(--accent);font-size:13px}.pinned-comments .message{margin:14px 0 0}.pinned-comments .message:last-child{border-bottom:0}.pinned-comments .message.pinned:not(.solution){padding:17px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px;background:var(--surface)}@media(max-width:800px){.pinned-comments{padding:16px 14px 1px}}
.private-note-hint{display:none;margin:0;padding:11px 15px;border-bottom:1px solid var(--warning);background:var(--warning-soft);color:var(--warning);font-size:13px}.reply.writing-note{border-color:var(--warning);background:var(--warning-soft)}.reply.writing-note .private-note-hint{display:block}.reply.writing-note footer button{border-color:var(--warning);background:var(--warning-soft)}.reply.writing-note footer button:hover{background:var(--warning-soft)}.pinned-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.pinned-actions .pin-action{margin-top:12px}.pinned-jump{display:inline-block;margin-top:12px;color:var(--accent);font-size:13px}.message.pinned-context{border-left:3px solid var(--accent);padding-left:17px;scroll-margin-top:88px}.mobile-details-title{display:none}.ticket-page .ticket-head p,.ticket-page .message header div{font-size:13px}.ticket-page .message header time,.ticket-page .thread-marker,.ticket-page .pin-mark,.ticket-page .pin-action .quiet-button,.ticket-page .pinned-heading>span,.ticket-page .solution-hint,.ticket-page .field-note{font-size:13px!important}.ticket-page .reply-tabs span{font-size:13px}.ticket-page .work-state{font-size:13px}@media(max-width:800px){.ticket-page .conversation{order:1}.ticket-page .details{order:2}.mobile-details-title{display:block;grid-column:1/-1;margin:0;padding:2px 0 12px;font:650 23px/1.2 var(--display);border-bottom:1px solid var(--line)}}
.inbox-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.inbox-toolbar>label:first-of-type{margin:0}.sort-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.sort-picker select{width:auto;min-width:164px;min-height:42px;padding:7px 28px 7px 10px}.ticket-row{grid-template-columns:15px minmax(220px,1fr) minmax(90px,auto) 158px!important}.ticket-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:right}.ticket-dates time{display:flex;flex-direction:column;color:var(--muted);font-size:13px}.ticket-dates small{color:var(--dim);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.subject-editor{display:inline-block;margin:0 0 4px}.subject-editor summary{cursor:pointer;color:var(--dim);font-size:13px}.subject-editor form{display:flex;gap:7px;width:min(440px,100%);margin:8px 0}.subject-editor input{min-height:36px;padding:6px 8px;font-size:13px}.subject-editor button{min-height:36px;padding:5px 9px;font-size:13px}.requester-link{border-bottom:1px solid transparent}.requester-link:hover{border-color:var(--accent);color:var(--ink)}.details dd a{color:var(--ink)}.requester-page{min-height:calc(100vh - 64px)}.requester-wrap{width:min(1060px,calc(100% - 64px));margin:0 auto;padding:42px 0 90px}.requester-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:6px 0 32px;padding-bottom:26px;border-bottom:1px solid var(--line)}.requester-head h1{margin:0;font:650 38px/1.1 var(--display);letter-spacing:0}.requester-head p:last-child{margin:8px 0 0;color:var(--muted);font-size:13px}.profile-dot{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--control-line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:17px}.requester-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.requester-contact{padding:25px}.requester-contact h2,.requester-history h2{margin:0;font:650 24px/1.2 var(--display)}.requester-contact header>p:last-child,.requester-history header>p:last-child{margin:7px 0 18px;color:var(--muted);font-size:13px}.requester-contact form{display:grid;gap:13px}.requester-contact label{display:grid;gap:6px;color:var(--muted);font-size:13px}.requester-contact textarea{min-height:116px}.requester-contact footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;color:var(--dim);font-size:13px}.requester-history{padding:25px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.requester-ticket-list{margin-top:20px;border-top:1px solid var(--line)}.requester-ticket-list>a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 5px;border-bottom:1px solid var(--line)}.requester-ticket-list>a:hover{background:var(--raised)}.requester-ticket-list strong,.requester-ticket-list small{display:block}.requester-ticket-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.requester-ticket-list small{margin-top:3px;color:var(--muted);font-size:13px}.requester-ticket-arrow{color:var(--dim)}@media(max-width:800px){.inbox-toolbar{grid-template-columns:1fr}.sort-picker select{flex:1}.ticket-row{grid-template-columns:12px minmax(0,1fr) 116px!important}.ticket-labels{display:none}.ticket-dates{gap:8px}.ticket-dates time{font-size:13px}.requester-wrap{width:calc(100% - 32px);padding-top:25px}.requester-grid{grid-template-columns:1fr}.requester-head{margin-bottom:24px}.requester-contact,.requester-history{padding:20px}}@media(max-width:520px){.ticket-row{grid-template-columns:12px minmax(0,1fr)!important}.ticket-dates{display:none}.requester-head h1{font-size:32px}.requester-contact footer{align-items:stretch;flex-direction:column}.requester-contact footer button{width:100%}}
.brand-logo-preview>span:not(.brand-logo-placeholder),.brand-logo-preview small,.brand-logo-dropzone small,.brand-logo-selection strong,.brand-logo-selection small,.brand-logo-selection button,.brand-logo-feedback,.brand-logo-remove{font-size:13px}.new-brand summary,.new-brand label,.new-brand button{font-size:13px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#ticket-results{transition:opacity .15s ease}#ticket-results[aria-busy=true]{opacity:.58}@media(max-width:380px){.inbox-page .pagehead{display:grid;gap:18px}.inbox-page .pagehead .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.inbox-page .pagehead .tabs a{justify-content:center;min-width:0}.inbox-page .sort-picker{min-width:0}.inbox-page .sort-picker select{min-width:0}}
.take-ticket{width:100%;min-height:38px;margin-top:11px;padding:6px 8px;border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-size:13px}.take-ticket:hover{border-color:var(--accent);background:var(--accent-soft)}.ownership-note{margin:8px 0 0;color:var(--success);font-size:13px}.requester-brief{padding:18px 0;border-bottom:1px solid var(--line)}.requester-brief .eyebrow{margin-bottom:8px}.requester-brief a{display:flex;flex-direction:column;gap:3px}.requester-brief strong{color:var(--ink);font-size:13px}.requester-brief span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.requester-brief small{margin-top:5px;color:var(--ink);font-size:13px}
.details>.take-ticket-form{padding:0 0 18px;border-bottom:1px solid var(--line)}
.rule-studio{max-width:840px}.section-intro{max-width:690px;margin:0 0 22px;color:var(--muted);line-height:1.6}.rule-card summary small{max-width:none}.rule-builder{display:grid;gap:14px;padding-top:4px}.rule-head{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.rule-group{display:grid;gap:8px;margin:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.rule-group legend{padding:0 5px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em}.rule-condition,.rule-action{display:grid;grid-template-columns:minmax(115px,.9fr) minmax(125px,1fr) minmax(110px,1fr) 28px;gap:8px;align-items:center}.rule-action{grid-template-columns:minmax(145px,1fr) minmax(160px,1fr) 28px}.rule-condition input{min-width:0}.icon-button{width:28px;height:28px;padding:0;border-color:transparent;background:transparent;color:var(--muted);font-size:18px}.icon-button:hover{border-color:var(--line);background:var(--raised);color:var(--ink)}.rule-group .quiet-button{justify-self:start;margin-top:2px}.rule-foot,.rule-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.rule-foot>button{margin-left:auto}.rule-controls{justify-content:space-between;padding-top:2px}.rule-controls form{display:flex;gap:7px}.rule-controls .ghost{padding:6px 9px;font-size:13px}.rule-actions optgroup[hidden]{display:none}@media(max-width:620px){.rule-head{grid-template-columns:1fr}.rule-condition,.rule-action{grid-template-columns:1fr 1fr 28px}.rule-condition input{grid-column:1/3}.rule-foot>button{margin-left:0}.rule-controls{align-items:flex-start;flex-direction:column}}
.assignment-card{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.assignment-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.assignment-card button{justify-self:start}.assignment-field{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.assignment-field legend{padding:0}.assignment-search{display:flex!important;align-items:center;gap:7px;min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--dim)}.assignment-search input{min-height:32px;padding:0;border:0;background:transparent;box-shadow:none;font-size:13px}.assignment-choices{display:grid;gap:4px;max-height:174px;overflow:auto;padding:4px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface)}.assignment-choice{display:flex!important;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid transparent;border-radius:5px;cursor:pointer}.assignment-choice:hover{border-color:var(--control-line);background:var(--raised)}.assignment-choice:has(input:checked){border-color:var(--accent);background:var(--raised)}.assignment-choice input{width:15px;height:15px;flex:0 0 auto;margin:0;padding:0;accent-color:var(--accent)}.assignment-choice>span:last-child{display:grid;min-width:0}.assignment-choice strong,.assignment-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-choice strong{font-size:13px}.assignment-choice small{color:var(--muted);font-size:13px}.assignment-choice .message-avatar{flex:0 0 25px;width:25px;height:25px;font-size:13px}.assignment-choice-none{background:var(--surface)}.assignment-context{min-height:17px;color:var(--dim)!important;font-size:13px!important}.assignment-people{max-height:208px}.groups-studio{max-width:900px}.member-picker-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}.member-picker-toolbar label{display:grid;gap:5px;min-width:min(340px,100%);font-size:13px;color:var(--muted)}.member-picker-toolbar small{max-width:310px;color:var(--dim);font-size:13px;line-height:1.45}.group-editor{display:grid;gap:14px}.member-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;margin:0;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.member-picker legend{padding:0 5px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em}.member-choice{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid transparent;border-radius:7px;cursor:pointer}.member-choice:hover{border-color:var(--line);background:var(--raised)}.member-choice input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.member-choice .message-avatar{flex:0 0 28px;width:28px;height:28px;font-size:13px}.member-choice span:last-child{display:grid;min-width:0}.member-choice strong,.member-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-choice small{color:var(--muted);font-size:13px}.group-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-editor footer .field-help{max-width:480px}@media(max-width:620px){.member-picker{grid-template-columns:1fr}.member-picker-toolbar{align-items:stretch;flex-direction:column}.member-picker-toolbar label{min-width:0}.group-editor footer{align-items:stretch;flex-direction:column}.group-editor footer button{width:100%}}
.queue-member-editor{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.queue-member-editor .member-picker-toolbar{margin:0}.queue-member-editor button{justify-self:start}
.people-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.people-toolbar label{display:grid;gap:5px;min-width:min(360px,100%);color:var(--muted);font-size:13px}.people-toolbar span{color:var(--dim);font-size:13px}@media(max-width:620px){.people-toolbar{align-items:stretch;flex-direction:column}.people-toolbar label{min-width:0}}
.assignment-card{display:block;gap:0}.assignment-card>.eyebrow{margin-bottom:8px}.assignment-editor{border:1px solid var(--control-line);border-radius:8px;background:var(--surface)}.assignment-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;cursor:pointer;list-style:none}.assignment-editor>summary::-webkit-details-marker{display:none}.assignment-editor>summary>span:first-child{display:grid;min-width:0}.assignment-editor>summary strong,.assignment-editor>summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-editor>summary strong{font-size:13px}.assignment-editor>summary small{color:var(--muted);font-size:13px}.assignment-change{color:var(--ink);font-size:13px}.assignment-editor[open]>summary{border-bottom:1px solid var(--line)}.assignment-editor[open] .assignment-change{font-size:0}.assignment-editor[open] .assignment-change::after{content:'editing';font-size:13px}.assignment-editor>[data-assignment-picker]{display:grid;gap:15px;padding:13px}.assignment-search{display:flex!important}.assignment-choice[hidden],.assignment-search[hidden],.assignment-empty[hidden]{display:none!important}.assignment-people [data-assignment-person]{display:none!important}.assignment-picker-ready .assignment-people [data-assignment-person]:not([hidden]){display:flex!important}.assignment-context{min-height:17px;margin:0;color:var(--dim)!important;font-size:13px!important;line-height:1.45}.assignment-empty,.assignment-notice{margin:0!important;color:var(--dim);font-size:13px!important;line-height:1.45}.assignment-notice:not(:empty){padding:7px 8px;border:1px solid var(--warning);border-radius:5px;background:var(--warning-soft);color:var(--warning)}.assignment-card footer{display:flex;justify-content:flex-end;gap:7px}.assignment-card footer button{justify-self:auto;font-size:13px}.assignment-card button:disabled{cursor:not-allowed;opacity:.42}.assignment-take{padding:0 13px 13px}.assignment-take button{width:100%;min-height:34px;padding:6px 8px;border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-size:13px}.assignment-take button:hover{border-color:var(--accent);background:var(--accent-soft)}.assignment-editor>.ownership-note{margin:0;padding:0 13px 13px;color:var(--success);font-size:13px}
.assignment-me{min-height:34px;padding:6px 9px;font-size:13px}#assignment-person-field{transition:opacity .12s ease}#assignment-person-field[aria-busy=true]{opacity:.5;pointer-events:none}.assignment-context,.assignment-empty,.assignment-notice{font-size:13px!important}.assignment-editor>.ownership-note{font-size:13px}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 8px;color:var(--muted);font-size:13px}.pager-actions{display:flex;align-items:center;gap:10px}.pager a{padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--ink)}.pager a:hover{background:var(--raised);border-color:var(--control-line)}@media(max-width:520px){.pager{align-items:flex-start;flex-direction:column}.pager-actions{width:100%;justify-content:space-between}}
.format-switch button[aria-pressed=true]{background:var(--raised);color:var(--ink)}
.person-role-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.person-role-form .quiet-button{min-height:34px;padding:6px 9px;font-size:13px}@media(max-width:620px){.person-row{grid-template-columns:32px minmax(0,1fr)}.person-row>form{grid-column:2}.person-role-form{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:800px){.admin-nav nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.admin-nav nav a{flex:0 0 auto}}
@media(max-width:620px){.rule-condition,.rule-action{grid-template-columns:minmax(0,1fr) 40px}.rule-condition select,.rule-condition input,.rule-action select{grid-column:1}.rule-condition input{grid-column:1}.rule-condition [data-remove-row],.rule-action [data-remove-row]{grid-column:2;grid-row:1/-1;width:40px;height:auto;min-height:44px;align-self:stretch}}
.rule-action [name=action_kind]{grid-column:1;grid-row:1}.rule-action [data-rule-person-search],.rule-action [name=action_value]{grid-column:2;grid-row:1}.rule-action [data-rule-person-search]:not([hidden])~[name=action_value]{grid-row:2}.rule-action [data-remove-row]{grid-column:3;grid-row:1}.rule-action [data-rule-person-search]:not([hidden])~[data-remove-row]{grid-row:1/3}.rule-target-help{grid-column:2;grid-row:3;color:var(--dim);font-size:13px;line-height:1.45}.rule-person-search{min-width:0}@media(max-width:620px){.rule-action [name=action_kind]{grid-column:1;grid-row:1}.rule-action [data-rule-person-search]{grid-column:1;grid-row:2}.rule-action [name=action_value]{grid-column:1;grid-row:2}.rule-action [data-rule-person-search]:not([hidden])~[name=action_value]{grid-row:3}.rule-action [data-remove-row],.rule-action [data-rule-person-search]:not([hidden])~[data-remove-row]{grid-column:2;grid-row:1/4}.rule-target-help{grid-column:1;grid-row:4}}
.inbox-toolbar{grid-template-columns:1fr}.work-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.inbox-toolbar .work-filters label{margin:0}.inbox-toolbar .filter-picker,.inbox-toolbar .unread-picker{height:42px;flex:0 0 auto}.filter-picker select{width:auto;min-width:112px;min-height:34px;padding:5px 24px 5px 7px;border:0;background:transparent;box-shadow:none}.filter-picker select:focus{box-shadow:none}.unread-picker input{width:15px;height:15px;margin:0;padding:0;accent-color:var(--accent)}.ticket-row.unread{background:var(--accent-soft)}.ticket-row.unread:hover,.ticket-row.keyboard-current{background:var(--accent-soft)}.ticket-row.unread .status-mark{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.unread-copy{color:var(--accent);font-weight:700}.ticket-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}.ticket-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;color:var(--muted);font-size:13px}.ticket-navigation>span{display:flex;gap:8px}.ticket-navigation a{padding:6px 8px;border:1px solid transparent;border-radius:5px}.ticket-navigation a:hover,.ticket-navigation a:focus-visible{border-color:var(--line);background:var(--raised);color:var(--ink)}@media(max-width:980px){.work-filters{justify-content:flex-start}.work-filters .sort-picker{margin-left:auto}}@media(max-width:620px){.work-filters{display:grid;grid-template-columns:1fr 1fr}.inbox-toolbar .filter-picker,.inbox-toolbar .unread-picker,.inbox-toolbar .sort-picker{min-width:0}.filter-picker select,.sort-picker select{min-width:0;width:100%}.unread-picker{justify-content:center}.ticket-navigation{align-items:flex-start;flex-direction:column;margin-bottom:22px}.ticket-navigation>span{width:100%;justify-content:space-between}}
.shortcut-dialog{width:min(520px,calc(100vw - 28px));padding:0;border:1px solid var(--control-line);border-radius:11px;background:var(--surface);color:var(--ink);box-shadow:none}.shortcut-dialog::backdrop{background:var(--overlay);backdrop-filter:none}.shortcut-dialog>div{padding:24px}.shortcut-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.shortcut-dialog h2{margin:0;font:650 28px/1.1 var(--display)}.shortcut-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:18px 0 0}.shortcut-dialog dl>div{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:8px;min-height:46px;border-bottom:1px solid var(--control-line)}.shortcut-dialog dt,.shortcut-dialog dd{margin:0}.shortcut-dialog dd{color:var(--muted);font-size:13px}@media(max-width:520px){.shortcut-dialog>div{padding:19px}.shortcut-dialog dl{grid-template-columns:1fr}.shortcut-dialog dl>div{grid-template-columns:82px 1fr}}
.follow-up-inline{font-weight:700;color:var(--warning)}.follow-up-inline.today,.follow-up-inline.overdue{color:var(--warning)}.follow-up-inline.overdue::before{content:'! '}.follow-up-control{padding:14px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface)}.follow-up-control .field-note{margin:3px 0 10px}.follow-up-control>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.follow-up-control input{min-width:0}.follow-up-clear{margin-top:7px;padding:4px 0;border:0;background:transparent;color:var(--muted);box-shadow:none;text-decoration:underline;text-underline-offset:3px}.ticket-history{margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticket-history summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 4px;color:var(--muted);cursor:pointer}.ticket-history summary span{font-weight:700;color:var(--ink)}.ticket-history summary small{font-size:13px}.ticket-history ol{margin:0;padding:0 4px 14px;list-style:none}.ticket-history li{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--control-line)}.history-mark{color:var(--ink)}.ticket-history p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.ticket-history strong{color:var(--ink)}.ticket-history time{display:block;margin-top:2px;font-size:13px;color:var(--dim)}
.message-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.quoted-reply{margin-top:14px;border-left:2px solid var(--control-line);padding-left:12px;color:var(--dim);font-size:13px}.quoted-reply summary{cursor:pointer;color:var(--muted);font-weight:700}.quoted-reply>div{margin-top:9px;white-space:pre-wrap}.snippet-picker{min-width:150px}.snippet-picker select{min-height:34px;padding:5px 28px 5px 8px;border-color:var(--control-line);background:var(--surface);font-size:13px}.draft-status{min-width:88px;color:var(--ink);font-size:13px}.snippet-admin-list .admin-card summary small{max-width:52ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snippet-glyph{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--control-line);border-radius:50%;color:var(--ink)}.snippet-form{grid-template-columns:1fr}.compact-empty{padding:48px 20px}.requester-directory-page{min-height:calc(100vh - 64px)}.requester-directory-wrap{width:min(820px,calc(100% - 32px));margin:0 auto;padding:48px 0 90px}.requester-search{margin-bottom:18px}.requester-search label{display:flex;align-items:center;gap:10px;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--dim)}.requester-search input{border:0;background:transparent;box-shadow:none}.requester-directory{border-top:1px solid var(--line)}.requester-directory>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:15px 8px;border-bottom:1px solid var(--line)}.requester-directory>a:hover,.requester-directory>a:focus-visible{background:var(--raised)}.requester-directory>a>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.requester-directory strong,.requester-directory small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requester-directory small,.requester-directory time,.requester-directory i{color:var(--muted);font-size:13px}.requester-directory i{font-style:normal}@media(max-width:620px){.reply footer{flex-wrap:wrap}.snippet-picker{order:1;flex:1}.draft-status{order:2}.reply footer>.muted{display:none}.reply footer>button{order:3;margin-left:auto}.requester-directory>a{grid-template-columns:34px minmax(0,1fr) 18px}.requester-directory time{display:none}}
.participant-chip{display:inline-flex!important;align-items:center;gap:5px;margin:0 5px 7px 0;padding:4px 5px 4px 9px!important;border:1px solid var(--control-line)!important;border-radius:999px!important}.participant-chip span{font-size:13px;color:var(--text)}.participant-chip button{min-width:25px!important;min-height:25px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--muted)!important}.participant-chip button:hover,.participant-chip button:focus-visible{background:var(--raised)!important;color:var(--text)!important}
.ticket-notice{margin:0 0 18px;padding:11px 13px;border:1px solid var(--danger);border-radius:6px;background:var(--danger-soft);color:var(--danger)}.duplicate-banner{display:flex;gap:12px;margin:0 0 24px;padding:14px 16px;border:1px solid var(--accent);border-radius:7px;background:var(--accent-soft)}.duplicate-banner>span{color:var(--accent);font-size:20px}.duplicate-banner p{display:flex;flex-direction:column;gap:3px;margin:0}.duplicate-banner p span{color:var(--muted)}.duplicate-banner a,.linked-duplicates a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.linked-duplicates{margin:0 0 28px;border-bottom:1px solid var(--line);padding:0 0 16px}.linked-duplicates summary{cursor:pointer;color:var(--muted);font-weight:700}.linked-duplicates ul{margin:10px 0 0;padding:0;list-style:none}.linked-duplicates li{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.linked-duplicates li span{color:var(--muted);font-size:13px}.duplicate-control{border-top:1px solid var(--line);padding-top:15px}.duplicate-control summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:700}.duplicate-control form{display:grid;gap:8px;margin-top:12px}.duplicate-control label{display:grid;gap:6px}.duplicate-control button{justify-self:start}
.rule-preview-panel{margin:0 0 20px;border:1px solid var(--control-line);border-radius:8px;background:var(--surface)}.rule-preview-panel>summary{cursor:pointer;padding:14px 16px;color:var(--ink);font-weight:700}.rule-preview-panel[open]>summary{border-bottom:1px solid var(--line)}.rule-preview-form{display:grid;gap:14px;padding:16px}.rule-preview-form label{display:grid;gap:6px}.rule-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.rule-preview-foot .check{display:flex}.rule-preview-result{margin:0 16px 16px;padding:14px;border:1px solid var(--control-line);border-radius:7px;background:var(--surface)}.rule-preview-result>p{display:flex;flex-direction:column;gap:3px;margin:0}.rule-preview-result>p span,.rule-preview-result>.field-help{color:var(--muted)}.rule-preview-result dl{display:flex;flex-wrap:wrap;gap:10px 22px;margin:13px 0 0}.rule-preview-result dl div{display:grid;gap:1px}.rule-preview-result dt{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.rule-preview-result dd{margin:0;font-weight:700}@media(max-width:620px){.rule-preview-grid{grid-template-columns:1fr}.rule-preview-foot{align-items:stretch;flex-direction:column}.rule-preview-foot button{width:100%}}
.people-directory .person-row{grid-template-columns:30px minmax(0,1fr) auto auto}.person-inactive{opacity:.72}.person-status{display:inline-block;margin-left:6px;padding:2px 6px;border:1px solid var(--control-line);border-radius:999px;color:var(--ink);font-size:13px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.person-status-form{display:flex}.person-status-form button{white-space:nowrap}.person-self{color:var(--muted);font-size:13px;white-space:nowrap}@media(max-width:700px){.people-directory .person-row{grid-template-columns:30px minmax(0,1fr)}.people-directory .person-role-form,.people-directory .person-status-form,.people-directory .person-self{grid-column:2}.people-directory .person-status-form button{width:100%}}
.mobile-details-link{display:none}@media(max-width:800px){.mobile-details-link{display:inline-flex;margin:12px 0 0;padding:7px 10px;border:1px solid var(--control-line);border-radius:6px;color:var(--ink);font-size:13px;font-weight:700}.ticket-page .details{scroll-margin-top:72px}}

/* Final consistency pass: keep identity, navigation, disclosure, and quiet
   supporting copy dependable across every surface and viewport. */
details:not([open])>:not(summary){display:none!important}
small{font-size:13px!important}
.brand{min-height:44px}.avatar{width:44px;height:44px}.tabs a{min-height:44px}
.rail-group>a>span:not(.dot),.mobile-filters .filter-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-group small,.mobile-filters nav small{flex:0 0 auto;font-variant-numeric:tabular-nums}
.snippet-admin-list .admin-card>summary{grid-template-columns:28px minmax(0,1fr) auto}.snippet-admin-list .admin-card>summary>span:nth-child(2){min-width:0}
.pager{font-size:13px}.pager a{display:inline-flex;align-items:center;min-height:44px}.participant-chip span{color:var(--ink)}.participant-chip button:hover,.participant-chip button:focus-visible{color:var(--ink)!important}
.quoted-reply summary,.linked-duplicates summary,.duplicate-control summary,.new-brand summary{display:inline-flex;align-items:center;min-height:40px}
.webhook-summary b,.template-nav>p,.version-badge,.template-form>label>span,.template-format-grid label>span,.placeholder-guide strong,.placeholder-guide span,.template-feedback,.template-history>summary span,.new-brand summary,.new-brand label,.new-brand button,.brand-logo-card>p,.brand-logo-card>label,.brand-logo-card>label span,.brand-logo-card input[type=file],.brand-delete span,.brand-logo-preview>span:not(.brand-logo-placeholder),.brand-logo-selection strong,.brand-logo-selection button,.brand-logo-feedback,.brand-logo-remove,.pfp-selection strong,.pfp-selection button,.pfp-feedback,.pfp-remove,.account-state,.pinned-heading>span,.sort-picker,.ticket-dates time,.requester-contact footer,.take-ticket,.ownership-note,.requester-brief span,.rule-group legend,.rule-controls .ghost,.assignment-card p,.assignment-search input,.assignment-choice strong,.member-picker-toolbar label,.member-picker-toolbar small,.member-picker legend,.people-toolbar label,.people-toolbar span,.assignment-change,.assignment-editor[open] .assignment-change::after,.assignment-card footer button,.assignment-take button,.ticket-navigation,.snippet-picker select,.draft-status,.rule-preview-result dt,.person-status,.person-self{font-size:13px}
.pin-mark{font-size:13px!important}.pin-action .quiet-button{font-size:13px}.assignment-empty,.assignment-notice{font-size:13px!important}.assignment-choice .message-avatar,.member-choice .message-avatar{font-size:13px}

.ticket-page{min-height:calc(100vh - 64px)}.details{top:64px;height:calc(100vh - 64px)}
.ticket-head>.ticket-summary,.requester-thread .ticket-head>.ticket-summary{position:static;padding-left:0}.ticket-head .ticket-number{position:static}.ticket-kicker{display:flex;align-items:center;gap:10px;margin:0 0 8px!important}.ticket-kicker .eyebrow{margin:0}.ticket-kicker .ticket-number{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.ticket-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.ticket-title-row h1{min-width:0;margin:0!important;overflow-wrap:anywhere}.subject-editor{align-self:start;margin:0}.subject-editor summary{display:inline-flex;align-items:center;min-height:40px;padding:6px 9px;cursor:pointer;list-style:none;border:1px solid transparent;border-radius:5px;color:var(--muted);font-size:13px}.subject-editor summary::-webkit-details-marker{display:none}.subject-editor summary:hover,.subject-editor summary:focus-visible{border-color:var(--line);background:var(--raised);color:var(--ink)}.subject-editor[open]{grid-column:1/-1;width:100%}.subject-editor[open] summary{color:var(--ink)}.subject-editor form{width:min(560px,100%)}.subject-editor input{min-height:44px;padding:9px 11px;font-size:16px}.subject-editor button{min-height:44px;padding:9px 13px;font-size:14px}.ticket-requester{margin-top:6px!important;overflow-wrap:anywhere}.ticket-state-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.ticket-state-row .work-state,.ticket-state-row .mobile-details-link{margin:0}.ticket-navigation .back{margin-bottom:0}.ticket-navigation a{display:inline-flex;align-items:center;min-height:40px}.ticket-updated{margin-top:12px!important}
.portal-form{width:min(760px,calc(100% - 32px))}
.unread-picker input{width:20px;height:20px;flex:0 0 20px}

@media(min-width:1100px){.work-filters{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(190px,1fr) auto minmax(230px,.9fr);justify-content:stretch}.inbox-toolbar .filter-picker,.inbox-toolbar .unread-picker,.inbox-toolbar .sort-picker{width:auto;min-width:0}.filter-picker select,.sort-picker select{width:100%;min-width:0}.work-filters .sort-picker{margin-left:0}}

@media(max-width:800px){html{scroll-padding-top:9rem}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand user" "nav nav";gap:4px 12px;padding:8px 16px 10px}.topbar>.brand{grid-area:brand}.topbar>nav{grid-area:nav;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.topbar>nav a,.topbar>nav a:nth-child(n+2){display:flex;flex:0 0 auto;min-height:40px;padding:6px 10px}.topbar>.user-menu{grid-area:user}.user-popover{top:108px}.details{position:static;height:auto}.ticket-page .details{scroll-margin-top:128px}}
@media(max-width:620px){.ticket-navigation{align-items:center;flex-direction:row;flex-wrap:wrap;margin-bottom:22px}.ticket-navigation>span{width:auto;margin-left:auto;justify-content:flex-end}}
@media(max-width:440px){.inbox .pagehead{align-items:stretch;flex-direction:column}.inbox .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.inbox .tabs a{justify-content:center}.work-filters{grid-template-columns:1fr}.unread-picker{justify-content:flex-start}.unread-picker input{width:20px;height:20px;flex:0 0 20px}.ticket-title-row{grid-template-columns:1fr}.subject-editor{justify-self:start}.admin-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible}.admin-nav nav a{justify-content:center;min-width:0;white-space:normal;text-align:center;line-height:1.3}}

/* Quiet operational hierarchy: typography and rules carry the structure. */
h1,h2,h3,.brand{font-kerning:normal;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;letter-spacing:0}
.topbar{background:var(--surface);border-bottom:1px solid var(--line)}
.brand{font-family:var(--display);font-weight:750;font-size:20px;gap:12px}
.brand .drop{display:block;width:12px;height:16px;flex:0 0 12px;border-radius:65% 0 65% 65%;background:var(--accent);font-size:0;transform:rotate(-35deg)}
.topbar nav a{border-radius:0;border-bottom:2px solid transparent;font-weight:600}
.topbar nav a[aria-current=page]{background:transparent;border-bottom-color:var(--accent);color:var(--ink)}
.rail,.admin-nav,.details{background:var(--canvas)}
.rail-group>a.active,.admin-nav nav a[aria-current=page],.account-rail>a.active{background:var(--accent-soft);color:var(--accent);font-weight:650}
.eyebrow,.thread-marker{letter-spacing:.09em;font-weight:650;color:var(--muted)}
.ticket-number,.ticket-dates time,.message header time,kbd,code,pre{font-family:var(--mono);font-variant-numeric:tabular-nums}
.ticket-copy strong{font-size:16px;font-weight:600}.ticket-copy>span{margin-top:3px;line-height:1.5}
.ticket-row{padding-top:17px;padding-bottom:17px}.ticket-row:hover,.ticket-row.keyboard-current{background:var(--raised)}
.ticket-row.unread{background:var(--accent-soft)}.ticket-row.unread:hover{background:var(--raised)}
.ticket-row.unread .status-mark{background:var(--accent);border-color:var(--accent)}
.status-mark.status-working{background:var(--accent);border-color:var(--accent)}
.message-delivery i,.work-state i{background:currentColor}.dot{box-shadow:none}
.message-body{color:var(--ink);line-height:1.7}.message.note .message-body,.message.solution .message-body{color:var(--ink)}
.message.original-request{background:var(--surface);border-color:var(--line);border-left:3px solid var(--accent)}
.message.note,.message.solution,.pinned-comments{border-radius:4px}
.paper,.login-card,.account-card{border-radius:4px;border-color:var(--line);box-shadow:none}
.profile-hero,.account-name-field,.profile-facts>div{border-radius:4px}
.profile-hero{padding:24px 0;border:0;border-bottom:1px solid var(--line);background:transparent}
.account-pagehead h1{font-size:34px}.account-card{margin-top:36px}
.user-popover{top:calc(100% + 8px);border-color:var(--control-line);box-shadow:0 8px 24px var(--overlay)}
.user-popover:before{display:none}.user-card i,.account-state,.work-state,.version-badge,.pin-mark{border-radius:4px}
.avatar,.message-avatar,.profile-avatar,.profile-dot{background:var(--accent-soft);color:var(--accent);border-color:var(--control-line)}
.compose,.login-button,.form-actions>button,.reply footer>button,.account-submit>button,.account-appearance button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.compose:hover,.login-button:hover,.form-actions>button:hover,.reply footer>button:hover,.account-submit>button:hover,.account-appearance button[type=submit]:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.compose kbd,.account-submit button span{color:inherit;border-color:currentColor;background:transparent}
button:disabled{cursor:not-allowed;opacity:.65}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:focus,textarea:focus,select:focus{border-color:var(--accent)}
.search label,.requester-search label,.assignment-search,.inbox-toolbar .filter-picker,.inbox-toolbar .unread-picker{border-color:var(--control-line)}
.search label:focus-within,.requester-search label:focus-within,.assignment-search:focus-within{outline:3px solid var(--accent);outline-offset:3px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.reply-tabs input:focus-visible+span{outline:3px solid var(--accent);outline-offset:-3px}
::selection{background:var(--accent);color:var(--on-accent)}
.account-appearance{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.account-appearance h2{margin:0;font:650 22px/1.3 var(--display)}
.account-appearance p{max-width:60ch;margin:8px 0 16px;color:var(--muted);font-size:15px}
.account-appearance fieldset{margin:0 0 16px;padding:0;border:0}
.account-appearance legend{margin-bottom:10px;font-weight:600;font-size:15px}
.appearance-options{display:flex;flex-wrap:wrap;gap:12px}
.appearance-choice{display:flex;align-items:center;gap:12px;min-width:160px;min-height:52px;padding:12px 16px;border:1px solid var(--control-line);border-radius:4px;cursor:pointer;font-size:16px}
.appearance-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.appearance-choice:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.appearance-choice input{margin:0;flex:0 0 20px}.appearance-choice small{display:block;color:var(--muted)}
.appearance-feedback{color:var(--success)!important;font-weight:600}
@media(max-width:800px){.user-popover{top:60px}.account-appearance{scroll-margin-top:145px}}
@media(max-width:560px){.appearance-options{display:grid;grid-template-columns:1fr 1fr}.appearance-choice{min-width:0;padding:12px}.account-appearance button{width:100%}.account-card{padding:24px 18px}}
@media(prefers-contrast:more){:root,:root[data-theme="dark"]{--muted:var(--ink);--dim:var(--ink);--line:var(--control-line)}input,textarea,select{border-width:2px}}

.reply.writing-note footer>button{background:var(--warning);border-color:var(--warning);color:var(--on-accent)}
.reply.writing-solution footer>button{background:var(--success);border-color:var(--success);color:var(--on-accent)}
.reply.writing-note footer>button:hover,.reply.writing-solution footer>button:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.rainline{background:var(--accent)}
.message-delivery.delivery-sent i,.message-delivery.delivery-retrying i{background:currentColor}

@media(max-width:400px){.appearance-options{grid-template-columns:1fr}.appearance-choice{min-height:64px}}

.mail-form .mail-sender-help{grid-column:1/-1;margin:0}