
.ic-root{--ic-accent:#175cd3;--ic-border:#d0d5dd;--ic-muted:#475467;color:#101828;font:.875rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left;isolation:isolate}
.ic-root[data-ic-area=customer]{position:relative;z-index:10010}.ic-root *{box-sizing:border-box}.ic-root [hidden]{display:none!important}.ic-root button,.ic-root input,.ic-root textarea,.ic-root select{font:inherit;color:inherit}.ic-root button{border:1px solid var(--ic-border);border-radius:7px;background:#fff;padding:7px 11px;cursor:pointer;line-height:1.4}.ic-root button:hover{background:#f2f4f7}.ic-root button:disabled{opacity:.55;cursor:wait}.ic-root :focus-visible{outline:3px solid #84adff;outline-offset:2px}.ic-root .ic-primary{background:var(--ic-accent);color:white;border-color:var(--ic-accent)}.ic-root .ic-primary:hover{background:#1849a9}.ic-root .ic-launch{position:fixed;right:20px;bottom:20px;z-index:10010;padding:12px 18px;box-shadow:0 5px 18px #10182822}.ic-root .ic-panel{position:fixed;right:20px;bottom:76px;width:390px;max-width:calc(100vw - 24px);height:min(650px,calc(100dvh - 100px));z-index:10010;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ic-border);border-radius:12px;box-shadow:0 10px 35px #10182833;overflow:hidden}.ic-root .ic-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--ic-border);background:#f8fafc}.ic-root .ic-header h2{font-size:1.2em;margin:0;color:inherit}.ic-root .ic-notice{max-height:clamp(28px,10dvh,90px);overflow:auto;flex-shrink:0;font-size:.86em;color:var(--ic-muted);padding:7px 12px;background:#f8fafc;overflow-wrap:anywhere}.ic-root .ic-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--ic-border)}.ic-root .ic-messages{min-height:0;flex:1;overflow:auto;padding:12px;overscroll-behavior:contain;scrollbar-gutter:stable}.ic-root .ic-message{max-width:95%;margin:0 0 12px;padding:9px 11px;border-radius:9px;background:#f2f4f7;overflow-wrap:anywhere;white-space:pre-wrap}.ic-root .ic-message[data-sender=customer]{margin-left:auto;background:#eff4ff}.ic-root .ic-meta{font-size:11px;color:var(--ic-muted);margin-bottom:4px;white-space:normal}.ic-root .ic-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ic-root .ic-thumb{display:block;max-width:100%;max-height:180px;object-fit:contain;margin-top:7px}.ic-root .ic-message .ic-feedback{display:flex;gap:6px;margin-top:8px;white-space:normal}.ic-root .ic-feedback button{font-size:12px;padding:4px 7px}.ic-root .ic-compose{padding:9px;border-top:1px solid var(--ic-border);flex-shrink:0;background:#fff}.ic-root textarea,.ic-root input,.ic-root select{border:1px solid var(--ic-border);border-radius:6px;padding:8px;background:#fff;max-width:100%}.ic-root .ic-compose textarea{display:block;width:100%;resize:vertical;min-height:60px;max-height:120px}.ic-root .ic-compose-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.ic-root .ic-preview{display:flex;align-items:center;gap:8px;padding:6px 0}.ic-root .ic-preview img{max-height:60px;max-width:100px;object-fit:contain}.ic-root .ic-status{padding:6px 10px;color:#b42318;overflow-wrap:anywhere;max-height:100px;overflow:auto}.ic-root .ic-history{overflow:auto;max-height:150px;padding:8px}.ic-root .ic-history button{display:block;width:100%;text-align:left;margin-bottom:5px;overflow-wrap:anywhere}.ic-root .ic-captcha{padding:8px;background:#fffaeb}.ic-root .ic-captcha img{display:block}.ic-root .ic-captcha input{max-width:110px}.ic-root dialog{border:1px solid var(--ic-border);border-radius:12px;max-width:95vw;max-height:90dvh;padding:12px}.ic-root dialog::backdrop{background:#101828aa}.ic-root dialog img{display:block;max-width:85vw;max-height:75dvh;object-fit:contain}.ic-root .ic-admin{background:white;border:1px solid var(--ic-border);border-radius:10px;min-height:600px}.ic-root .ic-tabs{display:flex;gap:8px;padding:12px;flex-wrap:wrap;border-bottom:1px solid var(--ic-border)}.ic-root .ic-tabs button[aria-selected=true]{background:#eff4ff;border-color:var(--ic-accent);color:var(--ic-accent)}.ic-root .ic-desk{display:grid;grid-template-columns:minmax(200px,28%) minmax(0,1fr);height:650px;max-height:85dvh}.ic-root .ic-list{overflow:auto;border-right:1px solid var(--ic-border);padding:10px}.ic-root .ic-list button{display:block;text-align:left;width:100%;margin-bottom:6px;overflow-wrap:anywhere}.ic-root .ic-chat{display:flex;flex-direction:column;min-height:0;min-width:0}.ic-root .ic-page{padding:16px;max-width:1100px}.ic-root .ic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.ic-root label{display:block;margin:8px 0;font-weight:500}.ic-root label input:not([type=checkbox]),.ic-root label textarea,.ic-root label select{display:block;width:100%;margin-top:4px}.ic-root label textarea{min-height:90px;resize:vertical}.ic-root .ic-card{border:1px solid var(--ic-border);border-radius:8px;padding:12px;margin:10px 0;overflow-wrap:anywhere}.ic-root .ic-card p{white-space:pre-wrap}.ic-root .ic-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ic-root .ic-small{font-size:12px;color:var(--ic-muted)}.ic-root pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;padding:10px}.ic-root .ic-online{color:#067647}
@media(max-width:600px){.ic-root .ic-panel{right:6px;bottom:6px;width:calc(100vw - 12px);max-width:none;height:calc(100dvh - 12px);border-radius:9px}.ic-root .ic-launch{right:12px;bottom:12px}.ic-root .ic-desk{display:flex;flex-direction:column;height:800px;max-height:none}.ic-root .ic-list{max-height:180px;border-right:0;border-bottom:1px solid var(--ic-border);flex-shrink:0}.ic-root .ic-chat{height:600px}.ic-root .ic-grid{grid-template-columns:minmax(0,1fr)}}
.ic-root .ic-list button.ic-unread{border:2px solid #d92d20;background:#fff1f0;color:#b42318;font-weight:700;box-shadow:0 0 0 2px #fecdca;animation:ic-pulse 1.8s ease-in-out infinite}
.ic-root .ic-list button.ic-unread::before{content:'🔔 ';}
@keyframes ic-pulse{0%,100%{box-shadow:0 0 0 2px #fecdca}50%{box-shadow:0 0 0 5px #fecdca}}
.ic-root .ic-admin{max-width:1500px;margin:0 auto;box-shadow:0 8px 28px #10182818}
.ic-root .ic-admin .ic-header{position:sticky;top:0;z-index:2;background:#f8fafc}
.ic-root .ic-admin .ic-desk{grid-template-columns:minmax(250px,25%) minmax(420px,1fr) minmax(250px,28%);height:min(780px,calc(100dvh - 180px));max-height:none;background:#fff}
.ic-root .ic-admin .ic-list{background:#fcfcfd}
.ic-root .ic-admin .ic-chat{border-right:1px solid var(--ic-border)}
.ic-root .ic-admin .ic-chat .ic-notice{border-bottom:1px solid var(--ic-border)}
.ic-root .ic-admin .ic-chat details{display:block;overflow:auto;max-height:220px;padding:8px 12px;border-bottom:1px solid var(--ic-border);background:#fff}
.ic-root .ic-admin .ic-chat details[open]{box-shadow:inset 0 -2px 0 #dbeafe}
@media(max-width:900px){.ic-root .ic-admin .ic-desk{grid-template-columns:minmax(210px,30%) minmax(0,1fr)}.ic-root .ic-admin .ic-chat details{max-height:180px}}
/* Unified admin boundary: the desk has two real columns; all tabs share the same canvas. */
.ic-root .ic-admin{width:100%;max-width:none;min-height:0}
.ic-root .ic-admin .ic-desk{grid-template-columns:minmax(240px,28%) minmax(0,1fr);width:100%;height:min(780px,calc(100dvh - 180px));max-height:none}
.ic-root .ic-admin .ic-list{min-width:0}
.ic-root .ic-admin .ic-chat{min-width:0;border-right:0}
.ic-root .ic-admin .ic-page{width:100%;max-width:none;min-height:650px;padding:16px;background:#fff;border-top:1px solid var(--ic-border)}
.ic-root .ic-admin .ic-page>.ic-grid{width:100%;max-width:none}
.ic-root .ic-admin .ic-page>.ic-card{width:100%}
@media(max-width:900px){.ic-root .ic-admin .ic-desk{grid-template-columns:minmax(210px,32%) minmax(0,1fr);height:calc(100dvh - 190px)}}
.ic-root .ic-page>.ic-card details,.ic-root .ic-page>details.ic-card{margin:0}
.ic-root .ic-page>details.ic-card>summary{cursor:pointer;font-weight:700;padding:4px}
.ic-root .ic-page>details.ic-card pre{max-height:220px;overflow:auto}
.ic-root .ic-page>details.ic-card:not([open])>p,.ic-root .ic-page>details.ic-card:not([open])>pre{display:none}
.ic-root .ic-page>.ic-card{min-width:0}
.ic-root .ic-page>.ic-card pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.ic-root .ic-grid{align-items:start}
.ic-root .ic-grid>label:has(input[type=checkbox]){display:flex;align-items:center;gap:6px;min-height:38px;margin:0;padding:8px 10px;border:1px solid var(--ic-border);border-radius:6px;background:#fff}
.ic-root .ic-grid>label:has(input[type=checkbox]) input[type=checkbox]{width:auto;margin:0}
/* Keep settings readable on ultrawide WHMCS layouts. */
.ic-root .ic-admin .ic-page>.ic-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1500px;margin:0 auto;gap:14px}
.ic-root .ic-admin .ic-page>.ic-actions,.ic-root .ic-admin .ic-page>h3,.ic-root .ic-admin .ic-page>p,.ic-root .ic-admin .ic-page>.ic-card,.ic-root .ic-admin .ic-page>details{max-width:1500px;margin-left:auto;margin-right:auto}
.ic-root .ic-admin .ic-page>.ic-card pre{max-height:260px;overflow:auto}
@media(max-width:1200px){.ic-root .ic-admin .ic-page>.ic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.ic-root .ic-admin .ic-page>.ic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ic-root .ic-admin .ic-page>.ic-grid{grid-template-columns:minmax(0,1fr)}}
.ic-root button{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}
.ic-root button:active{transform:translateY(1px)}
.ic-root .ic-toolbar button.ic-primary,.ic-root .ic-compose-actions .ic-primary{min-width:76px;font-weight:600}
.ic-root .ic-status:empty{display:none}
.ic-root .ic-admin .ic-tabs{align-items:center;background:#f8fafc}
.ic-root .ic-admin .ic-tabs button{min-width:92px}
/* Settings form alignment */
.ic-root .ic-admin .ic-page>.ic-grid>label{min-height:64px;margin:0;display:flex;flex-direction:column;justify-content:flex-start}
.ic-root .ic-admin .ic-page>.ic-grid>label:has(input[type=checkbox]){min-height:64px;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 14px}
.ic-root .ic-admin .ic-page>.ic-grid>label input:not([type=checkbox]),.ic-root .ic-admin .ic-page>.ic-grid>label select{height:38px}
.ic-root .ic-admin .ic-page>.ic-grid>label:has(input[type=checkbox]) input[type=checkbox]{height:auto}
.ic-root .ic-admin .ic-page>.ic-primary{margin-top:16px;margin-right:8px}
.ic-root .ic-admin .ic-page>button:not(.ic-primary){margin-top:16px}
/* Candidate page rhythm */
.ic-root .ic-admin .ic-page>h3{margin-top:4px;margin-bottom:8px;font-size:22px}
.ic-root .ic-admin .ic-page>h3+p{margin-top:0;margin-bottom:20px;color:var(--ic-muted)}
.ic-root .ic-admin .ic-page>h3+p+.ic-row{margin-bottom:20px;align-items:center}
.ic-root .ic-admin .ic-page>h3+p+.ic-row select{min-width:150px;height:40px}
.ic-root .ic-admin .ic-page>h3+p+.ic-row .ic-small{font-size:14px}
.ic-root .ic-admin .ic-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding-top:12px;margin-bottom:16px}
.ic-root .ic-admin .ic-actions button{float:none!important;margin:0!important}

/* One shared boundary for the candidate heading, filters, cards and pagination. */
.ic-root .ic-admin .ic-candidates{width:100%;max-width:1500px;margin-inline:auto;min-width:0}
.ic-root .ic-candidates>h3{margin:4px 0 8px;font-size:22px}
.ic-root .ic-candidates>p{margin:0 0 20px;color:var(--ic-muted);overflow-wrap:anywhere}
.ic-root .ic-candidate-filters{gap:12px;margin-bottom:20px}
.ic-root .ic-candidate-filters select{min-width:150px;max-width:100%}
.ic-root .ic-candidate-filters .ic-small{flex:1 1 260px;overflow-wrap:anywhere}
.ic-root .ic-candidates>.ic-card{margin:0 0 16px;padding:16px}
.ic-root .ic-candidate-actions{gap:8px;margin-top:16px}
.ic-root .ic-candidate-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ic-root .ic-candidate-pages{justify-content:flex-end;gap:8px}
@media(max-width:520px){.ic-root .ic-candidate-filters select{flex:1 1 140px}.ic-root .ic-candidate-actions button{flex:1 1 140px}}
