.message-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0}.message-center{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(0,2fr);gap:1rem;align-items:start}.message-row{padding:.8rem;min-height:48px;border-radius:.3rem}.message-row[aria-current]{background:var(--message-selected);box-shadow:inset 3px 0 var(--message-active-border)}.message-row{display:flex;flex-direction:column;gap:.4rem;border-bottom:1px solid var(--message-border);text-decoration:none;color:inherit;overflow-wrap:anywhere}.message-row time,.subtle{font-size:.85rem}.message-center .panel{margin:0;min-width:0}.message-reading pre,.message-response pre,[data-message-content] pre,pre[data-message-content]{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.85rem;background:var(--message-surface);padding:1rem;border-radius:.3rem}.message-response{border-top:1px solid var(--message-border);margin-top:1rem;padding-top:1rem}.message-reading form{display:flex;gap:.5rem;flex-wrap:wrap}.message-back{display:none}.message-notification{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:48px;min-height:48px;border:1px solid var(--border);border-radius:.5rem;color:var(--primary);text-decoration:none}.message-notification:hover{background:var(--selected)}.message-notification svg{width:24px;height:24px}.message-notification [data-message-count]{position:absolute;top:-.3rem;right:-.3rem;background:var(--badge-background);color:var(--on-button);border:2px solid var(--surface);border-radius:1rem;padding:.05rem .3rem;min-width:1.5rem;font-size:.7rem;font-weight:700;line-height:1.4;text-align:center}.traffic-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.traffic-filters label{display:flex;flex-direction:column;gap:.3rem;max-width:100%}.traffic-table{max-width:100%;overflow:auto;margin:1rem 0}.traffic-table table{border-collapse:collapse;width:100%}.traffic-table th,.traffic-table td{text-align:left;padding:.7rem;border-bottom:1px solid var(--table-border);vertical-align:top}.traffic-table a{display:inline-block;padding:.3rem;min-height:48px}.settings-form [data-query-identifier],.settings-form [data-query-state],.settings-form [data-query-name],.settings-form [data-query-dob]{display:grid;gap:.5rem}.settings-form [hidden]{display:none!important}.message-center a:focus-visible,.message-notification:focus-visible,.traffic-table:focus-visible{outline:3px solid var(--focus-strong);outline-offset:3px}.message-reading p,.panel p{overflow-wrap:anywhere}@media(max-width:900px){.message-center{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.message-center{display:block}.message-center .panel{margin-bottom:1rem}.message-back{display:inline-block;min-height:48px;padding:.5rem 0}.message-notification{font-size:.8rem}.traffic-filters{display:grid;grid-template-columns:minmax(0,1fr)}.traffic-filters input{min-width:0;width:100%}.message-toolbar{gap:.6rem}.topbar{flex-wrap:wrap}}

.message-toolbar form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.message-toolbar select{max-width:100%;min-height:48px}.message-compose-dialog{width:calc(100% - 1rem);max-width:none;max-height:calc(100dvh - 1rem);overflow:auto;padding:clamp(.75rem,1.5vw,1.25rem);border:1px solid var(--overlay-border);border-radius:.5rem;background:var(--surface);color:var(--overlay-text)}.message-compose-dialog::backdrop{background:var(--backdrop)}.message-compose-dialog .settings-form{max-width:100%;margin:0}.message-compose-dialog button:focus-visible,.message-toolbar select:focus-visible{outline:3px solid var(--focus-strong);outline-offset:3px}

.message-response-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1rem}.message-response-header h3{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:0}.message-response-header time{font-size:.85rem;overflow-wrap:anywhere}.message-key-tag{display:inline-block;background:var(--message-selected);color:var(--tag-text);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;overflow-wrap:anywhere;max-width:100%}
.message-response-image{display:block;max-width:100%;max-height:32rem;height:auto;object-fit:contain;margin:1rem 0}.message-response summary{min-height:48px;padding:.7rem 0;cursor:pointer}.message-response summary:focus-visible{outline:3px solid var(--focus-strong);outline-offset:3px}
.settings-form [data-query-modes]{display:grid;gap:.5rem;min-width:0}[data-message-compose] input:not([type=checkbox]),[data-message-compose] select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}[data-message-compose] select{min-height:48px;padding:.65rem;border:1px solid var(--query-control-border);border-radius:.35rem;background:var(--surface);color:inherit;font:inherit}[data-message-compose] label{overflow-wrap:anywhere}.message-compose-dialog .settings-form{min-width:0}

/* Keep frequently used Message Center controls comfortable for touch input. */
.hide-response-ofml [data-response-raw]{display:none}
.message-response-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.message-query-preview{font-weight:600;overflow-wrap:anywhere}
[data-response-panel]>summary{justify-content:flex-start;gap:.6rem;list-style:none}
[data-response-panel]>summary::before{content:'▸';flex:none}
[data-response-panel][open]>summary::before{content:'▾'}
[data-response-panel]>summary time{margin-left:auto}
[data-response-panel]>summary::-webkit-details-marker{display:none}
[data-ack-summary]{padding:.5rem 0}
.message-row-unread{align-self:flex-start;border-radius:.3rem;background:var(--button-background);color:var(--on-button);padding:.2rem .5rem;font-weight:600;font-size:.85rem}
.message-response-tags{display:flex;flex-wrap:wrap;gap:.4rem}.message-response-tags:empty{display:none}
.message-response-tags .message-key-tag{border:1px solid var(--tag-border);background:var(--tag-surface)}
.message-toolbar button,.message-reading button,.message-compose-dialog button,[data-message-compose] button{min-height:48px;min-width:48px;padding:.65rem 1rem}
.message-toolbar > a,.message-list > a{display:inline-flex;align-items:center;min-height:48px;padding:.65rem .75rem}
.message-list > a{margin-right:.5rem}
.message-reading summary,[data-message-compose] input:not([type=hidden]):not([type=checkbox]){min-height:48px}
[data-message-compose] label:has(input[type=checkbox]){display:flex;align-items:center;gap:.75rem;min-height:48px;cursor:pointer}
[data-message-compose] input[type=checkbox]{width:24px;height:24px;min-height:24px;flex-shrink:0}

