/* Shared visual system. Legacy geometry stays in responsive.css/stable-controls.css;
   colours, typography and component states are owned here for every application. */
:root:root {
  color-scheme:light;
  --ds-canvas:#f5f4f0; --ds-surface:#fffefb; --ds-subtle:#eceee8;
  --ds-ink:#263a35; --ds-muted:#5d6d65; --ds-line:#d5ded5; --ds-hover:#f0f4ed;
  --ds-primary:#23624f; --ds-primary-hover:#194b3c; --ds-on-primary:#fff;
  --ds-accent:#dcece1; --ds-accent-ink:#245340; --ds-focus:#397b67;
  --ds-danger:#ac343b; --ds-danger-bg:#fff0f0; --ds-success:#246044; --ds-success-bg:#e8f4ed;
  --ds-info:#305c7c; --ds-info-bg:#e7f0f7; --ds-archive:#6b557c; --ds-archive-bg:#eee8f4;
  --ds-warning:#815617; --ds-warning-bg:#fff3dc; --ds-shadow:0 2px 8px #1a324408;
  --ds-phase-future:#557e91; --ds-phase-current:#b8554e; --ds-phase-past:#4b8065; --ds-phase-cancelled:#7f8981;
  --ds-radius:10px; --ds-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --bg:var(--ds-canvas); --canvas:var(--ds-canvas); --surface:var(--ds-surface); --card:var(--ds-surface);
  --ink:var(--ds-ink); --muted:var(--ds-muted); --line:var(--ds-line); --green:var(--ds-primary); --green2:var(--ds-primary);
  --green-soft:var(--ds-accent); --red:var(--ds-danger); --shadow:var(--ds-shadow);
  --ui-bg:var(--ds-canvas); --ui-surface:var(--ds-surface); --ui-ink:var(--ds-ink); --ui-muted:var(--ds-muted);
  --ui-line:var(--ds-line); --ui-primary:var(--ds-primary); --ui-accent:var(--ds-primary); --ui-soft:var(--ds-accent);
}
:root:root[data-theme=dark] {
  color-scheme:dark;
  --ds-phase-future:#82acc0; --ds-phase-current:#d18f82; --ds-phase-past:#8cba9b; --ds-phase-cancelled:#9ba79e;
  --ds-canvas:#151c1b; --ds-surface:#202b28; --ds-subtle:#2b3833;
  --ds-ink:#e8f0e9; --ds-muted:#b0c0b4; --ds-line:#405048; --ds-hover:#2b3833;
  --ds-primary:#a1d9b7; --ds-primary-hover:#bde6cc; --ds-on-primary:#182b20;
  --ds-accent:#314a3b; --ds-accent-ink:#c3e9cf; --ds-focus:#91cfb1;
  --ds-danger:#ffafb2; --ds-danger-bg:#492a30; --ds-success:#a0dfbb; --ds-success-bg:#233f33;
  --ds-info:#afcce1; --ds-info-bg:#283c48; --ds-archive:#d4c0e3; --ds-archive-bg:#3e334a;
  --ds-warning:#efcc88; --ds-warning-bg:#433923; --ds-shadow:0 2px 8px #00000020;
}
html body {background:var(--ds-canvas)!important;color:var(--ds-ink)!important;font-family:var(--ds-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
html body :is(button,input,select,textarea){font-family:var(--ds-font)}
html body :is(h1,h2,h3,h4){color:var(--ds-ink);letter-spacing:-.025em;text-wrap:balance}
html body :is(.muted,.archive-header p,.event-time small,.event-name small,.news-feed-meta,.news-feeds-updated,.news-feeds-status){color:var(--ds-muted)!important}
html body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ds-focus)!important;outline-offset:3px!important;scroll-margin-block:80px}
html body ::selection{background:var(--ds-accent);color:var(--ds-ink)}
html body a{text-underline-offset:3px}
html body a:not([class]):hover{text-decoration-thickness:2px}
html body :is(.shared-site-header,.shared-site-nav,.app-nav){background:var(--ds-surface)!important;border-color:var(--ds-line)!important;box-shadow:none!important}
html body :is(.shared-site-nav a,.app-nav a){border-radius:7px!important;font-weight:600!important;color:var(--ds-muted)!important;transition:background-color .15s ease,color .15s ease}
html body :is(.shared-site-nav a,.app-nav a):hover{background:var(--ds-subtle)!important;color:var(--ds-ink)!important}
html body :is(.shared-site-nav a.active,.app-nav a.active){background:var(--ds-accent)!important;color:var(--ds-accent-ink)!important}
html body :is(.factory-nav,.factory-admin-tabs,.segmented){background:var(--ds-subtle)!important;border-color:var(--ds-line)!important;border-radius:9px!important;box-shadow:none!important}
html body :is(.factory-nav,.factory-admin-tabs,.segmented) button{background:transparent!important;border-color:transparent!important;color:var(--ds-muted)!important;font-weight:600!important;box-shadow:none!important}
html body :is(.factory-nav,.factory-admin-tabs,.segmented) button:hover{color:var(--ds-ink)!important;background:var(--ds-hover)!important}
html body :is(.factory-nav,.factory-admin-tabs,.segmented) button.active{background:var(--ds-surface)!important;color:var(--ds-accent-ink)!important;box-shadow:0 1px 3px #1a324412!important}
html body .unified-settings-nav{margin-top:8px;padding:4px}
html body :is(.primary,button[type=submit]:not(.secondary)){background:var(--ds-primary)!important;color:var(--ds-on-primary)!important;border:1px solid transparent!important;box-shadow:0 1px 2px #152a3010!important;border-radius:8px!important;font-weight:650!important}
html body :is(.primary,button[type=submit]:not(.secondary)):hover:not(:disabled){background:var(--ds-primary-hover)!important}
html body :is(.secondary,.icon-btn,.shared-auth-button,.shared-theme-button,.shared-menu-toggle,.shared-sections-toggle,.shared-install-app){background:var(--ds-surface)!important;border:1px solid var(--ds-line)!important;color:var(--ds-ink)!important;box-shadow:none!important;border-radius:8px!important}
html body :is(.secondary,.icon-btn,.shared-auth-button,.shared-theme-button):hover:not(:disabled){background:var(--ds-hover)!important;border-color:var(--ds-muted)!important}
html body :is(button,a.primary,a.secondary){transition:background-color .15s ease,border-color .15s ease;color:inherit}
html body button:disabled{opacity:.5;cursor:not-allowed}
html body :is(.danger,.secondary.danger){color:var(--ds-danger)!important;border-color:color-mix(in srgb,var(--ds-danger) 28%,var(--ds-line))!important}
html body .danger:hover:not(:disabled){background:var(--ds-danger-bg)!important}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),select,textarea){background:var(--ds-surface)!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;border-radius:8px!important;box-shadow:none!important;line-height:1.45}
html body :is(input,textarea)::placeholder{color:var(--ds-muted);opacity:.85}
html body :is(input[type=checkbox],input[type=radio]){accent-color:var(--ds-primary)}
html body :is(input,select,textarea)[aria-invalid=true]{border-color:var(--ds-danger)!important}
html body :is(.form-grid label,.factory-filters label,.news-feeds-settings label){font-size:13px;font-weight:550;color:var(--ds-muted)}
html body :is(.form-grid input,.form-grid select,.form-grid textarea){font-weight:400}
html body :is(.form-error,[role=alert],#loginStatus){color:var(--ds-danger)}
html body :is(.event-card,.archive-card,.resource-card,.admin-row,.factory-admin-row,.archive-item){border-color:var(--ds-line)!important;border-radius:var(--ds-radius)!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}
html body :is(.event-card,.archive-card,.resource-card,.archive-item):hover{border-color:color-mix(in srgb,var(--ds-muted) 45%,var(--ds-line))!important;box-shadow:var(--ds-shadow)!important;transform:none!important}
html body :is(.archive-card,.archive-item,.resource-card,.admin-row,.factory-admin-row,.factory-filter-panel,.news-feeds,.archive-empty,.archive-login){background:var(--ds-surface)!important;color:var(--ds-ink)!important;border-color:var(--ds-line)!important}
html body .event-card:not([data-event-time]){background:var(--ds-surface)!important}
html body :is(.event-summary,.event-name strong,.factory-body,.archive-detail-body,.archive-excerpt){color:var(--ds-ink)!important}
html body :is(.factory-body,.archive-detail-body){line-height:1.75!important}
html body :is(.factory-body,.archive-detail-body) :is(p,ul,ol){margin-block:0 1em}
html body .factory-filter-panel summary{font-size:13px;font-weight:600;background:var(--ds-surface);color:var(--ds-ink)}
html body .factory-filter-panel[open] summary{border-bottom:1px solid var(--ds-line);margin-bottom:12px}
html body :is(.badge,.archive-item-kind,.archive-tag){background:var(--ds-subtle)!important;color:var(--ds-muted)!important;border-color:var(--ds-line)!important;font-weight:550!important}
html body :is(.badge.approved,.badge.live){background:var(--ds-success-bg)!important;color:var(--ds-success)!important}
html body :is(.badge.pending-approval,.badge.urgent){background:var(--ds-warning-bg)!important;color:var(--ds-warning)!important}
html body .news-feeds{border-radius:var(--ds-radius);box-shadow:none}
html body .news-feeds-list li{border-color:var(--ds-line)}
html body .news-feeds-list a:hover{color:var(--ds-accent-ink)}
html body .news-feeds-toggle{color:var(--ds-ink);background:transparent}
html body :is(dialog,.login-card,.factory-edit-page #factoryEditor form){background:var(--ds-surface)!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;border-radius:14px!important;box-shadow:0 20px 70px #10253626!important}
html body dialog::backdrop{background:#13253666;backdrop-filter:blur(2px)}
html body dialog :is(.dialog-head,.dialog-actions){border-color:var(--ds-line)!important}
html body :is(.dialog-actions,.factory-edit-page #factoryEditor .dialog-actions){background:var(--ds-surface)!important}
html body table{border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.5}
html body :is(th,td){border-color:var(--ds-line)!important;vertical-align:top}
html body th{background:var(--ds-subtle)!important;color:var(--ds-muted)!important;font-weight:650}
html body :is(td,tbody th){color:var(--ds-ink)!important}
html body tbody tr:hover :is(td,th){background:var(--ds-hover)!important}
html body :is(.factory-role-table-wrap,.table-wrap){border-color:var(--ds-line);border-radius:8px;scrollbar-width:thin;overflow:auto}
html body :is(.factory-role-table-wrap,.table-wrap) thead th{position:sticky;top:0;z-index:2}
html body .factory-admin-row{padding:14px 16px!important;margin-bottom:8px!important}
html body .factory-admin-row strong{font-weight:650}
html body .factory-admin-row small{color:var(--ds-muted)!important;line-height:1.5}
html body .empty{background:var(--ds-surface);border-color:var(--ds-line);padding:32px 20px;border-radius:var(--ds-radius)}
html body .login-card{padding:32px}
html body .login-brand h1{font-size:24px;letter-spacing:-.035em}
html body .login-card input{min-height:44px}
html body .login-card button{background:var(--ds-primary)!important;color:var(--ds-on-primary)!important}
html body .login-card a{color:var(--ds-accent-ink)}
html body:has(#passwordForm)>main{margin:28px auto!important;padding:24px!important;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:14px}
@media(max-width:760px){
 html body :is(.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea,.login-card input){font-size:16px!important}
 html body .news-feeds-list li{padding-block:10px}
 html body .login-card{padding:24px}
}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
 :root:root,:root:root[data-theme=dark]{--ds-canvas:#fff;--ds-surface:#fff;--ds-ink:#000;--ds-muted:#333;--ds-line:#bbb}
 html body{background:#fff!important;color:#000!important}
 html body :is(.event-card,.archive-card,dialog){box-shadow:none!important;break-inside:avoid}
 html body :is(button,input,textarea,select,a):focus-visible{outline:0!important}
}
/* Keep a compact two-row feed toolbar on phones, with a stable clock. */
html body .shared-clock-colon{animation:none!important;opacity:1!important}
@media(max-width:760px){
 html body .news-feeds-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding-block:8px}
 html body .news-feeds-toggle{text-align:left;white-space:normal}
 html body .news-feeds-toolbar select{width:140px;max-width:100%;min-width:0}
 html body .news-feeds-toolbar .secondary{grid-column:2;grid-row:2;justify-self:end}
 html body .news-feeds-updated{grid-column:1;grid-row:2;width:auto}
}
/* Compatibility with the former dark stylesheet's hard-coded canvas colours. */
html[data-theme=dark] body,html[data-theme=dark] body main,html[data-theme=dark] body.factory-edit-page{background:var(--ds-canvas)!important;color:var(--ds-ink)!important}
html[data-theme=dark] body :is(.shared-site-header,.shared-site-nav,.app-nav,.factory-editor-page-nav){background:var(--ds-surface)!important;color:var(--ds-ink)!important;border-color:var(--ds-line)!important}
html[data-theme=dark] body :is(.archive-card,.archive-item,.archive-detail,.archive-editor,.archive-empty,.archive-login,.factory-filter-panel,.factory-admin-row,.resource-card,.admin-row,.news-feeds,.login-card,dialog){background:var(--ds-surface)!important;color:var(--ds-ink)!important;border-color:var(--ds-line)!important}
html[data-theme=dark] body :is(.event-summary,.event-name strong,.factory-body,.archive-detail-body){color:var(--ds-ink)!important}
/* Home cards keep their own reading width and icon space at every breakpoint. */
html body .shared-site-nav a.shared-admin-button{background:var(--ds-subtle)!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;margin-left:8px}

html{background:var(--ds-canvas)!important}
html[data-theme=dark] body :is(.factory-nav,.factory-admin-tabs,.segmented){background:var(--ds-subtle)!important;border-color:var(--ds-line)!important}
html[data-theme=dark] body :is(.factory-nav,.factory-admin-tabs,.segmented) button.active{background:var(--ds-surface)!important;color:var(--ds-accent-ink)!important}

/* Application accents and semantic feedback share the palette in both themes. */
html body .portal-button[href="/journal"] .portal-app-icon{background:var(--ds-info-bg);color:var(--ds-info)}
html body .portal-button[href="/archive"] .portal-app-icon{background:var(--ds-archive-bg);color:var(--ds-archive)}
html body :is(.factory-nav,.factory-admin-tabs,.segmented) button.active,
html[data-theme=dark] body :is(.factory-nav,.factory-admin-tabs,.segmented) button.active{background:var(--ds-accent)!important;color:var(--ds-accent-ink)!important;box-shadow:none!important}
html body :is(.factory-card-tag,.archive-tag){background:var(--ds-accent)!important;color:var(--ds-accent-ink)!important}
html body .badge.report-included{background:var(--ds-info-bg)!important;color:var(--ds-info)!important}
html body :is(.announcement,.badge.urgent){background:var(--ds-warning-bg)!important;color:var(--ds-warning)!important;border-color:color-mix(in srgb,var(--ds-warning) 25%,var(--ds-line))!important}
html body .announcement p{color:var(--ds-warning)!important}
html body :is(.archive-detail-body,.factory-body) a{color:var(--ds-info)!important}
html body :is(.archive-detail-body,.factory-body) blockquote{background:var(--ds-subtle);border-color:var(--ds-line);color:var(--ds-muted)}
html body :is(.calendar-day,.flatpickr-calendar,.flatpickr-months,.flatpickr-weekdays){background:var(--ds-surface);color:var(--ds-ink);border-color:var(--ds-line)}
html body .calendar-day.today{box-shadow:inset 0 0 0 1px var(--ds-primary)}
html body .flatpickr-day{color:var(--ds-ink)}
html body .flatpickr-day:is(.selected,.startRange,.endRange){background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-on-primary)}
html body .flatpickr-day:hover{background:var(--ds-subtle);border-color:var(--ds-line)}
html body .news-feeds{border-color:color-mix(in srgb,var(--ds-primary) 20%,var(--ds-line))!important}

html body .event-card[data-event-time]{--event-tint:var(--ds-phase-future)!important}
html body .event-card[data-event-time=current]{--event-tint:var(--ds-phase-current)!important}
html body .event-card[data-event-time=past]{--event-tint:var(--ds-phase-past)!important}
html body .event-card[data-event-time=cancelled]{--event-tint:var(--ds-phase-cancelled)!important}
html body .event-card[data-event-phase] .event-color{background:var(--ds-phase-future)!important}
html body .event-card[data-event-phase=active] .event-color{background:var(--ds-phase-current)!important}
html body .event-card[data-event-phase=completed] .event-color{background:var(--ds-phase-past)!important}
html body .event-card[data-event-phase=cancelled] .event-color{background:var(--ds-phase-cancelled)!important}
html body #calendarGrid .calendar-day.journal-selected-day{background:var(--ds-accent)!important;box-shadow:inset 0 0 0 1px var(--ds-primary)!important}
/* Native and legacy proxy controls now share a square checkbox, never a slider. */
html body input[type=checkbox]{
 appearance:none!important;-webkit-appearance:none!important;position:relative!important;
 display:inline-block!important;box-sizing:border-box!important;flex:0 0 18px!important;
 width:18px!important;min-width:18px!important;max-width:18px!important;
 height:18px!important;min-height:18px!important;max-height:18px!important;
 margin:0!important;padding:0!important;border:1.5px solid var(--ds-muted)!important;
 border-radius:5px!important;background:var(--ds-surface)!important;box-shadow:none!important;
 vertical-align:middle!important;cursor:pointer!important;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease!important;
}
html body input[type=checkbox]::before{content:none!important}
html body input[type=checkbox]::after{content:none!important}
html body input[type=checkbox]:is(:checked,:indeterminate){background:var(--ds-primary)!important;border-color:var(--ds-primary)!important}
html body input[type=checkbox]:checked::after{
 content:''!important;position:absolute!important;display:block!important;box-sizing:border-box!important;
 width:5px!important;height:9px!important;left:5px!important;top:2px!important;
 border:0!important;border-right:2px solid var(--ds-on-primary)!important;border-bottom:2px solid var(--ds-on-primary)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:rotate(45deg)!important;transition:none!important;
}
html body input[type=checkbox]:indeterminate::after{
 content:''!important;position:absolute!important;display:block!important;left:3px!important;top:6px!important;
 width:9px!important;height:2px!important;border:0!important;border-radius:1px!important;
 background:var(--ds-on-primary)!important;box-shadow:none!important;transform:none!important;
}
html body input[type=checkbox]:hover:not(:disabled){border-color:var(--ds-primary)!important}
html body input[type=checkbox]:focus-visible{outline:3px solid var(--ds-focus)!important;outline-offset:3px!important;box-shadow:none!important}
html body input[type=checkbox]:disabled{opacity:.45!important;cursor:not-allowed!important}
/* Keep hidden semantic inputs clipped; existing handlers and label hit targets stay intact. */
html body :is(.factory-inline-approval,.factory-edition-tag) input[type=checkbox]{
 position:absolute!important;width:1px!important;min-width:1px!important;max-width:1px!important;
 height:1px!important;min-height:0!important;max-height:1px!important;flex:none!important;
 opacity:0!important;clip-path:inset(50%)!important;overflow:hidden!important;
}
html body :is(.factory-switch,.factory-tag-checkbox),
html body #factoryResults .factory-card-controls .factory-edition-tag .factory-switch{
 position:relative!important;display:inline-block!important;box-sizing:border-box!important;flex:0 0 18px!important;
 width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;
 border:1.5px solid var(--ds-muted)!important;border-radius:5px!important;background:var(--ds-surface)!important;box-shadow:none!important;
}
html body :is(.factory-switch,.factory-tag-checkbox)::after{content:none!important}
html body input:checked+:is(.factory-switch,.factory-tag-checkbox){background:var(--ds-primary)!important;border-color:var(--ds-primary)!important}
html body input:checked+:is(.factory-switch,.factory-tag-checkbox)::after{
 content:''!important;position:absolute!important;display:block!important;box-sizing:border-box!important;
 width:5px!important;height:9px!important;left:5px!important;top:2px!important;
 border:0!important;border-right:2px solid var(--ds-on-primary)!important;border-bottom:2px solid var(--ds-on-primary)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:rotate(45deg)!important;transition:none!important;
}
html body input:focus-visible+:is(.factory-switch,.factory-tag-checkbox){outline:3px solid var(--ds-focus)!important;outline-offset:3px!important}
html body input:disabled+:is(.factory-switch,.factory-tag-checkbox){opacity:.45!important;cursor:not-allowed!important}
html body .factory-inline-approval:has(input:checked){background:var(--ds-success-bg)!important;color:var(--ds-success)!important;border-color:var(--ds-line)!important}
@media(forced-colors:active){
 html body input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;background:Canvas!important;border-color:ButtonText!important}
 html body input[type=checkbox]::after{content:none!important}
 html body :is(.factory-switch,.factory-tag-checkbox){forced-color-adjust:none;background:Canvas!important;border-color:ButtonText!important}
 html body input:checked+:is(.factory-switch,.factory-tag-checkbox){background:Highlight!important;border-color:Highlight!important}
 html body input:checked+:is(.factory-switch,.factory-tag-checkbox)::after{border-right-color:HighlightText!important;border-bottom-color:HighlightText!important}
}
@media(prefers-reduced-motion:reduce){html body input[type=checkbox],html body :is(.factory-switch,.factory-tag-checkbox){transition:none!important}}

html body .factory-inline-approval>.factory-approval-check{display:none!important}

/* Compact application launcher: names only. */
html body main.portal.portal-home{display:flex!important;flex-direction:column;justify-content:center!important;gap:18px;width:min(820px,100%)!important;max-width:820px!important;min-height:calc(100svh - 56px);margin-inline:auto!important;padding:40px 32px!important;background:transparent}
html body .portal-welcome{display:block;width:100%;height:auto;margin:0;border:0}
html body .portal-welcome .eyebrow{margin:0;font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--ds-muted)}
html body .portal-home .portal-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
html body .portal-home a.portal-button{display:flex;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;min-height:72px!important;padding:16px!important;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface)!important;color:var(--ds-ink)!important;text-align:left;box-shadow:var(--ds-shadow)!important;transform:none!important;letter-spacing:normal}
html body .portal-home a.portal-button:hover{border-color:var(--ds-primary)!important;background:var(--ds-hover)!important}
html body .portal-app-icon{position:static!important;flex:0 0 32px;width:32px;height:32px;padding:7px;display:grid;place-items:center;border-radius:8px;background:var(--ds-accent);color:var(--ds-accent-ink);margin:0!important}
html body .portal-app-icon svg{width:18px;height:18px}
html body .portal-app-name{font-size:17px;line-height:1.3;letter-spacing:-.02em;font-weight:650;margin:0!important;padding:0!important}
html body .portal-app-arrow{position:static!important;margin-left:auto;color:var(--ds-muted);font-size:18px;font-weight:400}
@media(max-width:760px){html body main.portal.portal-home{padding:28px 18px!important}html body .portal-home .portal-buttons{grid-template-columns:1fr;gap:10px}html body .portal-home a.portal-button{min-height:64px!important;padding:12px 16px!important}}