:root{--ink:#14233b;--muted:#68758a;--line:#e4e9f1;--blue:#2358d8;--pale:#f5f8fc}*{box-sizing:border-box}body{margin:0;background:var(--pale);font:14px Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.shell>aside{background:#102544;color:#dce8fb;padding:25px 16px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;letter-spacing:.4px;padding:0 10px 34px}.brand small{color:#83a2d9;font-size:10px}nav{display:grid;grid-gap:6px;gap:6px}nav a{color:#c7d6ee;text-decoration:none;padding:11px 10px;border-radius:7px}nav a:hover{background:#203a60;color:white}.account{margin-top:auto;padding:15px 10px;border-top:1px solid #2d4566;display:grid;grid-gap:4px;gap:4px}.account span{font-size:12px;color:#9eb6d8}main{padding:34px 40px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{font-size:27px;margin:3px 0}h2{font-size:18px}.eyebrow{margin:0;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#70809a}.toolbar{display:flex;gap:10px;margin-bottom:16px}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:white;padding:11px;font:inherit;color:var(--ink)}input{width:350px}button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;color:var(--ink);font-weight:600;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:white}.workspace{display:grid;grid-template-columns:270px minmax(430px,1fr) 230px;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:630px;overflow:hidden}.thread-list{border-right:1px solid var(--line)}.list-title{padding:16px;font-weight:700;border-bottom:1px solid var(--line)}.list-title span{float:right;background:#e9effd;padding:2px 7px;border-radius:9px;color:var(--blue)}.thread{padding:15px 16px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.thread.active{border-left-color:var(--blue);background:#f3f6ff}.thread p,.thread small{display:block;color:var(--muted);margin:5px 0 0}.thread p{color:#34445d}.conversation{padding:25px;display:flex;flex-direction:column;gap:16px}.conversation-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.conversation-top h2{margin:4px 0}.conversation-top span{color:var(--muted)}.tags i{font-style:normal;background:#fff1da;color:#a76100;border-radius:12px;padding:5px 9px;margin-left:4px}.message{padding:13px 15px;border-radius:8px;max-width:85%}.message b,.message small{display:block}.message small{color:var(--muted);margin-top:3px}.message p{line-height:1.55}.inbound{background:#f0f4f9}.outbound{background:#e9f6f0;margin-left:auto}.link{border:0;background:transparent;color:var(--blue);padding:0}.reply{margin-top:auto;border:1px solid var(--line);border-radius:8px;overflow:hidden}.reply-meta{background:#fafbfc;padding:10px;color:var(--muted)}.reply-meta span{color:#198754}.reply textarea{width:100%;height:90px;border:0;border-radius:0;resize:none}.reply>div:last-child{display:flex;justify-content:space-between;padding:10px;border-top:1px solid var(--line)}.profile{border-left:1px solid var(--line);background:#fbfcfe;padding:20px!important;color:var(--ink)!important;display:block!important}.profile h3{margin-top:0}.profile dl{line-height:1.5}.profile dt{color:var(--muted);font-size:12px;margin-top:13px}.profile dd{margin:2px 0}.profile hr{border:0;border-top:1px solid var(--line);margin:22px 0}.note{background:#fff8db;padding:10px;line-height:1.5}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.card h2{margin-top:0}.card p{line-height:1.7;max-width:720px;color:#46546b}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:15px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.status{color:#14804a;font-weight:600}.status.muted{color:#9a6a00}@media(max-width:900px){.shell{grid-template-columns:1fr}.shell>aside{display:none}main{padding:22px}.workspace{grid-template-columns:240px minmax(420px,1fr)}.profile{display:none!important}}.action-cell{display:flex;gap:6px;flex-wrap:wrap}.action-cell button{padding:7px 9px}.error-notice{background:#fff0f2!important;color:#b4233c!important;border-color:#ffc7d0!important}.check-row{display:flex!important;align-items:center;gap:9px;margin:8px 0!important;font-weight:500!important}.check-row input{width:auto!important}.modal fieldset{border:1px solid var(--line);border-radius:8px;margin:15px 0;padding:12px}.modal legend{padding:0 6px;font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.settings-list{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin:0}.settings-list dt{color:var(--muted)}.settings-list dd{margin:0}.bi-form,.stack-form{display:grid;grid-gap:12px;gap:12px}.bi-form label,.stack-form label{display:grid;grid-gap:6px;gap:6px;font-weight:700}.bi-form input,.stack-form input{width:100%}.integration-card{margin-top:16px}.integration-list{display:grid;grid-gap:10px;gap:10px}.integration-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px}.integration-list span{display:grid;grid-gap:4px;gap:4px}.integration-list small{color:var(--muted)}.bi-form{grid-template-columns:repeat(2,minmax(220px,1fr))}.bi-form button{align-self:end}@media(max-width:900px){.bi-form,.settings-grid{grid-template-columns:1fr}}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.report-grid .card h2{font-size:34px;margin:8px 0}.report-grid .card p{margin:0;color:#64748b}@media(max-width:900px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2px 10px;gap:2px 10px}.employee-modal{width:min(720px,calc(100vw - 30px));max-height:92vh;overflow:auto}.password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.password-row input{width:100%}.credential-card{display:flex;align-items:center;gap:10px;margin-bottom:14px;border-color:#b7dfc8;background:#f3fff7}.credential-card>div{display:grid;grid-gap:4px;gap:4px;margin-right:auto}.credential-card strong{font-family:Consolas,monospace}.danger-button{color:#b4233c;border-color:#ffc7d0}.modal small{color:var(--muted)}.notice{padding:12px 14px;background:#ecfdf3;color:#127545;border:1px solid #c8f0d7;border-radius:8px}.modal-backdrop{position:fixed;inset:0;background:#12243c66;display:grid;place-items:center;padding:20px;z-index:10}.modal{display:grid;grid-gap:14px;gap:14px;width:min(460px,100%);padding:28px;background:#fff;border-radius:12px;box-shadow:0 20px 50px #0f1f3777}.modal h2{margin:0}.modal label{display:grid;grid-gap:6px;gap:6px;font-weight:700}.modal input,.modal select{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.shell>main{padding:18px 28px}.shell>main>header{margin-bottom:8px}.app-sidebar{position:relative}.app-collapse{position:absolute;top:7px;right:-17px;z-index:3;width:34px;height:42px;padding:0;border-radius:0 7px 7px 0;border-color:#cfd9e9;background:#fff;color:#2456c8;font-size:28px;line-height:1;box-shadow:2px 1px 4px #172f5022}.app-sidebar nav a{display:flex;align-items:center;gap:10px}.app-sidebar nav i{display:none;width:24px}.app-shell-collapsed{grid-template-columns:72px 1fr}.app-shell-collapsed .brand{padding:0 0 34px;text-align:center}.app-shell-collapsed .account,.app-shell-collapsed .brand small,.app-shell-collapsed .nav-text{display:none}.app-shell-collapsed .app-sidebar nav i{display:block}.app-shell-collapsed .app-sidebar nav a{justify-content:center;padding:12px 0}.app-shell-collapsed .app-collapse{right:-17px}.channel-bar{margin:0 0 10px!important}.toolbar{margin-bottom:10px!important}.workspace-v2{min-height:690px}.workspace-v2.collapsed{grid-template-columns:270px minmax(620px,1fr) 230px}.conversation{padding:20px!important}.profile{padding:16px!important}.collapse-button{float:left;margin-left:-2px}@media(max-width:900px){.shell>main{padding:16px}.app-collapse{display:none}}.active-nav{background:#203a60;color:#fff!important}.account button{margin-top:8px;padding:7px 9px;background:#1b3559;border-color:#3a5274;color:#fff}.security-banner{margin:-18px -28px 14px;padding:10px 28px;background:#fff4ce;color:#805900;border-bottom:1px solid #eadb9b}.page-loading{min-height:100vh;display:grid;place-items:center;color:#68758a;font-size:16px}.shell{grid-template-columns:154px minmax(0,1fr)}.shell>main{padding:8px 12px}.shell>main>header{margin-bottom:6px}.app-sidebar{padding:18px 10px!important}.brand{font-size:16px!important;padding:0 6px 20px!important;white-space:nowrap}.app-sidebar nav a,.channel-parent{display:flex;align-items:center;gap:7px}.app-sidebar nav i{display:block!important;font-style:normal;width:18px;text-align:center}.channel-parent{width:100%;border:0;background:transparent;color:#c7d6ee;padding:9px 8px;justify-content:flex-start}.channel-parent small{margin-left:auto}.channel-subnav{display:grid;grid-gap:3px;gap:3px;padding-left:6px;margin-bottom:4px}.channel-subnav a{padding:7px 8px!important;font-size:12px}.security-banner{margin:-8px -12px 8px;padding:7px 14px}.app-collapse{z-index:30}.mail-folder,.mailbox{width:100%;border:0;background:transparent;font:inherit;text-align:left}.thread{width:100%;background:#fff;text-align:left;border-radius:0}.thread:hover{background:#f8faff}.advanced{display:flex;gap:10px;align-items:center;padding:12px 16px;margin-bottom:10px}.advanced button{padding:6px 10px}.empty{padding:16px;color:var(--muted)}.modal textarea{min-height:110px;width:100%;resize:vertical}.tags{display:flex;align-items:center;gap:5px}.tags button{border:0;background:#fff1da;color:#9a5e00;border-radius:12px;padding:5px 9px;font-size:12px}.tags .tag-add{background:#f5f7fb;color:#315a9b;border:1px dashed #aebed7}.tag-row{display:flex;gap:8px;align-items:center;padding:2px 0 8px;color:#53647b;font-size:12px}.tag-row b{color:#263b57}.ticket-filters{display:flex;gap:8px;margin:16px 0}.ticket-filters button{padding:7px 11px}.shell{grid-template-columns:196px minmax(0,1fr)}.app-sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column}.app-sidebar nav{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.app-sidebar .account{position:static;margin-top:auto;flex-shrink:0;padding-top:12px}.fcs-nav-group{flex:0 0 auto;border:0;padding:0}.fcs-nav-group .channel-parent{font-size:13px;font-weight:650}.fcs-nav-group .nav-text small{font-size:10px;opacity:.7}.app-shell-collapsed{grid-template-columns:64px minmax(0,1fr)}.app-shell-collapsed .brand span{font-size:0}.app-shell-collapsed .brand span:after{content:"FCS";font-size:14px}.app-sidebar-header{display:flex;align-items:center;gap:8px;min-height:28px;margin-bottom:12px;flex-shrink:0}.app-sidebar-header .brand{flex:1 1;min-width:0;padding:0!important;font-size:15px!important}.app-sidebar .app-collapse{position:static;inset:auto;z-index:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin:0;padding:0;border:1px solid #385171;border-radius:6px;background:transparent;color:#c7d6ee;box-shadow:none}.app-sidebar .app-collapse:hover{background:#203a60;color:#fff}.app-sidebar a:focus-visible,.app-sidebar button:focus-visible{outline:2px solid #95b9ff;outline-offset:-2px}.fcs-nav-group .channel-parent{min-height:40px;border-radius:6px}.fcs-nav-group .channel-parent:hover,.fcs-nav-group .channel-parent[aria-expanded=true]{background:#ffffff08;color:#fff}.fcs-nav-group .channel-subnav{gap:2px;margin:0;padding-bottom:4px}.fcs-nav-group .channel-subnav[hidden]{display:none}.app-shell-collapsed .app-sidebar-header{justify-content:center}.app-shell-collapsed .app-sidebar-header .brand,.app-shell-collapsed .channel-parent small{display:none}.app-shell-collapsed .channel-parent{justify-content:center;padding:9px 0}.fcs-secondary-nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px;border-bottom:1px solid #dce4f0;padding-bottom:10px}.fcs-secondary-nav button{padding:7px 16px}.shell .workspace.workspace-v2{grid-template-columns:270px minmax(360px,1fr) 210px}.shell .workspace.workspace-v2>.conversation{min-width:0}.shell .workspace.workspace-v2>.profile{min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.shell{grid-template-columns:164px minmax(0,1fr)}.app-shell-collapsed{grid-template-columns:64px minmax(0,1fr)}}