*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f6fb;color:#14213d}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid #d9e2ef;border-radius:9px;background:#fff;padding:10px 12px;color:#18253f;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#52617a}small,.muted{color:#8090a9}.tiny{font-size:11px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:linear-gradient(180deg,#13243a 0%,#101d30 100%);color:#dce8f7;padding:18px 12px 14px;display:flex;flex-direction:column;z-index:40;box-shadow:8px 0 24px rgba(15,31,52,.08)}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 18px;color:#fff}.side-brand img{height:var(--logo-desktop);max-width:160px;object-fit:contain}.cube-logo{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#1685ff,#315bd9);font-size:22px}.side-brand span:last-child{display:grid;min-width:0}.side-brand b{font-size:17px;white-space:nowrap}.side-brand small{font-size:9px;color:#a9bad0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav{display:grid;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;font-size:13px;color:#c6d4e7}.side-nav a span{width:20px;text-align:center;color:#9eb4cf}.side-nav a:hover{background:#1a324f;color:#fff}.side-nav a.active{background:linear-gradient(90deg,#176fe2,#2e83e9);color:#fff;box-shadow:0 5px 18px rgba(23,111,226,.24)}.side-nav a.active span{color:#fff}.nav-sep{height:1px;background:#29405b;margin:10px 8px}.side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:13px 10px;border-top:1px solid #29405b}.side-foot>span{font-size:26px;color:#8ca8c9}.side-foot div{display:grid}.side-foot b{font-size:12px}.side-foot small{font-size:9px;color:#8ea3bd}.app-main{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.portal-topbar{height:62px;background:#fff;border-bottom:1px solid #dde6f2;display:flex;align-items:center;gap:16px;padding:0 20px;position:sticky;top:0;z-index:30}.menu-btn{border:0;background:none;font-size:20px;color:#254268;display:none}.global-search{width:min(660px,52vw);display:flex;align-items:center;gap:7px;background:#f5f8fc;border:1px solid #e0e7f1;border-radius:9px;padding:0 10px}.global-search input{border:0;background:transparent;padding:9px 4px;box-shadow:none}.global-search span{color:#6a7d98}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.public-link{font-size:11px;color:var(--primary);font-weight:800}.notify-dot{color:#e63649;font-size:13px}.user-chip{display:flex;align-items:center;gap:9px}.user-chip>span:last-child{display:grid}.user-chip b{font-size:12px}.user-chip small{font-size:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#4a82d7;color:#fff;display:grid;place-items:center;font-weight:800}.icon-btn{border:0;background:none;color:#42526c;font-size:20px}.portal-page{padding:12px 14px 26px;max-width:1680px;width:100%;margin:0 auto}.portal-footer{margin-top:auto;padding:15px 22px;border-top:1px solid #dde6f2;background:#fff;color:#8a98aa;font-size:10px;display:flex;justify-content:space-between}.hero-ops{min-height:184px;border-radius:11px;padding:27px 30px;color:#fff;background:linear-gradient(120deg,rgba(17,48,84,.98),rgba(30,84,140,.78)),radial-gradient(circle at 80% 15%,#4a8cc9 0 6%,transparent 7%),linear-gradient(#87b9dc 0 45%,#183b62 46% 100%);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start}.hero-ops:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;background:linear-gradient(90deg,transparent 0 3%,rgba(255,255,255,.13) 3.3% 4%,transparent 4.3% 8%,rgba(255,255,255,.08) 8.3% 9.3%,transparent 9.5% 16%,rgba(255,255,255,.11) 16.2% 17%,transparent 17.3% 28%,rgba(255,255,255,.08) 28.2% 29%,transparent 29.2% 45%,rgba(255,255,255,.1) 45.2% 46.5%,transparent 46.8% 62%,rgba(255,255,255,.12) 62.2% 63%,transparent 63.3% 73%,rgba(255,255,255,.08) 73.3% 74%,transparent 74.3%)}.hero-ops>*{position:relative;z-index:2}.hero-ops h1{font-size:28px;margin:0 0 4px}.hero-ops p{margin:0;max-width:660px;color:#d8e7f6;font-size:13px;line-height:1.5}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.hero-badge{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.08);border-radius:18px;padding:7px 11px;font-size:11px}.hero-quote{max-width:280px;text-align:right;font-style:italic;font-size:16px;line-height:1.45;color:#fff;margin-top:9px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:13px 0 8px;gap:12px}.section-title h2{font-size:16px;margin:0}.section-title p{font-size:10px;margin:2px 0 0;color:#7c8ca3}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:7px;padding:8px 12px;font-weight:800;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--primary);color:#fff}.btn.ghost{background:#fff;border-color:#d5e0ed;color:#335171}.btn.dark{background:#18314f;color:#fff}.btn.danger{background:#fff2f3;border-color:#ffd0d5;color:#b62d3c}.btn.success{background:#e9f9ef;color:#167342;border-color:#cbeed8}.btn.sm{padding:6px 9px;font-size:10px}.btn.wide{width:100%}.site-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.site-card{background:#fff;border:1px solid #dfe7f1;border-radius:9px;padding:6px;box-shadow:0 3px 10px rgba(21,44,74,.03);transition:.18s}.site-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,44,74,.08)}.site-card.primary-site{outline:2px solid var(--primary);outline-offset:-1px}.site-image{height:84px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#a9d2f0,#dfeef8 55%,#7295ac);position:relative}.site-image img{width:100%;height:100%;object-fit:cover}.site-image.placeholder:before{content:"";position:absolute;left:10%;right:10%;bottom:14%;height:42%;background:linear-gradient(90deg,#3e607c,#7898af);clip-path:polygon(0 100%,0 26%,15% 26%,15% 0,85% 0,85% 26%,100% 26%,100% 100%)}.site-badge{position:absolute;right:6px;top:6px;background:#1d9559;color:#fff;border-radius:10px;padding:3px 6px;font-size:8px;font-weight:800}.site-info{padding:6px 3px 3px}.site-info h3{font-size:13px;margin:0 0 2px}.site-location{font-size:9px;color:#71849e;display:block;min-height:15px}.site-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.metric-mini{border-radius:6px;text-align:center;padding:6px 3px;background:#f3f7fb;color:#49617c}.metric-mini b{display:block;font-size:12px}.metric-mini span{font-size:7px}.metric-mini.pending{background:#fff0f2;color:#be3241}.metric-mini.resolved{background:#eaf9ef;color:#197342}.metric-mini.closed{background:#edf1f5;color:#596778}.add-site-card{border:1px dashed #bfcddd;background:#fbfdff;border-radius:9px;display:grid;place-items:center;min-height:164px;color:#1e66c2;text-align:center}.add-site-card b{display:block;font-size:13px}.add-site-card span{font-size:34px;display:block;margin-bottom:5px}.card{background:#fff;border:1px solid #dfe7f0;border-radius:9px;box-shadow:0 3px 10px rgba(20,44,73,.025)}.card.pad{padding:14px}.site-panel{margin-top:12px;overflow:hidden}.site-head{display:flex;align-items:center;gap:12px;padding:12px 14px 8px}.site-thumb{width:76px;height:46px;border-radius:7px;background:#dce9f5;overflow:hidden}.site-thumb img{width:100%;height:100%;object-fit:cover}.site-head-text{display:grid}.site-head h2{margin:0;font-size:17px}.site-head small{font-size:10px}.site-head .actions{margin-left:auto}.tabs-bar{display:flex;gap:3px;border-bottom:1px solid #e2e8f1;padding:0 12px}.tabs-bar a{padding:10px 10px 8px;font-size:9px;color:#536984;border-bottom:2px solid transparent}.tabs-bar a.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:800}.site-body{padding:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi{border:1px solid #e1e8f0;border-radius:8px;padding:10px;display:flex;align-items:center;gap:10px}.kpi-icon{width:34px;height:34px;border-radius:8px;background:#edf5ff;color:#1768c7;display:grid;place-items:center;font-weight:900}.kpi.red .kpi-icon{background:#fff0f2;color:#d03b48}.kpi.green .kpi-icon{background:#ecf9f1;color:#1f8e54}.kpi.gray .kpi-icon{background:#eff2f5;color:#5f6c7a}.kpi b{font-size:21px}.kpi span{display:block;font-size:9px;color:#6e8098}.dashboard-split{display:grid;grid-template-columns:1.7fr .8fr;gap:8px;margin-top:9px}.table-card{overflow:hidden}.card-title{padding:10px 12px;border-bottom:1px solid #e5ebf2;display:flex;justify-content:space-between;align-items:center}.card-title h3{font-size:11px;margin:0}.text-link{font-size:9px;color:var(--primary);font-weight:800}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{font-size:8px;text-align:left;color:#72839a;background:#f7f9fc;padding:8px 10px;border-bottom:1px solid #e7edf4}.data-table td{font-size:9px;padding:8px 10px;border-bottom:1px solid #edf1f5;color:#31455f}.data-table tr:hover td{background:#fbfdff}.ticketno{font-weight:800;color:#1e5fae}.status{display:inline-flex;padding:4px 7px;border-radius:10px;font-size:8px;font-weight:800;text-transform:capitalize}.status.open{background:#fff0f2;color:#c52e41}.status.pending{background:#fff2f2;color:#c52e41}.status.resolved{background:#e7f8ed;color:#197446}.status.closed{background:#e9edf2;color:#596675}.status.active,.status.online{background:#e8f8ee;color:#1d7e4a}.status.repair,.status.offline{background:#fff0f2;color:#bc3140}.status.spare{background:#fff7e5;color:#8c650b}.side-stack{display:grid;gap:8px}.donut-wrap{display:flex;align-items:center;gap:14px;padding:13px}.donut{width:108px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#2787eb 0 32%,#2db06b 32% 56%,#f4912e 56% 72%,#8a4ed8 72% 84%,#e74c54 84% 94%,#8492a6 94% 100%);position:relative;display:grid;place-items:center}.donut:after{content:"";width:66px;height:66px;border-radius:50%;background:#fff;position:absolute}.donut-center{position:relative;z-index:1;text-align:center}.donut-center b{display:block;font-size:20px}.donut-center span{font-size:8px;color:#72839a}.legend{display:grid;gap:4px;font-size:8px;color:#50637d}.legend i{width:7px;height:7px;border-radius:2px;background:#2787eb;display:inline-block;margin-right:5px}.site-info-list{display:grid;gap:8px;padding:12px}.info-row{display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:9px}.info-row span:first-child{color:#75869e;font-weight:800}.page-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:5px 0 12px}.page-head h1{font-size:21px;margin:0 0 3px}.page-head p{font-size:10px;color:#8291a6;margin:0}.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 12px}.subnav a{background:#fff;border:1px solid #dfe7f0;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800;color:#536984}.filters{display:grid;grid-template-columns:2fr repeat(4,minmax(110px,1fr)) auto;gap:7px;padding:10px;margin-bottom:9px}.form-card{max-width:980px;padding:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid .span2{grid-column:span 2}.stack{display:grid;gap:12px}.checkbox{display:flex;align-items:center;gap:7px}.checkbox input{width:auto}.alert{padding:10px 12px;border-radius:7px;margin:8px 0;font-size:10px}.alert.error{background:#fff0f2;border:1px solid #ffd4da;color:#a62d3a}.alert.success{background:#eaf9f0;border:1px solid #caedd7;color:#1b7045}.empty{padding:24px;text-align:center;color:#8b98aa;font-size:11px}.password-cell{display:flex;gap:6px;align-items:center}.masked{letter-spacing:.12em;color:#66768d}.reveal-btn{border:0;background:#eef5ff;color:#256ac0;border-radius:5px;padding:4px 7px;font-size:8px}.network-board{position:relative;height:500px;background:linear-gradient(#f7fafe,#f7fafe),linear-gradient(90deg,#e9eff6 1px,transparent 1px),linear-gradient(#e9eff6 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;border:1px solid #dce5ef;border-radius:9px;overflow:hidden}.network-line{position:absolute;height:2px;background:#9cb3ca;transform-origin:0 50%;z-index:1}.network-node{position:absolute;transform:translate(-50%,-50%);min-width:94px;padding:8px 9px;background:#fff;border:1px solid #cbd8e6;border-radius:8px;box-shadow:0 4px 12px rgba(20,45,72,.08);z-index:2;text-align:center}.network-node b{display:block;font-size:9px}.network-node small{font-size:7px}.network-node .node-icon{font-size:20px;margin-bottom:3px}.network-node.offline{border-color:#e5a3aa;background:#fff7f8}.network-list{margin-top:9px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;background:#fff}.login-art{background:linear-gradient(180deg,rgba(10,45,79,.8),rgba(6,25,45,.97)),radial-gradient(circle at 30% 20%,#3496d7,transparent 30%),linear-gradient(160deg,#0b3762,#0b1f34);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.login-brand{font-size:22px;font-weight:800}.login-brand small{display:block;font-size:10px;color:#bdcee1;margin-top:4px}.login-quote{font-size:12px;font-style:italic;color:#d7e5f3}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%)}.login-mark{width:48px;height:48px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;margin:0 auto 16px;font-size:22px}.login-card h1{text-align:center;font-size:22px;margin:0 0 5px}.login-card>p{text-align:center;font-size:10px;color:#8090a8;margin:0 0 22px}.public-topbar{height:64px;background:#fff;border-bottom:1px solid #e0e7f0;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2))}.public-brand{display:flex;align-items:center;gap:9px}.public-brand img{height:var(--logo-desktop);max-width:160px;object-fit:contain}.public-brand b{font-size:14px}.public-nav{display:flex;gap:16px;font-size:10px;font-weight:800;color:#52647d}.public-wrap{max-width:1120px;margin:0 auto;padding:24px 18px}.support-hero{background:linear-gradient(135deg,#112a48,#1d568d);color:#fff;padding:28px 30px;border-radius:12px}.support-hero h1{font-size:28px;margin:0 0 6px}.support-hero p{font-size:11px;color:#d4e3f3;max-width:700px;line-height:1.6}.support-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:12px;margin-top:12px}.support-card{padding:18px}.steps{padding:0;margin:0;list-style:none;display:grid;gap:12px}.steps li{display:grid;grid-template-columns:24px 1fr;gap:7px;font-size:10px}.steps li:before{content:counter(list-item);width:23px;height:23px;border-radius:6px;background:#eaf3fe;color:var(--primary);display:grid;place-items:center;font-weight:900}.steps b{display:block}.rich-editor{border:1px solid #dbe4ee;border-radius:8px;overflow:hidden;background:#fff}.rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:6px;background:#f7f9fc;border-bottom:1px solid #e4eaf1}.rich-toolbar button,.rich-toolbar select{width:auto;border:1px solid #d8e1eb;background:#fff;border-radius:5px;padding:5px 7px;font-size:9px;color:#53657c}.rich-surface{min-height:120px;padding:10px;outline:none;font-size:11px;line-height:1.55}.rich-source{display:none}.rich-content{font-size:11px;line-height:1.6}.rich-content p{margin:.4em 0}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px}.conversation{padding:14px}.conversation-head{display:flex;justify-content:space-between;border-bottom:1px solid #e8edf3;padding-bottom:10px}.messages{display:grid;gap:10px;padding:14px 0}.msgrow{display:flex}.msgrow.requester{justify-content:flex-start}.msgrow.agent{justify-content:flex-end}.bubble{max-width:76%;padding:10px 11px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0}.agent .bubble{background:#ecf5ff;border-color:#d3e7fd}.note .bubble{background:#fff9dd;border-color:#eedf9d}.msgmeta{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#7b8ba1;margin-bottom:5px}.attachment{display:block;margin-top:6px;padding:6px;border-radius:6px;background:#fff;border:1px solid #dce5ef;color:#256ac0;font-size:8px}.tabs{display:flex;gap:5px;margin-top:10px}.tab{border:1px solid #dce5ef;background:#fff;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:800}.tab.active{background:#eaf4ff;color:var(--primary);border-color:#cde2fa}.tabpanel{display:none;margin-top:8px}.tabpanel.active{display:block}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.filebtn{font-size:9px;color:#5e718b}.meta{display:grid;grid-template-columns:90px 1fr;gap:8px;font-size:9px}.meta dt{color:#8090a4}.meta dd{margin:0;font-weight:700}.sticky{position:sticky;top:76px}.requester-access{max-width:560px;margin:30px auto;padding:22px}.requester-ticket{display:grid;grid-template-columns:1fr auto;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f5}.requester-ticket h3{font-size:12px;margin:4px 0}.requester-ticket p{font-size:9px;color:#7e8da2;margin:0}.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kb-card{padding:14px}.kb-card h3{font-size:12px;margin:6px 0}.kb-card p{font-size:9px;color:#77889f}.article{max-width:900px;margin:20px auto;padding:24px}.footer-public{max-width:1120px;margin:20px auto;padding:16px;border-top:1px solid #e1e8f0;display:flex;justify-content:space-between;font-size:9px;color:#8b99aa}
@media(max-width:1300px){.site-grid{grid-template-columns:repeat(3,1fr)}.dashboard-split{grid-template-columns:1.35fr .75fr}}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:translateX(0)}.app-main{margin-left:0}.menu-btn{display:block}.site-grid{grid-template-columns:repeat(2,1fr)}.dashboard-split,.support-grid,.ticket-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.sticky{position:static}.hero-quote{display:none}.login-page{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:620px){.portal-page{padding:9px}.site-grid,.kpi-grid,.form-grid,.kb-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}.site-metrics{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:1fr}.global-search{display:none}.public-link{display:none}.user-chip>span:last-child{display:none}.portal-topbar{padding:0 10px}.hero-ops{padding:20px}.hero-ops h1{font-size:22px}.hero-badges{gap:5px}.tabs-bar{overflow:auto}.donut-wrap{align-items:flex-start}.public-topbar{padding:0 14px}.public-brand img{height:var(--logo-mobile)}.public-nav a:nth-child(2){display:none}.support-hero{padding:22px}.footer-public,.portal-footer{display:grid;gap:5px}.bubble{max-width:92%}}
.is-hidden{display:none!important}.field-group{display:grid;gap:6px}.field-label{font-size:9px;font-weight:800;color:#52647b;display:block;margin-bottom:5px}.support-email-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.support-email-step .btn{height:34px;min-width:96px}.lookup-status{min-height:0;font-size:9px;color:#6f8095}.lookup-status.success{padding:8px 10px;background:#ecf9f1;border:1px solid #ccebd8;border-radius:7px;color:#246e49}.lookup-status.error{padding:8px 10px;background:#fff0f2;border:1px solid #ffd4da;border-radius:7px;color:#a62d3a}.rich-surface:empty:before{content:attr(data-placeholder);color:#9aa8ba;pointer-events:none}.rich-surface{cursor:text;white-space:pre-wrap}.rich-source{display:none!important}.support-next-content ol,.support-next-content ul{padding-left:18px;margin:8px 0}.support-next-content li{margin:8px 0}.support-next-content strong{color:#223b58}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:6px}.check-grid .checkbox{border:1px solid #e0e7ef;border-radius:7px;padding:8px;align-items:flex-start}.check-grid .checkbox span{display:grid}.check-grid .checkbox small{font-size:8px;color:#8a99ac}.check-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.public-user-list{padding:0 14px 14px}.public-user-row{padding:14px 0;border-bottom:1px solid #edf1f5;display:grid;gap:10px}.public-user-row:last-child{border-bottom:0}.public-user-head,.row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-user-head small{display:block;color:#8796aa;font-size:8px;margin-top:3px}.compact-form{gap:8px}.row-actions>div{display:flex;gap:6px}@media(max-width:620px){.support-email-step{grid-template-columns:1fr}.check-grid,.check-grid.compact{grid-template-columns:1fr}.public-user-head,.row-actions{align-items:flex-start;flex-direction:column}}
/* v1.1.2 - bulk ticket site assignment */
.bulk-ticket-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:9px}
.bulk-ticket-selection{display:flex;align-items:center;gap:10px;font-size:9px;color:#718198}.bulk-ticket-selection strong{font-size:10px;color:#263b55}
.bulk-ticket-actions{display:flex;align-items:center;gap:7px}.bulk-ticket-actions select{min-width:220px}.bulk-ticket-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.ticket-check-col{width:32px;text-align:center!important}.ticket-check-col input{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}
.data-table tr.ticket-selected td{background:#eef6ff}.data-table tr.ticket-selected:hover td{background:#e7f2ff}
@media(max-width:720px){.bulk-ticket-bar{align-items:stretch;flex-direction:column}.bulk-ticket-actions{display:grid;grid-template-columns:1fr auto}.bulk-ticket-actions select{min-width:0}}
/* Network & Datacenter visual designer v1.1.3 */
.network-designer-card{overflow:hidden;margin-bottom:10px}.network-designer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;border-bottom:1px solid #e1e8f0;background:#fbfcfe}.tool-group{display:flex;align-items:center;gap:4px;padding-right:8px;border-right:1px solid #e1e8f0}.tool-group:last-of-type{border-right:0}.tool-spacer{flex:1}.designer-tool{width:auto;border:1px solid #d6e0eb;background:#fff;color:#38506e;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:800;white-space:nowrap}.designer-tool:hover,.designer-tool.active{border-color:#b6d3f3;background:#eaf4ff;color:var(--primary)}.zoom-tools span{min-width:38px;text-align:center;font-size:9px;color:#61748c;font-weight:800}.save-state{font-size:9px;font-weight:800;color:#268358}.save-state.dirty{color:#c9801b}.network-properties{min-height:45px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px solid #e1e8f0;background:#fff}.network-properties label{display:flex;align-items:center;gap:5px;font-size:9px}.network-properties input,.network-properties select{width:auto;min-width:90px;padding:5px 7px;border-radius:6px;font-size:9px}.network-properties input[type=color]{min-width:38px;width:38px;height:28px;padding:2px}.network-properties .prop-title{font-size:10px;font-weight:900;color:#223a58}.network-properties .prop-size{font-size:9px;color:#7a8aa0}.designer-viewport{height:650px;overflow:auto;background:#dfe8f2;padding:12px;position:relative}.designer-stage{position:relative;background-color:#f9fbfd;background-image:linear-gradient(#e7edf4 1px,transparent 1px),linear-gradient(90deg,#e7edf4 1px,transparent 1px),linear-gradient(#f0f4f8 1px,transparent 1px),linear-gradient(90deg,#f0f4f8 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;box-shadow:0 8px 26px rgba(20,45,72,.15);border:1px solid #c7d5e4;transform-origin:0 0;user-select:none;touch-action:none}.designer-stage.line-mode{cursor:crosshair}.designer-lines{position:absolute;inset:0;z-index:3;overflow:visible;pointer-events:none}.designer-lines g{pointer-events:none}.diagram-line{stroke:#54799d;stroke-width:3;fill:none;pointer-events:none}.diagram-line.dashed{stroke-dasharray:12 8}.diagram-line.dotted{stroke-dasharray:3 7}.diagram-line.selected{stroke:var(--primary);stroke-width:4}.diagram-line-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke;cursor:pointer}.diagram-line-label{font-size:13px;fill:#35516e;paint-order:stroke;stroke:#f9fbfd;stroke-width:5px;stroke-linejoin:round;text-anchor:middle;pointer-events:none}.line-handle{fill:#fff;stroke:var(--primary);stroke-width:3;pointer-events:all;cursor:grab}.line-handle:active{cursor:grabbing}#designer-elements{position:absolute;inset:0;z-index:4;pointer-events:none}.diagram-shape,.diagram-text,.diagram-device{position:absolute;pointer-events:auto;cursor:grab}.diagram-shape:active,.diagram-text:active,.diagram-device:active{cursor:grabbing}.diagram-shape{display:grid;place-items:center;border:2px solid #7f9fbe;color:#36536f;font-size:14px;font-weight:800;padding:8px;min-width:40px;min-height:30px}.diagram-shape.shape-round{border-radius:18px}.diagram-shape.shape-circle{border-radius:50%}.diagram-shape.shape-room{border-style:double;border-width:5px;background:rgba(247,243,232,.95)}.diagram-shape.shape-rack{background:repeating-linear-gradient(0deg,#e7eef5 0 10px,#c8d6e4 11px 12px)!important;border-width:3px;border-color:#607b98!important}.diagram-shape.shape-rack span{background:rgba(255,255,255,.88);padding:4px 8px;border-radius:4px}.diagram-shape.shape-cloud{border-radius:45% 55% 45% 55%;border-style:dashed}.diagram-shape.selected,.diagram-text.selected,.diagram-device.selected{outline:3px solid rgba(20,115,230,.35);outline-offset:3px}.resize-handle{position:absolute;width:12px;height:12px;right:-7px;bottom:-7px;border:2px solid var(--primary);background:#fff;border-radius:3px;cursor:nwse-resize;display:none}.selected .resize-handle{display:block}.diagram-text{padding:5px;min-width:60px;min-height:28px;border:1px dashed transparent;color:#243d59;white-space:pre-wrap;overflow:hidden}.diagram-text:hover,.diagram-text.selected{border-color:#9bb2c9;background:rgba(255,255,255,.72)}.diagram-device{transform:translate(-50%,-50%);min-width:110px;max-width:165px;padding:9px 10px;background:#fff;border:2px solid #c3d1df;border-radius:9px;box-shadow:0 5px 14px rgba(20,45,72,.12);text-align:center}.diagram-device b{display:block;font-size:10px;line-height:1.2}.diagram-device small{display:block;margin-top:2px;font-size:8px;color:#75859a}.diagram-device .node-icon{font-size:22px;margin-bottom:3px;color:#476a8d}.diagram-device.offline{border-color:#d87580;background:#fff7f8}.designer-help{padding:8px 11px;border-top:1px solid #e1e8f0;background:#f9fbfd;color:#728298;font-size:9px}.network-list{margin-top:0}
@media(max-width:900px){.designer-viewport{height:520px}.network-designer-toolbar{align-items:flex-start}.tool-spacer{display:none}.tool-group{border-right:0;padding-right:0}.network-properties{align-items:flex-start}.designer-tool{padding:7px 8px}.network-properties label{width:100%;justify-content:space-between}.network-properties input,.network-properties select{flex:1}}
/* v1.2.0 - Tasks + public Helpdesk account login */
.status.in_progress{background:#edf4ff;color:#2a62a7}.task-priority{display:inline-flex;padding:4px 7px;border-radius:10px;font-size:8px;font-weight:900;text-transform:capitalize}.task-priority.low{background:#edf1f5;color:#5f6c7a}.task-priority.normal{background:#edf4ff;color:#2b65a9}.task-priority.high{background:#fff4df;color:#9c6811}.task-priority.urgent{background:#fff0f2;color:#be3041}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.task-card{padding:14px;display:grid;gap:9px;min-height:150px;transition:.15s}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,44,74,.08)}.task-card.overdue{border-color:#efb7be}.task-card.overdue:before{content:"Overdue";font-size:8px;color:#bd3040;font-weight:900}.task-card-top{display:flex;justify-content:space-between;gap:8px}.task-card h3{font-size:14px;margin:0;color:#1d334f}.task-meta{display:grid;gap:5px;font-size:9px;color:#6e8097}.task-card-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f5;padding-top:8px;font-size:8px;color:#8a98aa}.task-empty{grid-column:1/-1}.task-filters{grid-template-columns:2fr repeat(3,1fr) auto}.task-form-card{max-width:1000px}.task-assignment-box{border:1px solid #dfe7ef;background:#f9fbfd;border-radius:8px;padding:11px}.task-assignment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.task-assignment-head>div{display:grid}.task-assignment-head b{font-size:11px}.task-assignment-head small{font-size:8px}.task-assignment-box .disabled{opacity:.45}.task-layout{align-items:start}.task-description{padding:14px;border-bottom:1px solid #e5ebf2}.task-description h3{font-size:12px;margin:0 0 9px}.task-assignee-list{display:grid;gap:9px}.task-assignee-list>div{display:flex;align-items:center;gap:8px}.task-assignee-list .avatar{width:29px;height:29px;font-size:10px}.task-assignee-list>div>span:last-child{display:grid}.task-assignee-list b{font-size:10px}.task-assignee-list small{font-size:8px}.task-dashboard-card{margin:12px 0;overflow:hidden}.task-dashboard-card .card-title p{margin:2px 0 0;font-size:9px;color:#8190a4}.task-dashboard-list{display:grid}.task-dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #edf1f5}.task-dashboard-row:last-child{border-bottom:0}.task-dashboard-row:hover{background:#fbfdff}.task-dashboard-row.overdue{border-left:3px solid #c63e4b}.task-dashboard-row>div:first-child{display:grid;gap:4px}.task-dashboard-row>div:first-child>b{font-size:10px}.task-dashboard-row>div:first-child>small{font-size:8px;color:#7c8da3}.task-deadline{display:grid;text-align:right;min-width:150px}.task-deadline small{font-size:8px}.task-deadline b{font-size:9px}.public-login-card,.public-password-card{max-width:470px;margin:0 auto;padding:10px 4px}.public-login-card h2,.public-password-card h1{font-size:20px;margin:8px 0 4px}.public-login-icon{width:42px;height:42px;border-radius:10px;background:#edf5ff;color:var(--primary);display:grid;place-items:center;font-size:21px;font-weight:900}.public-auth-wrap{display:grid;place-items:start center;padding-top:45px}.public-password-card{padding:22px}.public-ticket-head{margin:0 0 12px}.public-nav-button{border:0;background:none;color:#536984;font-size:10px;font-weight:800;padding:0}.public-nav-button:hover{color:var(--primary)}
@media(max-width:1100px){.task-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.task-grid{grid-template-columns:1fr}.task-filters{grid-template-columns:1fr}.task-assignment-head,.task-dashboard-row{align-items:flex-start;flex-direction:column}.task-deadline{text-align:left;min-width:0}.task-dashboard-card .card-title{align-items:flex-start;gap:8px;flex-direction:column}}
/* v1.2.1 - public My Tickets, bulk public-user import, ticket/task conversation readability */
.my-tickets-panel{padding:0;overflow:hidden}.my-tickets-title{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #e6edf4}.my-tickets-title h3{font-size:13px;margin:0}.my-tickets-title p{font-size:9px;color:#8796aa;margin:2px 0 0}.my-ticket-total{min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--primary);font-size:10px;font-weight:900}.my-ticket-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 10px 8px;border-bottom:1px solid #edf1f5}.my-ticket-status-grid>div{background:#f6f9fc;border-radius:6px;padding:7px 3px;text-align:center}.my-ticket-status-grid b{display:block;font-size:12px}.my-ticket-status-grid span{font-size:7px;color:#74869e}.my-ticket-list{max-height:520px;overflow:auto}.my-ticket-row{display:grid;gap:4px;padding:10px 12px;border-bottom:1px solid #edf1f5}.my-ticket-row:hover{background:#f9fcff}.my-ticket-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.my-ticket-row-top>b{font-size:9px;color:var(--primary)}.my-ticket-row strong{font-size:10px;color:#263d59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-ticket-row small{font-size:8px;color:#8594a8}.my-ticket-empty{padding:18px}.public-user-import-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:9px}.public-user-import-copy h3{font-size:13px;margin:0 0 4px}.public-user-import-copy p{font-size:9px;color:#788aa1;margin:0;max-width:720px;line-height:1.5}.public-user-import-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.public-user-import-actions form{display:flex;gap:7px;align-items:center}.public-user-import-actions input[type=file]{max-width:240px;padding:6px 8px;font-size:9px}.ticket-layout .conversation .rich-content{font-size:calc(11px + 1pt)}.ticket-layout .conversation .rich-surface{font-size:calc(11px + 1pt)}.ticket-layout .conversation .msgmeta{font-size:calc(8px + 1pt)}.ticket-layout .conversation .attachment{font-size:calc(8px + 1pt)}
@media(max-width:760px){.public-user-import-card{align-items:flex-start;flex-direction:column}.public-user-import-actions,.public-user-import-actions form{width:100%;align-items:stretch;flex-direction:column}.public-user-import-actions input[type=file]{max-width:none}.my-ticket-status-grid{grid-template-columns:repeat(2,1fr)}}
/* v1.2.2 - Knowledge Base article images */
.kb-card{padding:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}.kb-card-image,.kb-article-image,.kb-image-preview{aspect-ratio:3/2;overflow:hidden;background:#eef4fa}.kb-card-image img,.kb-article-image img,.kb-image-preview img{width:100%;height:100%;display:block;object-fit:cover}.kb-card-body{padding:14px;display:grid;gap:7px;flex:1}.kb-card-body small{color:#6e8199;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kb-card-body h3{margin:0;font-size:13px;color:#203852}.kb-card-body p{margin:0;color:#6f8198;font-size:9px;line-height:1.55;flex:1}.kb-card:hover .kb-card-image img{transform:scale(1.025)}.kb-card-image img{transition:transform .2s ease}.kb-article{overflow:hidden}.kb-article-image{margin:16px 0 18px;border-radius:8px}.kb-image-editor{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:12px;align-items:start}.kb-image-preview{border:1px solid #dce6ef;border-radius:8px;position:relative}.kb-image-preview.ratio-warning:after{content:"Source is not 3:2 — it will be center-cropped";position:absolute;left:6px;right:6px;bottom:6px;background:rgba(154,93,11,.92);color:#fff;padding:5px 7px;border-radius:5px;font-size:8px;font-weight:800;text-align:center}.kb-image-controls{display:grid;gap:8px}.kb-image-controls input[type=file]{font-size:9px}.kb-image-controls small{font-size:8px;color:#7b8da3;line-height:1.45}.kb-admin-article{display:flex;align-items:center;gap:8px;min-width:220px}.kb-admin-article img{width:56px;aspect-ratio:3/2;object-fit:cover;border-radius:5px;border:1px solid #e0e7ef;background:#eef4fa}.kb-admin-article b{font-size:10px}.kb-grid{align-items:stretch}.kb-grid .kb-card{min-height:100%}
@media(max-width:720px){.kb-image-editor{grid-template-columns:1fr}.kb-image-preview{max-width:100%}}
/* v1.2.3 - custom login artwork + public Helpdesk readability */
.login-art.has-custom-image{background-image:linear-gradient(180deg,rgba(7,30,55,.52),rgba(6,20,38,.84)),var(--login-image);background-size:cover;background-position:center;background-repeat:no-repeat}.login-image-admin-preview{width:min(100%,420px);aspect-ratio:3/2;border:1px solid #dce5ef;border-radius:8px;overflow:hidden;background:#eef4fa}.login-image-admin-preview img{width:100%;height:100%;display:block;object-fit:cover}.public-problem-field>.field-label{font-size:13px;margin-bottom:7px;color:#3f5571}.public-problem-field .rich-surface{font-size:14px;line-height:1.65;min-height:185px;padding:13px}.public-problem-field .rich-toolbar button,.public-problem-field .rich-toolbar select{font-size:10px}.public-side-readable{font-size:12px}.my-tickets-title h3{font-size:15px}.my-tickets-title p{font-size:11px}.my-ticket-total{font-size:12px}.my-ticket-status-grid b{font-size:15px}.my-ticket-status-grid span{font-size:10px}.my-ticket-row{gap:5px;padding:12px 13px}.my-ticket-row-top>b{font-size:11px}.my-ticket-row strong{font-size:12px;line-height:1.35}.my-ticket-row small{font-size:10px;line-height:1.4}.my-tickets-panel .status{font-size:9px;padding:5px 8px}.public-kb-panel h3{font-size:15px!important;margin-top:0}.public-kb-panel .text-link{font-size:12px;line-height:1.45;margin:10px 0!important;display:block;padding:2px 0}.public-kb-panel .text-link:hover{text-decoration:underline}.public-side-readable .empty{font-size:11px}.support-card label{font-size:13px}.support-card input,.support-card select,.support-card textarea{font-size:13px}.support-card small{font-size:10px}
/* v1.2.4 - readable typography across the internal Admin / Agent portal */
.app-shell label{font-size:13px;line-height:1.4}
.app-shell input,.app-shell select,.app-shell textarea{font-size:13px;line-height:1.45}
.app-shell .tiny{font-size:12px}
.app-shell small,.app-shell .muted{line-height:1.45}
.app-shell .side-brand b{font-size:18px}
.app-shell .side-brand small{font-size:11px}
.app-shell .side-nav a{font-size:14px;line-height:1.3}
.app-shell .side-foot b{font-size:13px}
.app-shell .side-foot small{font-size:11px}
.app-shell .global-search input{font-size:13px}
.app-shell .public-link{font-size:12px}
.app-shell .user-chip b{font-size:13px}
.app-shell .user-chip small{font-size:11px}
.app-shell .portal-footer{font-size:12px}
.app-shell .hero-ops p{font-size:14px}
.app-shell .hero-badge{font-size:12px}
.app-shell .section-title h2{font-size:18px}
.app-shell .section-title p{font-size:12px}
.app-shell .btn{font-size:12px;line-height:1.3}
.app-shell .btn.sm{font-size:11px}
.app-shell .site-badge{font-size:10px}
.app-shell .site-info h3{font-size:14px}
.app-shell .site-location{font-size:11px}
.app-shell .metric-mini b{font-size:14px}
.app-shell .metric-mini span{font-size:9px}
.app-shell .add-site-card b{font-size:14px}
.app-shell .site-head h2{font-size:19px}
.app-shell .site-head small{font-size:12px}
.app-shell .tabs-bar a{font-size:11px}
.app-shell .kpi b{font-size:23px}
.app-shell .kpi span{font-size:11px}
.app-shell .card-title h3{font-size:13px}
.app-shell .text-link{font-size:11px}
.app-shell .data-table th{font-size:11px;line-height:1.35}
.app-shell .data-table td{font-size:12px;line-height:1.4}
.app-shell .status{font-size:10px;line-height:1.2}
.app-shell .task-priority{font-size:10px}
.app-shell .donut-center span{font-size:10px}
.app-shell .legend{font-size:10px}
.app-shell .info-row{font-size:11px;line-height:1.45}
.app-shell .page-head h1{font-size:23px}
.app-shell .page-head p{font-size:12px}
.app-shell .subnav a{font-size:11px}
.app-shell .alert{font-size:12px;line-height:1.45}
.app-shell .empty{font-size:12px}
.app-shell .reveal-btn{font-size:10px}
.app-shell .field-label{font-size:12px}
.app-shell .lookup-status{font-size:11px}
.app-shell .check-grid .checkbox small{font-size:10px}
.app-shell .public-user-head small{font-size:10px}
.app-shell .bulk-ticket-selection{font-size:11px}
.app-shell .bulk-ticket-selection strong{font-size:12px}
.app-shell .rich-toolbar button,.app-shell .rich-toolbar select{font-size:11px}
.app-shell .rich-surface{font-size:13px;line-height:1.6;min-height:135px}
.app-shell .rich-content{font-size:13px;line-height:1.6}
.app-shell .msgmeta{font-size:10px}
.app-shell .attachment{font-size:10px}
.app-shell .tab{font-size:11px}
.app-shell .filebtn{font-size:11px}
.app-shell .meta{font-size:11px;line-height:1.45}
.app-shell .requester-ticket h3{font-size:13px}
.app-shell .requester-ticket p{font-size:11px}
.app-shell .kb-card-body small{font-size:10px}
.app-shell .kb-card-body h3{font-size:14px}
.app-shell .kb-card-body p{font-size:11px}
.app-shell .kb-image-controls input[type=file]{font-size:11px}
.app-shell .kb-image-controls small{font-size:10px}
.app-shell .kb-admin-article b{font-size:12px}
.app-shell .network-node b{font-size:11px}
.app-shell .network-node small{font-size:9px}
.app-shell .designer-tool{font-size:11px}
.app-shell .zoom-tools span{font-size:11px}
.app-shell .save-state{font-size:11px}
.app-shell .network-properties label{font-size:11px}
.app-shell .network-properties input,.app-shell .network-properties select{font-size:11px}
.app-shell .network-properties .prop-title{font-size:12px}
.app-shell .network-properties .prop-size{font-size:11px}
.app-shell .diagram-device b{font-size:12px}
.app-shell .diagram-device small{font-size:10px}
.app-shell .designer-help{font-size:11px;line-height:1.45}
.app-shell .task-card.overdue:before{font-size:10px}
.app-shell .task-card h3{font-size:15px}
.app-shell .task-meta{font-size:11px;line-height:1.4}
.app-shell .task-card-foot{font-size:10px}
.app-shell .task-assignment-head b{font-size:13px}
.app-shell .task-assignment-head small{font-size:10px}
.app-shell .task-description h3{font-size:14px}
.app-shell .task-assignee-list b{font-size:12px}
.app-shell .task-assignee-list small{font-size:10px}
.app-shell .task-dashboard-card .card-title p{font-size:11px}
.app-shell .task-dashboard-row>div:first-child>b{font-size:12px}
.app-shell .task-dashboard-row>div:first-child>small{font-size:10px}
.app-shell .task-deadline small{font-size:10px}
.app-shell .task-deadline b{font-size:11px}
.app-shell .public-user-import-copy h3{font-size:14px}
.app-shell .public-user-import-copy p{font-size:11px}
.app-shell .public-user-import-actions input[type=file]{font-size:11px}
.app-shell .ticket-layout .conversation .rich-content,
.app-shell .ticket-layout .conversation .rich-surface{font-size:13px;line-height:1.6}
.app-shell .ticket-layout .conversation .msgmeta{font-size:10px}
.app-shell .ticket-layout .conversation .attachment{font-size:10px}
@media(max-width:900px){.app-shell .data-table th{font-size:10px}.app-shell .data-table td{font-size:11px}.app-shell .side-nav a{font-size:13px}}
/* v1.2.5 - dashboard cleanup, universal back navigation, password ACLs, Public Users Save All */
.portal-back-row{display:flex;align-items:center;margin:-1px 0 10px}.portal-back-btn{min-width:82px;justify-content:center}.password-access-box{border:1px solid #dce6ef;background:#f8fbfe;border-radius:9px;padding:12px}.password-access-head{margin-bottom:10px}.password-access-head b{display:block;font-size:13px;color:#253e5a}.password-access-head small{display:block;font-size:11px;color:#74869d;line-height:1.5;margin-top:3px}.public-users-save-footer{display:flex;justify-content:flex-end;padding:12px 14px;border-top:1px solid #e7edf3;background:#fbfdff;position:sticky;bottom:0;z-index:2}.public-user-row{border-bottom:1px solid #e7edf3}.public-user-row:last-child{border-bottom:0}
@media(max-width:720px){.portal-back-row{margin-bottom:8px}.portal-back-btn{width:100%}.public-users-save-footer{position:static}.password-access-box .check-grid{grid-template-columns:1fr}}
/* v1.2.6 Network/Datacenter multi-diagram + fullscreen/layers */
.network-diagram-manager{margin-bottom:10px}.network-diagram-manager-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.network-diagram-manager-row input{min-width:190px}.network-select-form{min-width:190px}.network-select-form select{width:100%}.network-designer-card:fullscreen,.network-designer-card.manual-fullscreen{background:#fff;width:100vw;height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column;overflow:hidden}.network-designer-card:fullscreen .designer-viewport,.network-designer-card.manual-fullscreen .designer-viewport{height:auto;flex:1}.network-designer-card:fullscreen .network-designer-toolbar,.network-designer-card.manual-fullscreen .network-designer-toolbar{flex:0 0 auto}.network-designer-card:fullscreen .network-properties,.network-designer-card.manual-fullscreen .network-properties{flex:0 0 auto}.network-designer-card.view-only .diagram-shape,.network-designer-card.view-only .diagram-text,.network-designer-card.view-only .diagram-device{cursor:pointer}.network-designer-card.view-only .line-handle,.network-designer-card.view-only .resize-handle{display:none!important}.diagram-device{box-sizing:border-box;max-width:none;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.diagram-device .resize-handle{position:absolute}.network-properties input[type=number]{width:82px;min-width:82px}.network-page-actions{flex-wrap:wrap}
@media(max-width:900px){.network-diagram-manager-row>form{width:100%}.network-diagram-manager-row input{flex:1}.network-select-form{min-width:150px}}
.manual-fullscreen extra
.network-designer-card.manual-fullscreen{position:fixed;inset:0;z-index:99999}
/* v1.3.1 integrated RCF IT Asset Manager */
.asset-native-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:5px 2px 9px;border-bottom:1px solid #e1e8f1}.asset-native-title h1{font-size:20px;margin:0 0 2px;color:#1e3550}.asset-native-title span{font-size:12px;color:#73869e}.itam-native-wrap{position:relative;width:100%;background:#f4f7fb;overflow:visible}.itam-native-frame{display:block;width:100%;height:760px;border:0;background:#f4f7fb;overflow:hidden}.itam-native-wrap:fullscreen,.itam-native-wrap.is-pseudo-fullscreen{width:100vw;height:100vh;height:100dvh;background:#f4f7fb;overflow:hidden}.itam-native-wrap:fullscreen .itam-native-frame,.itam-native-wrap.is-pseudo-fullscreen .itam-native-frame{width:100%;height:100vh!important;height:100dvh!important;overflow:auto}.itam-native-wrap.is-fullscreen{padding:0}.itam-native-wrap.is-pseudo-fullscreen{position:fixed!important;inset:0!important;z-index:10000!important;margin:0!important;padding:0!important}.itam-pseudo-fullscreen-open{overflow:hidden!important}.itam-fullscreen-exit{display:none;position:absolute;right:12px;top:12px;z-index:10002;border:0;border-radius:8px;background:#b83242;color:#fff;font-weight:750;font-size:13px;padding:9px 12px;box-shadow:0 3px 12px rgba(0,0,0,.2)}.itam-native-wrap:fullscreen .itam-fullscreen-exit,.itam-native-wrap.is-pseudo-fullscreen .itam-fullscreen-exit{display:block}.portal-page:has(.itam-native-wrap){max-width:none;padding-right:12px;padding-left:12px}.portal-page:has(.itam-native-wrap) .portal-back-row{margin-bottom:5px}@media(max-width:900px){.asset-native-toolbar{align-items:flex-start;flex-direction:column}.asset-native-toolbar .actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.asset-native-toolbar .actions .btn{min-height:40px}.portal-page:has(.itam-native-wrap){padding-left:8px;padding-right:8px}.itam-fullscreen-exit{right:8px;top:8px;font-size:14px;padding:10px 13px}}
\n\n/* v1.3.15 - Self Support naming, dynamic public header/logo sizing, Helpdesk title and login styling */
.public-topbar{
height:auto;
min-height:max(64px,calc(var(--logo-desktop) + 20px));
padding-top:10px;
padding-bottom:10px;
}
.public-brand{min-height:var(--logo-desktop)}
.public-brand img{flex:0 0 auto}
.side-brand{min-height:calc(var(--logo-desktop) + 18px)}
.public-login-card{
padding:26px;
border-radius:14px;
border:1px solid color-mix(in srgb,var(--primary) 14%,#dfe7f0);
background:
radial-gradient(circle at 8% 5%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 38%),
linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,#fff),#fff 68%);
}
.public-login-card h2{margin-top:0}
.public-login-card .muted{color:#71829a}
@media(max-width:620px){
.public-topbar{
min-height:max(64px,calc(var(--logo-mobile) + 16px));
padding-top:8px;
padding-bottom:8px;
}
.public-brand{min-height:var(--logo-mobile)}
.public-login-card{padding:20px}
}
/* v1.3.16 - Public Users list management, bulk actions, edit dialogs and safe deletion */
.public-users-page-head{align-items:center}.public-users-list-card{margin-top:10px}.public-users-list-title p{font-size:11px;color:#7d8ca1;margin:3px 0 0}.public-users-bulkbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #e4eaf1;background:#f8fbfe;position:sticky;top:62px;z-index:4}.public-users-select-all{font-weight:800;color:#425873}.public-users-selected-count{font-size:11px;color:#73859b;font-weight:700}.public-users-bulk-actions{margin-left:auto}.public-users-table{min-width:1080px}.public-users-table th,.public-users-table td{vertical-align:middle}.public-users-check-col{width:42px;text-align:center!important}.public-users-check-col input{width:16px;height:16px}.public-users-actions-col{min-width:330px}.public-user-name-cell{display:grid;gap:3px}.public-user-name-cell>b{font-size:13px;color:#253b57}.public-user-name-cell small{font-size:10px;color:#8191a6}.public-user-email{font-size:12px;color:#344b67}.public-user-site-tags{display:flex;gap:5px;flex-wrap:wrap;max-width:360px}.public-user-site-tag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:12px;background:#eef4fb;border:1px solid #dae6f3;color:#45617f;font-size:10px;font-weight:800}.public-user-action-buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.public-user-action-buttons form{margin:0}.portal-dialog{border:0;border-radius:12px;padding:0;width:min(760px,calc(100vw - 28px));max-height:90vh;overflow:auto;box-shadow:0 24px 70px rgba(14,32,56,.24);color:#14213d}.portal-dialog::backdrop{background:rgba(10,24,43,.48);backdrop-filter:blur(2px)}.portal-dialog>form{padding:18px}.portal-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #e5ebf2}.portal-dialog-head h3{font-size:18px;margin:0}.portal-dialog-head p{font-size:11px;color:#7c8da3;margin:4px 0 0}.dialog-close{width:34px;height:34px;border:0;border-radius:8px;background:#f0f4f8;color:#4d627c;font-size:21px;display:grid;place-items:center}.portal-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #e7edf3}.public-user-dialog .check-grid{max-height:250px;overflow:auto;padding-right:4px}
@media(max-width:900px){.public-users-page-head{align-items:flex-start;flex-direction:column}.public-users-page-head .actions{width:100%}.public-users-bulkbar{position:static;align-items:flex-start;flex-wrap:wrap}.public-users-bulk-actions{margin-left:0;width:100%}.public-user-action-buttons{min-width:290px}.portal-dialog .form-grid{grid-template-columns:1fr}.portal-dialog .form-grid .span2{grid-column:span 1}}
/* v1.4.0 - nested sites, enhanced public status and internal login branding */
.public-ticket-status{font-size:14px!important;padding:8px 14px!important;border-radius:999px!important;letter-spacing:.02em;box-shadow:0 2px 8px rgba(20,35,60,.08);border:1px solid currentColor;min-width:96px;justify-content:center;text-transform:capitalize}
.public-ticket-status.compact{font-size:11px!important;padding:6px 10px!important;min-width:78px}
.my-ticket-row .public-ticket-status{font-weight:900}
.login-art{position:relative;justify-content:center!important;align-items:center!important;text-align:center;overflow:hidden}
.login-center-brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:90%}
.login-center-brand img{width:auto;height:var(--login-logo-size);max-width:min(82%,360px);object-fit:contain;filter:drop-shadow(0 5px 20px rgba(0,0,0,.14))}
.login-center-brand b{font-size:var(--login-title-size);line-height:1.15;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.login-center-brand small{font-size:11px;line-height:1.5;color:#d7e5f3}
.login-center-mark{width:calc(var(--login-logo-size)*.55);height:calc(var(--login-logo-size)*.55);border-radius:18px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:calc(var(--login-logo-size)*.28);color:#fff;border:1px solid rgba(255,255,255,.22)}
.site-child-badge{position:absolute;left:6px;top:6px;background:rgba(19,42,71,.9);color:#fff;border-radius:10px;padding:3px 7px;font-size:8px;font-weight:800;backdrop-filter:blur(3px)}
.subsite-section{padding:0 11px 11px}.compact-subsites{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}
.recurring-check-sheet .check-state-label{display:inline-flex;align-items:center;gap:6px;font-weight:800}.recurring-check-sheet input[type=checkbox]:not(:checked)+span{color:#6d7b8c}.recurring-check-sheet input[type=checkbox]:checked+span{color:#167342}
@media(max-width:980px){.compact-subsites{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-ticket-status{font-size:12px!important;padding:7px 10px!important;min-width:82px}.public-ticket-status.compact{font-size:10px!important;min-width:70px}.compact-subsites{grid-template-columns:1fr}.login-center-brand img{height:min(var(--login-logo-size),150px)}}
/* v1.4.0 recurring task checklist sheet */
.recurring-portal-sheet{overflow:hidden;border-color:#dce5ef}.recurring-sheet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid #e3eaf2;background:#fbfdff}.recurring-sheet-progress{min-width:280px}.recurring-sheet-progress>b{display:block;font-size:13px;color:#203853;margin-bottom:7px}.sheet-progress-track{height:6px;border-radius:999px;background:#e7edf3;overflow:hidden}.sheet-progress-track>span{display:block;height:100%;background:#218b52;border-radius:999px;transition:width .2s}.task-print-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#f5f8fb;border-bottom:1px solid #e3eaf2}.task-print-panel.hidden{display:none}.task-print-panel b{font-size:12px;color:#203853}.task-print-panel span{font-size:11px;color:#6d7f95}.recurring-sheet-table-wrap{overflow:auto}.recurring-sheet-table{width:100%;border-collapse:collapse;min-width:760px}.recurring-sheet-table th{background:#172b45;color:#fff;text-align:left;font-size:10px;padding:9px 10px}.recurring-sheet-table th:first-child{width:44px}.recurring-sheet-table th:nth-child(3){width:150px;text-align:center}.recurring-sheet-table th:nth-child(4){width:38%}.recurring-sheet-table td{padding:9px 10px;border:1px solid #e0e6ed;vertical-align:middle;font-size:12px}.sheet-title-row td{background:#f5eeee;border-left:4px solid #c92836!important;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.sheet-row-number{text-align:center;color:#74859b}.sheet-row-name b{display:block;color:#203853}.sheet-row-name small{display:block;color:#74859b;font-size:10px;line-height:1.4;margin-top:3px}.sheet-status-cell{text-align:center}.sheet-status.checked-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:118px;padding:8px 10px;border-radius:7px;border:1px solid #cfd8e3;background:#f0f3f6;color:#657486;font-weight:900;font-size:11px;cursor:pointer}.sheet-status.checked-toggle input{width:15px;height:15px;margin:0;accent-color:#218b52}.sheet-status.checked-toggle.is-checked{background:#e8f7ee;border-color:#b9e2c8;color:#187442}.recurring-sheet-table textarea{min-height:58px;font-size:12px;resize:vertical}.sheet-footer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border-top:1px solid #e3eaf2;background:#fbfcfe}.sheet-footer-fields label>span{font-size:9px;letter-spacing:.08em;color:#71839a}.sheet-attachment-row{display:flex;align-items:center;gap:10px;padding:0 14px 14px}.sheet-attachment-row small{font-size:10px}.sheet-submit-row{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid #e3eaf2}.sheet-submit-btn{background:#c92836!important}.recurring-history-card{overflow:hidden}.history-filter{display:flex;align-items:end;gap:8px;padding:10px 14px;border-bottom:1px solid #e5ebf2;background:#fbfdff}.history-filter label{max-width:240px}.recurring-history-list{display:grid}.recurrence-run{border-bottom:1px solid #e8edf3}.recurrence-run:last-child{border-bottom:0}.recurrence-run>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;background:#fff}.recurrence-run>summary::-webkit-details-marker{display:none}.recurrence-run>summary span:first-child{display:grid;gap:3px}.recurrence-run>summary b{font-size:12px;color:#203853}.recurrence-run>summary small{font-size:10px;color:#74859b}.recurrence-run>summary span:last-child{font-size:10px;color:var(--primary);font-weight:900}.recurrence-run[open]>summary{background:#f8fbfe}.history-sheet-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#f6f8fb;border-top:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1;font-size:10px;color:#596d85}.history-sheet-meta .btn{margin-left:auto}.recurrence-history-table-wrap{overflow:auto;padding:0 14px 12px}.recurrence-history-table{width:100%;border-collapse:collapse;min-width:650px}.recurrence-history-table th{font-size:9px;text-align:left;background:#172b45;color:#fff;padding:8px}.recurrence-history-table td{font-size:11px;border:1px solid #e2e7ed;padding:8px;vertical-align:top}.recurrence-history-table td small{display:block;font-size:9px;color:#75869b;margin-top:3px}.history-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.history-status.checked{background:#e8f7ee;color:#187442;border:1px solid #b9e2c8}.history-status.not-checked{background:#eff2f5;color:#677587;border:1px solid #d5dce5}.history-attachments{padding:0 14px 14px}.history-attachments>b{font-size:10px;display:block;margin-bottom:7px}.recurring-config{border:1px solid #dfe7ef;background:#f9fbfd;border-radius:9px;padding:12px}.recurring-config.hidden{display:none}.recurrence-grid.simplified{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recurring-sheet-config{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;gap:10px;align-items:end;margin-bottom:10px}.sheet-config-note{font-size:10px;color:#71839a;padding-bottom:10px}.checklist-builder-table-wrap{overflow:auto}.checklist-builder-table{width:100%;border-collapse:collapse;min-width:680px}.checklist-builder-table th{font-size:9px;text-align:left;color:#6a7c93;background:#f3f6fa;padding:8px;border-bottom:1px solid #e2e8f0}.checklist-builder-table td{padding:6px;border-bottom:1px solid #e8edf3;vertical-align:top}.checklist-builder-number{width:40px;text-align:center;color:#788aa0;padding-top:16px!important}.self-task-assignee{display:flex;align-items:center;gap:9px}.self-task-assignee>div{display:grid}.self-task-assignee b{font-size:12px}.self-task-assignee small{font-size:10px;color:#788aa0}
@media(max-width:720px){.recurring-sheet-toolbar,.task-print-panel{align-items:flex-start;flex-direction:column}.recurring-sheet-progress{min-width:0;width:100%}.sheet-footer-fields{grid-template-columns:1fr}.sheet-submit-row{flex-wrap:wrap}.recurrence-grid.simplified,.recurring-sheet-config{grid-template-columns:1fr}.history-sheet-meta .btn{margin-left:0}.history-filter{align-items:stretch;flex-direction:column}.history-filter label{max-width:none}}
/* v1.4.1 branding, readable public Helpdesk, dashboard customization, category settings and SLA */
.login-art{background:var(--login-overlay,#10243d)!important}
.login-art.has-custom-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--login-overlay,#10243d) 58%,transparent),color-mix(in srgb,var(--login-overlay,#10243d) 92%,transparent)),var(--login-image)!important;background-size:cover!important;background-position:center!important}
.login-center-brand b{color:var(--login-title-color,#fff)!important}
.login-center-brand small{color:color-mix(in srgb,var(--login-title-color,#fff) 76%,transparent)!important}
.login-form-wrap{position:relative;padding-bottom:78px}
.login-footer{position:absolute;left:28px;right:28px;bottom:20px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e3e9f0;padding-top:12px;font-size:10px;color:#8897a9}
.public-login-card{background:#fff!important;background-image:none!important;border-color:#dfe7f0!important;box-shadow:0 8px 24px rgba(20,44,73,.04)}
.public-nav,.public-nav-button{font-size:13px!important}.public-nav{gap:20px}
.dashboard-custom-banner{background:var(--dash-bg,#183b62)!important;color:var(--dash-text,#fff)!important}
.dashboard-custom-banner:after{opacity:.14}.dashboard-custom-banner h1,.dashboard-custom-banner .hero-quote{color:var(--dash-text,#fff)!important}.dashboard-custom-banner p{color:color-mix(in srgb,var(--dash-text,#fff) 80%,transparent)!important}.dashboard-custom-banner .hero-badge{color:var(--dash-text,#fff)!important;border-color:color-mix(in srgb,var(--dash-text,#fff) 28%,transparent);background:color-mix(in srgb,var(--dash-text,#fff) 9%,transparent)}
.sheet-submit-btn{background:#c92836!important;color:#fff!important;border-color:#c92836!important}
.sla-field-settings{display:grid;gap:7px}.sla-field-setting-row{display:grid;grid-template-columns:1.4fr .7fr auto;gap:7px;align-items:center}.sla-field-setting-row .btn{width:auto}.public-users-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e6ecf3;background:#fff}.public-users-search span{color:#73869e}.public-users-search input{max-width:520px}
.sla-filters{grid-template-columns:2fr 1fr 1fr auto auto}.sla-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sla-card{padding:14px;display:grid;gap:8px;transition:.15s}.sla-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,44,74,.08)}.sla-card.due{border-color:#f2d290}.sla-card.expired{border-color:#efb4bc}.sla-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.sla-type{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf4fd;color:#315d91;font-size:9px;font-weight:900}.sla-card h3{font-size:14px;margin:0;color:#213954}.sla-card p{font-size:11px;margin:0;color:#77899f}.sla-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid #edf1f5;padding-top:8px}.sla-meta span{font-size:8px;color:#8190a4}.sla-meta b{display:block;font-size:10px;color:#344a65;margin-top:2px}.sla-expiry-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff1dc;color:#8b5c0b;font-size:9px;font-weight:900}.sla-expiry-badge.urgent{background:#fff0f2;color:#ba3040}.sla-expiry-badge.expired{background:#b72e3c;color:#fff}.sla-reminder-card{margin:12px 0;overflow:hidden}.sla-reminder-list{display:grid}.sla-reminder-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #edf1f5}.sla-reminder-row:last-child{border-bottom:0}.sla-reminder-row:hover{background:#fbfdff}.sla-reminder-row>div{display:grid;gap:3px}.sla-reminder-row b{font-size:12px}.sla-reminder-row small{font-size:10px;color:#7b8da3}.sla-reminder-config{border:1px solid #e0e7ef;border-radius:9px;background:#f9fbfd;padding:12px;display:grid;grid-template-columns:1fr 220px;gap:10px;align-items:center}.sla-reminder-config>small{grid-column:1/-1}.sla-detail-grid{display:grid;grid-template-columns:160px 1fr;gap:9px 12px;font-size:11px}.sla-detail-grid dt{color:#7a8ca2}.sla-detail-grid dd{margin:0;font-weight:700;color:#2c435f}.sla-notes{white-space:pre-wrap;font-size:11px;line-height:1.6}.sla-doc-list{display:grid;gap:7px}.sla-attachment-list{display:grid;gap:7px}.sla-attachment-list>div{display:flex;align-items:center;gap:8px}.sla-attachment-list .attachment{flex:1;margin:0}
@media(max-width:980px){.sla-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sla-filters{grid-template-columns:1fr 1fr}.sla-reminder-config{grid-template-columns:1fr}.sla-detail-layout{grid-template-columns:1fr}}
@media(max-width:620px){.login-footer{position:static;margin-top:34px;display:grid}.login-form-wrap{padding-bottom:30px}.sla-grid{grid-template-columns:1fr}.sla-filters{grid-template-columns:1fr}.sla-field-setting-row{grid-template-columns:1fr}.sla-meta{grid-template-columns:1fr 1fr}.public-nav{gap:12px}.public-nav,.public-nav-button{font-size:12px!important}}
/* v1.4.3 recurring checklist reordering */
.checklist-builder-table .drag-col{width:42px}.checklist-drag-cell{width:42px;text-align:center}.checklist-drag-handle{border:0;background:transparent;color:#64748b;font-size:20px;line-height:1;cursor:grab;padding:8px;touch-action:none}.checklist-drag-handle:active{cursor:grabbing}.checklist-builder-row.dragging{opacity:.55;outline:2px dashed var(--primary,#1473e6);outline-offset:-2px}.checklist-builder-row{transition:background .12s ease}.checklist-builder-row:hover .checklist-drag-handle{color:var(--primary,#1473e6)}
/* v1.4.3 SLA asset links */
.sla-asset-picker{border:1px solid #d9e1ea;border-radius:12px;padding:16px;background:#f8fafc}.sla-asset-search-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0}.sla-asset-results{display:grid;gap:7px;max-height:310px;overflow:auto;border:1px solid #d8e0e9;border-radius:10px;background:#fff;padding:8px;margin-bottom:12px}.sla-asset-result{display:grid;grid-template-columns:1fr auto;gap:3px 12px;width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:9px;padding:10px 12px;cursor:pointer;color:inherit}.sla-asset-result:hover{border-color:var(--primary,#1473e6);background:#f8fbff}.sla-asset-result:disabled{opacity:.55;cursor:default}.sla-asset-result b{grid-column:1;font-size:12px}.sla-asset-result small{grid-column:1;color:#64748b;font-size:10.5px}.sla-asset-result span{grid-column:2;grid-row:1/3;align-self:center;font-weight:800;color:var(--primary,#1473e6)}.sla-selected-assets,.sla-linked-assets{display:grid;gap:8px}.sla-selected-asset,.sla-linked-asset{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce3eb;border-radius:10px;padding:10px 12px;background:#fff;color:inherit;text-decoration:none}.sla-selected-asset b,.sla-linked-asset b{display:block;font-size:12px}.sla-selected-asset small,.sla-linked-asset small{display:block;color:#64748b;font-size:10.5px;margin-top:2px}.sla-linked-asset:hover{border-color:var(--primary,#1473e6);background:#f8fbff}.sla-linked-asset>span{font-size:11px;font-weight:800;color:var(--primary,#1473e6);white-space:nowrap}.sla-asset-count{font-size:11px;color:#64748b}.sla-type.asset{background:#fff1f2;color:#b91c1c;border-color:#fecdd3}.sla-detail-kind{margin-bottom:5px}
@media(max-width:720px){.sla-asset-search-row{grid-template-columns:1fr}.sla-asset-result{grid-template-columns:1fr}.sla-asset-result span{grid-column:1;grid-row:auto}.sla-selected-asset,.sla-linked-asset{align-items:flex-start}.checklist-drag-handle{font-size:24px;padding:10px}}
/* ========================================================================
Meeting Room Reservation - v1.5.1
======================================================================== */
.public-nav a.active{color:#e11d2e;border-bottom:2px solid #e11d2e}
.meeting-public-wrap{max-width:1400px}
.meeting-page-intro{display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:26px 4px 22px;border-bottom:1px solid #dce4ee;margin-bottom:28px}
.meeting-title-block{text-align:center}.meeting-title-block h1{font-size:34px;line-height:1.1;margin:0;color:#0b2b50}.meeting-title-block p{font-size:17px;color:#71809a;margin:8px 0 0}.meeting-title-block.compact{margin:16px 0 24px}.meeting-title-block.compact h1{font-size:30px}
.meeting-today{display:flex;align-items:center;gap:12px;color:#73829a}.meeting-today .meeting-date-icon{font-size:28px}.meeting-today small{display:block;font-size:13px}.meeting-today strong{display:block;font-size:18px;color:#102f54;margin-top:3px}
.meeting-section-head{text-align:center;margin:6px 0 26px}.meeting-section-head h2{font-size:26px;margin:0;color:#0b2b50}.meeting-section-head span{display:block;width:78px;height:3px;background:#e11d2e;border-radius:3px;margin:13px auto 0}
.meeting-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.meeting-room-card{background:#fff;border:1px solid #dce4ee;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(20,47,78,.05);display:flex;flex-direction:column}.meeting-room-image{display:block;aspect-ratio:16/8.2;background:#edf3f8;overflow:hidden}.meeting-room-image img{width:100%;height:100%;object-fit:cover;display:block}.meeting-room-placeholder{height:100%;min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:linear-gradient(135deg,#edf3f8,#dfeaf4);color:#6d829a}.meeting-room-placeholder span{font-size:38px}.meeting-room-card-body{padding:15px;display:flex;flex-direction:column;flex:1}.meeting-room-card h3{margin:0 0 6px;color:#0b2b50;font-size:21px}.meeting-room-card p{margin:0 0 12px;color:#63728a;font-size:14px;line-height:1.55;flex:1}.meeting-room-meta{display:flex;gap:14px;flex-wrap:wrap;color:#5f718b;font-size:12px;margin-bottom:13px}.meeting-select-room{margin-top:auto}.btn.danger,.meeting-confirm-btn{background:#df1325!important;color:#fff!important;border-color:#df1325!important}.btn.danger:hover,.meeting-confirm-btn:hover{background:#c70f20!important;border-color:#c70f20!important}
.meeting-my-reservations{margin-top:28px}.meeting-upcoming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.meeting-upcoming-item{display:flex;flex-direction:column;gap:3px;border:1px solid #dbe5ef;border-radius:8px;padding:12px;text-decoration:none;color:#0e2d50;background:#fafcff}.meeting-upcoming-item:hover{border-color:#9fb7cf;background:#f3f8fc}.meeting-upcoming-item span{font-size:13px}.meeting-upcoming-item small{color:#73839a}
.meeting-breadcrumb{margin:18px 0 4px}.meeting-breadcrumb a{color:#143a61;text-decoration:none;font-weight:700}.meeting-room-strip{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:12px;margin-bottom:14px}.meeting-strip-image{height:145px;border-radius:8px;overflow:hidden;background:#edf3f8}.meeting-strip-image img{width:100%;height:100%;object-fit:cover}.meeting-strip-info{padding:4px 8px}.meeting-strip-info h2{font-size:25px;color:#0b2b50;margin:0 0 9px}.meeting-strip-info p{font-size:14px;color:#64748a;max-width:760px}
.meeting-calendar-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.95fr);gap:14px}.meeting-calendar-card,.meeting-slots-card{padding:16px}.meeting-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.meeting-calendar-head h2,.meeting-slots-card h2{margin:0;color:#0b2b50;font-size:21px}.meeting-month-nav{display:flex;align-items:center;gap:12px}.meeting-month-nav strong{min-width:130px;text-align:center;color:#15395f}.meeting-calendar-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #d8e2ed;border-radius:8px;overflow:hidden}.meeting-calendar-table th{font-size:11px;text-transform:uppercase;color:#253d5a;padding:10px;background:#f6f9fc;border-right:1px solid #e1e8f0}.meeting-calendar-table td{height:70px;padding:0;border-top:1px solid #e1e8f0;border-right:1px solid #e1e8f0;vertical-align:top;background:#fff}.meeting-calendar-table td a,.meeting-calendar-table td>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#17375b;gap:3px}.meeting-calendar-table td span{font-weight:800;font-size:16px}.meeting-calendar-table td small{font-size:9px;color:#718096}.meeting-calendar-table td.outside{background:#f7f9fb}.meeting-calendar-table td.outside span{color:#a7b3c1}.meeting-calendar-table td.disabled{background:#f5f7f9}.meeting-calendar-table td.friday{background:#fff0f1}.meeting-calendar-table td.friday span,.meeting-calendar-table td.friday small{color:#da2334}.meeting-calendar-table td.selected{background:#0b5da7}.meeting-calendar-table td.selected a,.meeting-calendar-table td.selected span,.meeting-calendar-table td.selected small{color:#fff}.meeting-calendar-table td:not(.disabled):not(.selected) a:hover{background:#edf6ff}.meeting-calendar-notes{margin-top:12px;padding:10px 12px;border-radius:7px;background:#edf5fc;color:#4e6480;font-size:11px;display:flex;gap:12px;flex-wrap:wrap}.meeting-calendar-notes b{color:#15395f}
.meeting-selected-date{font-weight:700;color:#536983;margin:10px 0}.meeting-slot-list{display:flex;flex-direction:column;gap:7px}.meeting-slot{min-height:42px;border:1px solid #dbe4ed;border-radius:6px;padding:9px 12px;display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:8px;font-size:12px;text-decoration:none}.meeting-slot b{color:#183a60}.meeting-slot.available{background:#f7fbff}.meeting-slot.available span{color:#18874c;font-weight:700}.meeting-slot.available strong{background:#0d4e86;color:#fff;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.meeting-slot.available:hover{border-color:#2478be;background:#eef8ff}.meeting-slot.booked{grid-template-columns:1fr auto;background:#fff1f2;border-color:#f4c9ce}.meeting-slot.booked span{color:#d7192d;font-weight:700}.meeting-slot-tip{margin-top:12px;border-radius:7px;background:#eaf4fd;padding:11px;color:#245c8f;font-size:11px;line-height:1.5}
.meeting-reserve-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,.9fr);gap:16px}.meeting-reserve-main{display:flex;flex-direction:column;gap:16px}.meeting-form-card,.meeting-summary{padding:20px}.meeting-card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.meeting-card-title>span{font-size:26px;color:#7b8ca3}.meeting-card-title h2{margin:0;color:#0c2e55;font-size:20px}.meeting-card-title h2 small{font-size:12px;color:#73839b;font-weight:600}.meeting-card-title p{margin:4px 0 0;color:#78869a;font-size:12px}.meeting-detail-grid label{font-weight:700}.meeting-duration-hint{margin:10px 0 0 auto;width:calc(50% - 6px);padding:10px;background:#eaf5ff;border-radius:7px;color:#2b5f91;font-size:12px}.meeting-attendees{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.meeting-attendee-row{display:grid;grid-template-columns:1fr 42px;gap:8px}.meeting-remove-attendee{font-size:20px;padding:0}.meeting-summary-image{width:100%;aspect-ratio:16/7.2;object-fit:cover;border-radius:7px;margin-bottom:12px}.meeting-summary dl,.meeting-confirmation-details{margin:0}.meeting-summary dl div,.meeting-confirmation-details div{display:grid;grid-template-columns:130px 1fr;gap:12px;border-bottom:1px solid #e1e8ef;padding:10px 2px}.meeting-summary dt,.meeting-confirmation-details dt{color:#74839a}.meeting-summary dd,.meeting-confirmation-details dd{margin:0;color:#0b2f56;font-weight:700}.meeting-confirm-btn{margin-top:14px;font-size:14px;padding:13px}
.meeting-confirmation-wrap{max-width:780px}.meeting-confirmation-card{padding:30px;text-align:center;margin:32px auto}.meeting-success-mark{width:58px;height:58px;border-radius:50%;background:#e9f8ef;color:#15904e;display:grid;place-items:center;font-size:30px;font-weight:900;margin:0 auto 12px}.meeting-confirmation-card h1{font-size:28px;color:#0d2f53;margin:0}.meeting-confirmation-card>p{color:#75849b}.meeting-confirmation-image{width:100%;max-height:280px;object-fit:cover;border-radius:9px;margin:16px 0}.meeting-confirmation-details{text-align:left}.meeting-invite-list{text-align:left;margin-top:18px;padding:14px;background:#f6f9fc;border-radius:8px}.meeting-invite-list b{display:block;margin-bottom:7px}.meeting-invite-list span{display:block;font-size:12px;color:#52667e;margin:3px 0}.meeting-confirm-actions{justify-content:center;margin-top:20px}
.meeting-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.meeting-admin-room-cell{display:flex;gap:10px;align-items:center;min-width:220px}.meeting-admin-room-cell img{width:70px;height:45px;object-fit:cover;border-radius:6px}.meeting-admin-room-cell small{display:block;max-width:320px;color:#758397;white-space:normal}.inline-revoke{display:flex;gap:6px}.inline-revoke input{min-width:150px}.meeting-room-image-admin{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.meeting-room-image-admin img{width:220px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #dbe4ed}
@media(max-width:900px){
.meeting-page-intro{grid-template-columns:1fr;text-align:center;gap:14px}.meeting-today{justify-content:center}.meeting-room-grid{grid-template-columns:1fr 1fr}.meeting-upcoming-grid{grid-template-columns:1fr 1fr}.meeting-calendar-layout,.meeting-reserve-layout{grid-template-columns:1fr}.meeting-room-strip{grid-template-columns:220px 1fr}.meeting-summary{order:-1}.meeting-duration-hint{width:100%}.meeting-admin-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
.meeting-title-block h1{font-size:26px}.meeting-room-grid,.meeting-upcoming-grid{grid-template-columns:1fr}.meeting-room-strip{grid-template-columns:1fr}.meeting-strip-image{height:180px}.meeting-calendar-card,.meeting-slots-card{padding:10px}.meeting-calendar-head{align-items:flex-start;gap:8px}.meeting-calendar-head h2{font-size:18px}.meeting-month-nav{gap:5px}.meeting-calendar-table th{padding:7px 2px;font-size:9px}.meeting-calendar-table td{height:58px}.meeting-calendar-table td span{font-size:13px}.meeting-calendar-notes{display:grid;gap:4px}.meeting-detail-grid{grid-template-columns:1fr}.meeting-reserve-main,.meeting-summary{min-width:0}.meeting-summary dl div,.meeting-confirmation-details div{grid-template-columns:105px 1fr}.meeting-room-image-admin{grid-template-columns:1fr}.meeting-admin-stats{grid-template-columns:1fr 1fr}.public-nav{overflow-x:auto;white-space:nowrap}
}
.meeting-slot.unavailable{grid-template-columns:1fr auto;background:#f5f7f9;color:#8a97a8}.meeting-slot.unavailable b{color:#7c899a}.meeting-slot.unavailable span{color:#8a97a8;font-weight:700}
.meeting-unavailability-admin .form-grid{align-items:end}.meeting-unavailable-allday{align-self:center;margin-top:21px}.meeting-unavailability-admin table td{vertical-align:middle}
\n\n/* v1.5.3 - RECAFCO branded global loading indicator */\n.recafco-page-loader{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(247,250,253,.94);backdrop-filter:blur(2px);opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease}.recafco-page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.recafco-loader-core{position:relative;width:132px;height:132px;display:grid;place-items:center}.recafco-loader-core img{width:82px;height:82px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 3px 8px rgba(16,35,57,.12))}.recafco-loader-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ed1c24 0 28%,#dce5ee 28% 58%,#3b3b3b 58% 74%,#dce5ee 74% 100%);animation:recafcoRingSpin .9s linear infinite;box-shadow:0 0 18px rgba(237,28,36,.11)}.recafco-loader-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#f8fbfe}.recafco-loader-ring:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#ed1c24;right:5px;top:50%;transform:translateY(-50%);box-shadow:0 0 9px rgba(237,28,36,.35);z-index:1}@keyframes recafcoRingSpin{to{transform:rotate(360deg)}}\n/* common legacy spinner names inherit the branded ring instead of generic circles */\n.spinner,.loading-spinner,.loader-spinner{border:0!important;width:38px!important;height:38px!important;border-radius:50%!important;background:conic-gradient(#ed1c24 0 30%,#dfe6ed 30% 65%,#3b3b3b 65% 78%,#dfe6ed 78% 100%)!important;animation:recafcoRingSpin .85s linear infinite!important;box-shadow:none!important}\n@media(max-width:620px){.recafco-loader-core{width:108px;height:108px}.recafco-loader-core img{width:66px;height:66px}.recafco-loader-ring:after{inset:7px}}\n@media(prefers-reduced-motion:reduce){.recafco-loader-ring,.spinner,.loading-spinner,.loader-spinner{animation-duration:1.8s!important}}\n@media print{.recafco-page-loader{display:none!important}}\n
/* v1.5.5 */
.email-html-template{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:220px;line-height:1.45;font-size:12px}.recafco-page-loader{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;display:grid!important;place-items:center!important}.recafco-page-loader .recafco-loader-core{margin:auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}
/* v1.5.9 - independent Meeting Reservation header/login identity + ticket bulk delete */
.meeting-topbar{border-bottom:1px solid #d7e2ed;box-shadow:0 2px 10px rgba(13,43,78,.035)}
.meeting-brand b{font-size:16px;color:#0b2b50;letter-spacing:.01em}
.meeting-nav{align-items:center}
.meeting-nav-user{font-size:12px;font-weight:800;color:#536983;padding-right:2px}
.meeting-login-wrap{padding-top:30px}
.meeting-login-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:26px;align-items:stretch;background:linear-gradient(135deg,#0b2b50,#164f82);border-radius:16px;padding:34px;box-shadow:0 12px 34px rgba(11,43,80,.12);overflow:hidden;position:relative}
.meeting-login-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-135px;top:-170px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}
.meeting-login-copy{color:#fff;align-self:center;position:relative;z-index:1;padding:10px 10px 10px 4px}
.meeting-login-kicker{display:inline-flex;background:#df1325;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:13px}
.meeting-login-copy h1{font-size:38px;line-height:1.05;margin:0 0 10px;color:#fff}
.meeting-login-copy>p{font-size:16px;line-height:1.65;color:#d7e5f2;max-width:680px;margin:0}
.meeting-login-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.meeting-login-features span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800;color:#f4f8fc}
.meeting-login-card{position:relative;z-index:2;padding:24px;border:0;border-radius:12px;box-shadow:0 14px 38px rgba(4,22,42,.18);align-self:center}
.meeting-login-icon{width:50px;height:50px;border-radius:10px;background:#edf5fc;color:#0b5da7;display:grid;place-items:center;font-size:24px;margin:0 auto 8px}
.meeting-login-card h2,.meeting-password-card h2{text-align:center;color:#0b2b50;font-size:20px;margin:0}
.meeting-login-card>p,.meeting-password-card>p{text-align:center;margin:3px 0 8px;font-size:11px;line-height:1.55}
.meeting-login-preview{padding-top:34px}.meeting-login-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.meeting-login-room{border:1px solid #dce4ee;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(20,47,78,.05)}
.meeting-login-room-image{height:120px;background:#edf3f8;overflow:hidden}.meeting-login-room-image img{width:100%;height:100%;object-fit:cover}.meeting-login-room-image .meeting-room-placeholder{min-height:120px}
.meeting-login-room>div:last-child{padding:11px 13px}.meeting-login-room b{display:block;color:#0b2b50;font-size:14px}.meeting-login-room small{display:block;color:#73839a;font-size:10px;margin-top:4px}
.meeting-password-wrap{max-width:760px}.meeting-password-card{max-width:520px;margin:0 auto;padding:26px}
.bulk-ticket-actions{flex-wrap:wrap}
@media(max-width:900px){.meeting-login-hero{grid-template-columns:1fr}.meeting-login-copy{text-align:center}.meeting-login-copy>p{margin-left:auto;margin-right:auto}.meeting-login-features{justify-content:center}.meeting-login-card{width:min(520px,100%);justify-self:center}.meeting-login-room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.meeting-login-wrap{padding-top:14px}.meeting-login-hero{padding:22px 15px;border-radius:10px}.meeting-login-copy h1{font-size:29px}.meeting-login-copy>p{font-size:13px}.meeting-login-features{display:grid}.meeting-login-card{padding:20px}.meeting-login-room-grid{grid-template-columns:1fr}.meeting-nav-user{display:none}.meeting-brand b{font-size:13px}.bulk-ticket-actions{width:100%}.bulk-ticket-actions select,.bulk-ticket-actions .btn{width:100%}}
/* v1.5.10 - Meeting Reservation login layout/spacing refinement */
.meeting-login-wrap{max-width:1180px;padding:34px 24px 48px}
.meeting-login-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,430px);gap:48px;align-items:center;min-height:390px;padding:46px 50px}
.meeting-login-copy{padding:0;max-width:620px}
.meeting-login-kicker{margin-bottom:16px}
.meeting-login-copy h1{font-size:40px;line-height:1.08;margin:0 0 14px;max-width:560px}
.meeting-login-copy>p{font-size:15px;line-height:1.7;max-width:580px}
.meeting-login-features{gap:9px;margin-top:24px}.meeting-login-features span{padding:9px 11px}
.meeting-login-card{width:100%;max-width:430px;justify-self:end;padding:30px 28px;gap:14px}
.meeting-login-icon{margin:0 auto 2px}
.meeting-login-card h2{font-size:21px;line-height:1.25}
.meeting-login-card>p{margin:0 0 4px;font-size:11px;line-height:1.6}
.meeting-login-card label{gap:7px}.meeting-login-card input{min-height:44px;padding:11px 12px}.meeting-login-card .btn{min-height:44px;margin-top:2px;font-size:11px}
.meeting-login-preview{padding-top:42px}.meeting-login-preview .meeting-section-head{margin:0 0 24px}
.meeting-login-room-grid{gap:18px}.meeting-login-room-image{height:132px}
@media(max-width:900px){.meeting-login-wrap{max-width:820px;padding-top:26px}.meeting-login-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:36px 34px}.meeting-login-copy{max-width:650px;margin:0 auto;text-align:center}.meeting-login-copy h1{margin-left:auto;margin-right:auto}.meeting-login-features{justify-content:center}.meeting-login-card{justify-self:center;max-width:480px}.meeting-login-preview{padding-top:34px}}
@media(max-width:620px){.meeting-login-wrap{padding:16px 14px 34px}.meeting-login-hero{padding:26px 18px;gap:22px;border-radius:12px}.meeting-login-copy h1{font-size:30px;margin-bottom:10px}.meeting-login-copy>p{font-size:13px;line-height:1.55}.meeting-login-features{margin-top:18px}.meeting-login-card{padding:24px 20px;gap:12px}.meeting-login-preview{padding-top:28px}.meeting-login-room-grid{gap:12px}}
/* v1.5.11 - Self Support article video */
.kb-article-video{width:100%;aspect-ratio:16/9;margin:16px 0 18px;border-radius:9px;overflow:hidden;background:#08111c;border:1px solid #dce6ef}.kb-article-video video,.kb-article-video iframe{width:100%;height:100%;display:block;border:0;background:#000}.kb-video-editor{display:grid;gap:10px;padding:12px;border:1px solid #dce6ef;border-radius:8px;background:#f9fbfd}.kb-video-upload-row{display:grid;gap:5px}.kb-video-upload-row input[type=file]{font-size:11px}.kb-video-editor small{font-size:10px;color:#72859d;line-height:1.5}.kb-video-current{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:7px;background:#fff;border:1px solid #e1e8ef}.kb-video-current .checkbox{margin-left:auto}
@media(max-width:620px){.kb-article-video{margin:12px 0 15px}.kb-video-current .checkbox{margin-left:0;width:100%}}