.query-menu{position:relative;max-width:100%}.query-menu>summary{min-height:48px;padding:.65rem 1rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;background:var(--surface);color:var(--primary);font-weight:600}.query-menu nav{position:absolute;z-index:10;top:100%;left:0;width:max-content;min-width:16rem;max-width:calc(100vw - 3rem);padding:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 6px 20px var(--shadow-dropdown)}.query-menu nav a{display:flex;align-items:center;min-height:48px;padding:.65rem .8rem;text-decoration:none;overflow-wrap:anywhere}.query-menu nav a:hover{background:var(--selected)}
.query-heading{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:1rem}.query-heading>div{min-width:0;max-width:100%}.query-heading h2{margin:0 0 .75rem}.query-destination{flex:0 1 17rem;display:grid;gap:.4rem}.query-destination p{margin:0}.query-format-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.query-format-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem .8rem;border:1px solid var(--border);border-radius:.5rem;text-decoration:none;background:var(--surface);color:var(--primary);text-align:center}.query-format-tabs a[aria-selected=true],.query-format-tabs a[aria-current=page]{background:var(--button-background);border-color:var(--button-border);color:var(--on-button);font-weight:650}.query-fields{display:grid;gap:1rem;min-width:0}.query-menu summary:focus-visible,.query-menu a:focus-visible,.query-format-tabs a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:600px){.query-heading{display:grid;grid-template-columns:minmax(0,1fr)}.query-format-tabs a{flex:1 1 8rem}.query-menu nav{min-width:0;max-width:calc(100vw - 5rem)}}

.message-toast{position:sticky;top:.5rem;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;width:min(38rem,calc(100% - 2rem));box-sizing:border-box;margin:.75rem auto;padding:.75rem 1rem;border:1px solid var(--overlay-border);border-radius:.5rem;background:var(--surface);color:var(--overlay-text);box-shadow:0 4px 16px var(--shadow-toast)}.message-toast p{margin:0;font-weight:650;overflow-wrap:anywhere}.message-toast-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.message-toast-actions a,.message-toast-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:.5rem .75rem;border-radius:.35rem;font:inherit;font-weight:600}.message-toast-actions a{color:var(--primary)}.message-toast-actions button{border:1px solid var(--border);background:var(--surface);color:var(--primary);cursor:pointer}.message-toast-actions a:focus-visible,.message-toast-actions button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:600px){.message-toast{align-items:flex-start;margin:.5rem auto;padding:.65rem}.message-toast-actions{width:100%}.message-toast-actions a,.message-toast-actions button{flex:1 1 auto}}
.visually-hidden{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}

.message-preferences>section+section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}

/* Query popups use the viewport and wrap fields in their natural keyboard order. */
.message-compose-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.message-compose-header h2,.message-compose-header button{margin:0}
.message-compose-dialog .settings-form{padding:0;border:0;border-radius:0}
.message-compose-dialog .query-permission-fields{display:grid;gap:.75rem}
.message-compose-dialog .query-permission-fields>p{margin:0}
.message-compose-dialog .query-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));row-gap:.75rem}
.message-compose-dialog .query-fields>div{grid-row:span 3;grid-template-rows:subgrid;row-gap:.5rem}
.message-compose-dialog .query-fields>div>label{grid-row:1;align-self:end}
.message-compose-dialog .query-fields>div>input,.message-compose-dialog .query-fields>div>select{grid-row:2}
.message-compose-dialog .query-fields>div>label:has(input[type=checkbox]){grid-row:2;align-self:center}
.message-compose-dialog .query-fields>div>p,.message-compose-dialog .query-field-help{grid-row:3;margin:0}
.message-compose-dialog .query-fields>p{grid-column:1/-1;margin:0}
.message-compose-dialog .query-fields .subtle{margin:0}
.message-compose-dialog .query-heading>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
.message-compose-dialog .query-heading h2{margin:0}
@media(min-width:48rem){
    .message-compose-dialog .query-fields:has(#cwq-query-help:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
    .message-compose-dialog .query-permission-fields{grid-template-columns:minmax(0,1fr) auto}
    .message-compose-dialog .query-permission-fields>*{grid-column:1/-1}
    .message-compose-dialog .query-format-tabs{grid-column:1}
    .message-compose-dialog .query-shortcut-actions{grid-column:2;align-self:start;justify-content:flex-end}
    .message-compose-dialog .query-permission-fields>p:last-of-type{grid-column:1;align-self:center}
    .message-compose-dialog [data-query-send]{grid-column:2;justify-self:end;margin:0}
}