/* One category choice precedes every new customer service request. */
:root[data-theme] body #app .request-choice{max-width:960px;padding-block:24px 48px}
:root[data-theme] body #app .request-choice h1{font-size:28px;margin:0 0 24px}
:root[data-theme] body #app .request-choice fieldset{padding:0;margin:0;border:0}
:root[data-theme] body #app .request-choice legend{font-weight:700;margin-bottom:14px}
:root[data-theme] body #app .request-category-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:root[data-theme] body #app .request-category-option{display:flex;align-items:center;justify-content:center;gap:12px;min-height:96px;border:1px solid #c5c6cc;border-radius:16px;padding:16px;cursor:pointer;background:#fff;color:#1f2024;font-weight:700;min-width:0}
:root[data-theme] body #app .request-category-option:has(input:checked){border-color:#006ffd;background:#eaf2ff;color:#006ffd}
:root[data-theme] body #app .request-category-option input{width:24px;height:24px;flex:none;margin:0}
:root[data-theme] body #app .request-category-option img{width:36px;height:36px;flex:none}
:root[data-theme] body #app .request-choice-actions{display:flex;justify-content:flex-end;margin-top:24px}
:root[data-theme] body #app .request-choice-actions button{min-width:160px;min-height:48px}
:root[data-theme] body #app .request-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e8e9f1}
:root[data-theme] body #app .request-selected>span{display:flex;align-items:center;gap:12px;font-weight:700;color:#006ffd}
:root[data-theme] body #app .request-selected>a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 14px}
:root[data-theme] body #app .request-specific{min-width:0;border:1px solid #e8e9f1;border-radius:16px;padding:16px;margin:0}
:root[data-theme] body #app .request-specific legend{font-weight:700;padding-inline:6px}
:root[data-theme] body #app .request-symptoms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:root[data-theme] body #app .request-symptoms label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e8e9f1;border-radius:12px;min-height:48px}
:root[data-theme] body #app .request-symptoms input{flex:none;margin:0}
@media(max-width:767px){:root[data-theme] body #app .request-category-options{grid-template-columns:minmax(0,1fr)}:root[data-theme] body #app .request-category-option{justify-content:flex-start;min-height:76px}:root[data-theme] body #app .request-choice-actions button{width:100%}:root[data-theme] body #app .request-symptoms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:359px){:root[data-theme] body #app .request-symptoms{grid-template-columns:minmax(0,1fr)}}

@media(min-width:768px) and (max-width:1100px){:root[data-theme] body #app .request-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

:root[data-theme] body #app #request-form .field[hidden]{display:none!important}