:root{--bg:#f4f6f9;--side:#202b38;--side2:#2c3948;--blue:#1687e0;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--orange:#ff8a00;--card:#fff;--border:#dce3eb;--text:#1f2937;--muted:#6b7280;--soft:#eef3f8}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app{display:flex;min-height:100vh}#sidebar{width:220px;background:var(--side);color:#fff;position:fixed;inset:0 auto 0 0;z-index:20}.brand{padding:18px 16px;font-size:18px;font-weight:800;border-bottom:1px solid #364354;display:flex;align-items:center;gap:10px}.brand-mark{min-width:38px;height:32px;border-radius:7px;background:#16a5dc;display:grid;place-items:center;color:#fff;font-size:16px}.brand span{font-weight:400;color:#c5d0dc}nav{display:grid;padding:10px}nav a{color:#d4dde7;text-decoration:none;padding:11px 12px;border-radius:6px;margin:2px 0;display:flex;align-items:center;gap:8px;position:relative}nav a:hover{background:var(--side2);color:white}.nav-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.nav-dot.on{background:#22c55e}.nav-dot.off{background:#ef4444}main{margin-left:220px;width:calc(100% - 220px)}header{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:5}.header-user a{color:#1687e0;text-decoration:none}.content{padding:22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:0 1px 5px rgba(20,35,50,.04)}.metric b{font-size:30px;display:block;margin-top:8px}.muted{color:#7b8794}.btn{display:inline-block;border:0;background:var(--blue);color:#fff;padding:9px 13px;border-radius:5px;text-decoration:none;cursor:pointer;font-weight:600}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#64748b}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.light{background:#fff;color:#334155;border:1px solid #cfd8e3}.btn.small{padding:6px 9px;font-size:12px}table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--border)}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:#f8fafc}.badge{padding:4px 8px;border-radius:99px;font-size:12px;font-weight:700;display:inline-block}.open{background:#dbeafe;color:#1d4ed8}.waiting{background:#fef3c7;color:#92400e}.closed{background:#d1fae5;color:#065f46}.form{display:grid;gap:12px;max-width:900px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd8e3;border-radius:5px;background:#fff;color:#233040}input:focus,select:focus,textarea:focus{outline:2px solid rgba(22,135,224,.15);border-color:#1687e0}textarea{min-height:130px}.flash{padding:12px;border-radius:6px;margin-bottom:15px;background:#dcfce7;border:1px solid #bbf7d0}.flash.error{background:#fee2e2;border-color:#fecaca}.two{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.inline-form{display:inline-block;margin:0}.check-label{display:flex;align-items:center;gap:8px;font-weight:500}.check-label input{width:auto}.button-row{display:flex;gap:8px;flex-wrap:wrap}.info-box{background:#eff8ff;border:1px solid #cde9ff;padding:12px;border-radius:6px;line-height:1.5}.code-block{display:block;white-space:normal;word-break:break-all;background:#111827;color:#e5e7eb;padding:12px;border-radius:6px;font-size:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#111827;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}hr{border:0;border-top:1px solid #e5e7eb;margin:18px 0}

/* ServiceDesk benzeri istek panosu */
.request-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.request-toolbar-left{display:flex;align-items:center;gap:10px;font-weight:700}.request-toolbar-right{display:flex;align-items:center;gap:8px;color:#475569;font-size:12px}.kanban{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:14px;scrollbar-color:#b8c3d0 transparent}.column{flex:0 0 250px;background:#f8fafc;border:1px solid #d7dee7;border-radius:4px;min-height:560px}.column-head{height:42px;padding:8px 10px;background:#dfe5ec;display:flex;align-items:center;justify-content:space-between;font-weight:700;border-bottom:1px solid #d4dce6}.column-title{display:flex;align-items:center;gap:7px;min-width:0}.avatar{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #d5dce5;display:grid;place-items:center;color:#94a3b8;font-size:14px;flex:0 0 26px}.column-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count-pill{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#fff;border:1px solid #cdd6e0;border-radius:10px;font-size:11px;color:#475569}.column-tools{color:#98a2b3;font-size:13px;letter-spacing:2px}.dropzone{padding:8px;min-height:515px;transition:.15s;position:relative}.dropzone.drag-over{background:#dbeafe;outline:2px dashed #1687e0;outline-offset:-4px}.empty-drop{min-height:190px;display:grid;place-items:center;color:#9aa7b6;text-align:center;font-size:11px}.empty-illustration{width:145px;height:95px;position:relative;margin:10px auto 14px}.empty-illustration:before,.empty-illustration:after{content:"";position:absolute;width:72px;height:42px;border:2px solid #e4eaf0;border-radius:3px;background:#fff;box-shadow:0 0 0 6px #f5f8fb}.empty-illustration:before{left:3px;top:8px;transform:rotate(7deg)}.empty-illustration:after{right:3px;top:30px;transform:rotate(-4deg)}.ticket{background:#fff;border:1px solid #d8dee7;border-radius:4px;padding:10px;margin-bottom:7px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.03)}.ticket.dragging{opacity:.55}.ticket-title{display:flex;gap:7px;align-items:flex-start;font-size:12px;font-weight:700;margin-bottom:8px}.ticket-icon{color:var(--orange);font-size:15px;line-height:1}.ticket-title a{color:#1f2937;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ticket small{display:block;color:#687586;margin:5px 0;font-size:11px}.ticket small b{color:#344054;font-weight:600}.status-dot{width:8px;height:8px;display:inline-block;background:#1687e0;margin-right:5px}.ticket-actions{margin-top:7px;color:#9aa4af;font-size:13px;display:flex;gap:8px}.ticket-source{font-size:10px;border:1px solid #d7dee7;border-radius:10px;padding:1px 6px;display:inline-block;margin-left:auto}

/* Mail */
.mail-statusbar{background:#fff;border:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:10px 12px;margin-bottom:12px;flex-wrap:wrap}.mail-status-item{display:flex;align-items:center;gap:6px;border-right:1px solid #e5e7eb;padding-right:14px}.mail-icon{font-size:18px}.status-text{font-weight:800}.status-text.ok{color:#0d9f6e}.status-text.stopped{color:#dc2626}.mail-tabs{display:flex;border-bottom:1px solid var(--border);background:#fff;margin-bottom:12px}.mail-tabs span,.mail-tabs a{padding:11px 18px;border-right:1px solid var(--border);text-decoration:none;color:#344054}.mail-tabs .active{color:#1687e0;border-bottom:2px solid #1687e0;font-weight:700}.mail-grid{align-items:start}.log-success{color:#067647}.log-warning{color:#b54708}.log-error{color:#b42318}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:12px 0}.status-box{background:#f8fafc;border:1px solid var(--border);padding:10px;border-radius:5px}.status-box b{display:block;font-size:18px;margin-top:3px}

/* İstek detay */
.request-detail{background:#fff;border:1px solid var(--border);border-radius:5px;overflow:hidden}.detail-top-actions{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:#fff}.detail-heading{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.detail-title{font-size:17px;font-weight:700;margin-bottom:6px}.detail-meta{font-size:12px;color:#64748b;display:flex;gap:12px;flex-wrap:wrap}.detail-tabs{display:flex;border-bottom:1px solid var(--border);background:#fafbfc}.detail-tabs span{padding:10px 14px;font-size:12px}.detail-tabs .active{color:#1687e0;border-bottom:2px solid #1687e0;background:#fff}.detail-section{padding:14px 16px;border-bottom:1px solid #e8edf2}.detail-section h3{font-size:13px;margin:0 0 12px}.email-body{font-family:Arial,sans-serif;line-height:1.65;white-space:pre-wrap;color:#111827;min-height:140px}.conversation-head{display:flex;align-items:center;gap:14px;font-size:12px;background:#f8fafc;padding:10px 16px;border-bottom:1px solid var(--border)}.conversation-item{padding:12px 16px;border-bottom:1px solid #edf0f3}.properties-table{width:100%;border:0}.properties-table td{width:25%;padding:9px 12px;border:1px solid #e3e8ef}.properties-table td.label{background:#f8fafc;text-align:right;color:#475569;font-size:12px}.request-properties-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.request-properties-form label{font-size:12px}.request-properties-form .btn{height:39px}.note-form{padding:12px 16px;background:#fff}.note-form textarea{min-height:80px}.source-tag{font-size:11px;border:1px solid #d7dee7;border-radius:10px;padding:2px 7px;color:#475569}

/* Kurallar */
.rule-card{background:#fff;border:1px solid var(--border);border-radius:5px;overflow:hidden}.rule-row{display:grid;grid-template-columns:34px 1fr 150px;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #e6ebf0}.rule-row:last-child{border-bottom:0}.rule-row input{width:auto}.rule-title{font-size:13px}.rule-help{font-size:11px;color:#7b8794;margin-top:3px}.rule-link{text-align:right}.rule-link a{color:#1687e0;text-decoration:none;font-size:12px}

.chartbar{height:14px;background:#e5e7eb;border-radius:8px;overflow:hidden}.chartbar span{height:100%;display:block;background:var(--blue)}
@media(max-width:1000px){#sidebar{width:70px}.brand{padding:14px 10px}.brand>div:not(.brand-mark),nav a span,.nav-dot{display:none}nav a{font-size:20px;text-align:center;justify-content:center}main{margin-left:70px;width:calc(100% - 70px)}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.mail-status-item{border-right:0}.mail-statusbar{align-items:flex-start}.request-properties-form{grid-template-columns:1fr 1fr}.properties-table td{width:auto}}
@media(max-width:650px){.content{padding:12px}.grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}header{padding:0 12px}.header-user{font-size:12px}.mail-statusbar{display:grid}.status-strip{grid-template-columns:1fr 1fr}.request-properties-form{grid-template-columns:1fr}.detail-heading{display:block}.rule-row{grid-template-columns:28px 1fr}.rule-link{grid-column:2;text-align:left}.properties-table,.properties-table tbody,.properties-table tr,.properties-table td{display:block;width:100%}.properties-table td.label{text-align:left;font-weight:700}}


/* v1.4 layout polish */
body{background:#eef2f6}
#sidebar{transition:width .18s ease;box-shadow:1px 0 0 rgba(15,23,42,.18)}
main{transition:margin-left .18s ease,width .18s ease}
.brand{height:64px;padding:12px 14px;position:relative}
.brand-text{white-space:nowrap;overflow:hidden}
.sidebar-toggle{margin-left:auto;width:28px;height:28px;border:1px solid #445365;background:#263444;color:#dbe5ef;border-radius:5px;cursor:pointer;font-size:20px;line-height:1}
.sidebar-toggle:hover{background:#344457}
.nav-icon{width:22px;text-align:center;flex:0 0 22px}
nav a.active{background:#1587d8;color:#fff;box-shadow:inset 3px 0 0 #72c9ff}
.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f91a5;padding:16px 12px 5px}
.sidebar-footer{position:absolute;left:0;right:0;bottom:0;padding:13px 16px;border-top:1px solid #334254;color:#9fb0c2;display:grid;gap:2px}
.sidebar-footer small{font-size:10px}
.header-left{display:flex;align-items:center;gap:10px}.header-menu-btn{display:none;border:0;background:transparent;font-size:19px;cursor:pointer;color:#475569}
header{height:58px;padding:0 18px;box-shadow:0 1px 3px rgba(15,23,42,.03)}
.content{padding:16px 18px 22px}
.card{border-radius:5px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.request-toolbar{background:#fff;border:1px solid var(--border);padding:10px 12px;margin-bottom:10px;border-radius:4px}
.kanban{gap:10px;background:#fff;border:1px solid #dfe5ec;padding:10px;min-height:calc(100vh - 150px)}
.column{flex-basis:270px;min-height:calc(100vh - 175px);background:#f9fbfd}
.dropzone{min-height:calc(100vh - 218px)}
.column-head{background:#dfe5ec}
.ticket{border-color:#d6dde6;box-shadow:none}
.ticket:hover{border-color:#9fb7cf;box-shadow:0 2px 6px rgba(15,23,42,.06)}
.request-detail{box-shadow:0 1px 4px rgba(15,23,42,.05)}
.detail-heading{padding:13px 15px}.detail-section{padding:13px 15px}
.email-body{min-height:90px}
.mail-statusbar{border-radius:4px}

/* collapsible sidebar */
body.sidebar-collapsed #sidebar{width:68px}
body.sidebar-collapsed main{margin-left:68px;width:calc(100% - 68px)}
body.sidebar-collapsed .brand{padding:12px 9px;justify-content:center}
body.sidebar-collapsed .brand-mark{min-width:40px}
body.sidebar-collapsed .brand-text,
body.sidebar-collapsed nav a>span:not(.nav-icon),
body.sidebar-collapsed .nav-section,
body.sidebar-collapsed .nav-dot,
body.sidebar-collapsed .sidebar-footer{display:none}
body.sidebar-collapsed nav{padding:10px 7px}
body.sidebar-collapsed nav a{justify-content:center;padding:11px 8px}
body.sidebar-collapsed .nav-icon{width:auto;font-size:17px}
body.sidebar-collapsed .sidebar-toggle{position:absolute;right:-12px;top:18px;width:24px;height:24px;background:#fff;color:#334155;border-color:#cbd5e1;transform:rotate(180deg);z-index:2}

/* email attachments */
.attachments-section{background:#fbfcfe}
.attachments-section h3{display:flex;align-items:center;gap:7px}
.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}
.attachment-card{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #dfe5ec;background:#fff;border-radius:5px;text-decoration:none;color:#243244;min-width:0}
.attachment-card:hover{border-color:#8eb8d8;background:#f8fbfe}
.attachment-preview{width:54px;height:48px;border-radius:4px;background:#eef2f7;display:grid;place-items:center;flex:0 0 54px;font-size:11px;font-weight:800;color:#64748b;overflow:hidden}
.attachment-preview img{width:100%;height:100%;object-fit:cover}
.attachment-preview.pdf{background:#fff1f2;color:#be123c}
.attachment-preview.excel{background:#ecfdf3;color:#067647}
.attachment-preview.word{background:#eff6ff;color:#1d4ed8}
.attachment-info{min-width:0;display:grid;gap:4px}
.attachment-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attachment-info small{font-size:11px;color:#778596}

/* log table stays readable */
.mail-grid table,.card table{font-size:12px}
.mail-statusbar .btn{white-space:nowrap}

@media(max-width:1000px){
  body:not(.sidebar-mobile-open) #sidebar{width:68px}
  body:not(.sidebar-mobile-open) main{margin-left:68px;width:calc(100% - 68px)}
  body:not(.sidebar-mobile-open) .brand-text,
  body:not(.sidebar-mobile-open) nav a>span:not(.nav-icon),
  body:not(.sidebar-mobile-open) .nav-section,
  body:not(.sidebar-mobile-open) .nav-dot,
  body:not(.sidebar-mobile-open) .sidebar-footer{display:none}
  .sidebar-toggle{display:none}
}
@media(max-width:720px){
  #sidebar{transform:translateX(-100%);width:220px!important;transition:transform .18s ease}
  main,body.sidebar-collapsed main,body:not(.sidebar-mobile-open) main{margin-left:0;width:100%}
  body.sidebar-mobile-open #sidebar{transform:translateX(0)}
  body.sidebar-mobile-open .brand-text,
  body.sidebar-mobile-open nav a>span:not(.nav-icon),
  body.sidebar-mobile-open .nav-section,
  body.sidebar-mobile-open .sidebar-footer{display:block}
  .header-menu-btn{display:inline-block}
  .request-toolbar-right{display:none}
  .content{padding:10px}
  .kanban{min-height:calc(100vh - 125px)}
}


/* v1.6 request status filtering */
.status-filter-group{display:flex;align-items:center;border:1px solid #d6dee8;border-radius:5px;overflow:hidden;background:#fff;margin-right:8px}
.status-filter{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#475569;text-decoration:none;border-right:1px solid #e2e8f0;background:#fff;font-size:12px;white-space:nowrap}
.status-filter:last-child{border-right:0}.status-filter:hover{background:#f8fafc;color:#0f6fb5}.status-filter.active{background:#1687e0;color:#fff;border-color:#1687e0}.status-filter b{font-size:10px;min-width:18px;height:18px;border-radius:10px;background:#eef2f7;color:#475569;display:inline-grid;place-items:center;padding:0 5px}.status-filter.active b{background:rgba(255,255,255,.22);color:#fff}.request-filter-caption{color:#8190a1;font-weight:500;font-size:12px}.mobile-status-filters{display:none;gap:6px;overflow:auto;margin:0 0 10px}.mobile-status-filters .status-filter{border:1px solid #d6dee8;border-radius:5px}
.status-dot.status-open{background:#1687e0}.status-dot.status-waiting{background:#f59e0b}.status-dot.status-closed{background:#10b981}
@media(max-width:1100px){.request-toolbar-right>span:not(.btn){display:none}.request-toolbar-right{gap:5px}}
@media(max-width:720px){.mobile-status-filters{display:flex}.request-toolbar-right{display:flex}.request-toolbar-right .status-filter-group,.request-toolbar-right>span{display:none}.request-toolbar-right .btn.light{display:none}.request-toolbar{align-items:center}.request-toolbar-left{min-width:0}.request-filter-caption{display:none}}

/* v1.7 - Gerçek Destek UI */
:root{--side:#172230;--side2:#223142;--blue:#1487d8;--green:#10a36d;--amber:#e89b16;--red:#df4b4b;--orange:#f28a16;--bg:#eef3f7;--border:#dbe3eb;--text:#213044;--muted:#6f7e8f;--soft:#f6f9fb}
body{background:var(--bg);font-size:13px;color:var(--text)}
#sidebar{width:236px;background:linear-gradient(180deg,#172230 0%,#1b2837 100%);overflow:visible}
main{margin-left:236px;width:calc(100% - 236px)}
.brand{height:64px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.09);gap:8px}
.brand-logo-link{height:44px;display:flex;align-items:center;min-width:0;flex:1;text-decoration:none}
.brand-logo-full{width:170px;height:auto;display:block;filter:brightness(1.08)}
.brand-logo-mark{display:none;width:44px;height:auto}
.sidebar-toggle{position:absolute;right:-13px;top:19px;width:27px;height:27px;border-radius:50%;background:#fff;color:#516174;border:1px solid #cfd8e3;display:grid;place-items:center;z-index:30;box-shadow:0 2px 7px rgba(15,23,42,.14);padding:5px}
.sidebar-toggle:hover{background:#f6f9fc;color:#1487d8}.sidebar-toggle .ui-icon{width:15px;height:15px;transition:transform .2s}
.ui-icon{width:19px;height:19px;display:block;flex:0 0 19px}
nav{padding:12px 9px}nav a{padding:10px 11px;border-radius:5px;gap:11px;color:#d7e0ea;margin:2px 0;font-size:13px}nav a .ui-icon{color:#9eb2c6}nav a:hover .ui-icon,nav a.active .ui-icon{color:#fff}nav a.active{background:#1183d1;box-shadow:inset 3px 0 0 #74c9ff}.nav-section{padding-left:11px}.sidebar-footer{font-size:11px}
header{height:58px;padding:0 20px}.header-menu-btn{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #d7e0e8;background:#fff;border-radius:5px;color:#5e6d7d}.header-menu-btn:hover{background:#f7fafc;color:#1487d8}.header-menu-btn .ui-icon{width:18px;height:18px}.header-user{display:flex;align-items:center;gap:8px}.header-user a{display:flex;align-items:center;gap:5px}.header-user a .ui-icon{width:15px;height:15px}.header-sep{color:#b3beca}
.content{padding:16px 18px 24px}.card{border-color:#d9e2ea;box-shadow:0 1px 3px rgba(16,33,50,.035);border-radius:7px}.btn{border-radius:5px;box-shadow:none}.btn.light:hover{background:#f5f8fb}.flash{box-shadow:none}

/* Desktop collapsed sidebar - reliable and visible toggle */
body.sidebar-collapsed #sidebar{width:72px}body.sidebar-collapsed main{margin-left:72px;width:calc(100% - 72px)}
body.sidebar-collapsed .brand{padding:9px 10px;justify-content:center}body.sidebar-collapsed .brand-logo-full{display:none}body.sidebar-collapsed .brand-logo-mark{display:block;width:46px}body.sidebar-collapsed .brand-logo-link{justify-content:center}
body.sidebar-collapsed nav{padding:12px 8px}body.sidebar-collapsed nav a{justify-content:center;padding:11px 8px}body.sidebar-collapsed nav a>span,body.sidebar-collapsed .nav-section,body.sidebar-collapsed .nav-dot,body.sidebar-collapsed .sidebar-footer{display:none}body.sidebar-collapsed .sidebar-toggle .ui-icon{transform:rotate(180deg)}

/* Request board */
.request-toolbar{padding:8px 11px;border-radius:6px;margin-bottom:8px;min-height:48px}.request-toolbar-left .ui-icon{color:var(--orange)}.request-toolbar-right{gap:6px}.kanban{padding:8px;gap:8px;border-radius:6px;min-height:calc(100vh - 142px)}.column{flex-basis:268px;border-radius:5px;min-height:calc(100vh - 164px)}.column-head{height:40px;background:#e5ebf1;padding:7px 9px;border-radius:4px 4px 0 0}.dropzone{padding:7px;min-height:calc(100vh - 206px)}.dropzone.drag-over{background:#e7f4fd;outline:2px dashed #1687e0;outline-offset:-3px}.ticket{padding:10px 10px 8px;border-radius:5px;cursor:grab;user-select:none}.ticket:active{cursor:grabbing}.ticket.dragging{opacity:.45;transform:scale(.99)}.ticket-title{font-size:12px}.ticket-title a{flex:1}.ticket-drag-handle{margin-left:auto;color:#a4afbb;cursor:grab;letter-spacing:1px}.ticket-schedule{display:flex!important;align-items:center;gap:4px;color:#7b8794!important}.ticket-schedule .ui-icon{width:12px;height:12px}.avatar{font-size:0;background:#fff}.avatar:after{content:"";width:9px;height:9px;border-radius:50%;background:#aab6c3}.column-tools{letter-spacing:0}.column-tools .ui-icon{width:15px;height:15px}.empty-drop{min-height:150px}

/* Assignment modal shown after drag/drop */
.modal-backdrop{position:fixed;inset:0;background:rgba(13,24,38,.46);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.assign-modal{width:min(480px,100%);background:#fff;border-radius:9px;box-shadow:0 20px 55px rgba(0,0,0,.24);overflow:hidden}.assign-modal-head{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.assign-modal-head h3{margin:0;font-size:16px}.assign-modal-close{border:0;background:transparent;color:#748294;font-size:22px;cursor:pointer}.assign-modal-body{padding:17px 18px;display:grid;gap:12px}.assign-modal-ticket{padding:10px 12px;background:#f6f9fc;border:1px solid #e0e7ef;border-radius:6px}.assign-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:13px 18px;border-top:1px solid var(--border);background:#fafcfd}.assign-modal .form-row{grid-template-columns:1.45fr .75fr}

/* Dashboard */
.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard-head h2{margin:0;font-size:18px}.dashboard-head p{margin:4px 0 0}.quick-actions{display:flex;gap:7px;flex-wrap:wrap}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:7px;padding:13px 14px;display:flex;align-items:center;gap:12px;min-height:82px}.kpi-icon{width:42px;height:42px;border-radius:9px;background:#eef6fc;color:#1487d8;display:grid;place-items:center;flex:0 0 42px}.kpi-icon .ui-icon{width:21px;height:21px}.kpi-icon.wait{background:#fff7e8;color:#d58a12}.kpi-icon.closed{background:#ecf9f3;color:#0d9363}.kpi-icon.unassigned{background:#fff0ed;color:#d8613b}.kpi-icon.today{background:#f2efff;color:#7556c9}.kpi-text small{color:#728092;display:block;margin-bottom:3px}.kpi-text b{font-size:25px;line-height:1}.dashboard-layout{display:grid;grid-template-columns:1.45fr .85fr;gap:10px;margin-top:10px}.dashboard-panel{background:#fff;border:1px solid var(--border);border-radius:7px;padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-head h3{margin:0;font-size:14px}.panel-head a{font-size:12px;text-decoration:none;color:#1487d8}.trend-chart{height:190px;display:flex;align-items:flex-end;gap:10px;padding:16px 8px 5px;border-top:1px solid #edf1f5}.trend-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:28px}.trend-bars{height:145px;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px}.trend-bar{width:min(17px,38%);min-height:2px;border-radius:3px 3px 0 0;background:#43a4e4}.trend-bar.closed{background:#36b883}.trend-day small{font-size:10px;color:#7e8a98}.chart-legend{display:flex;gap:13px;font-size:11px;color:#6f7e8e}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:4px;background:#43a4e4}.legend-dot.closed{background:#36b883}.status-overview{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px}.status-donut{width:135px;height:135px;border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;background:conic-gradient(#1687e0 0 var(--open-end),#f0a11d var(--open-end) var(--wait-end),#27ae79 var(--wait-end) 100%)}.status-donut:after{content:"";width:82px;height:82px;background:#fff;border-radius:50%;position:absolute}.status-donut-center{z-index:1;text-align:center}.status-donut-center b{display:block;font-size:24px}.status-donut-center small{color:#7a8795}.status-list{display:grid;gap:10px}.status-list-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f5;padding-bottom:7px}.status-list-row:last-child{border-bottom:0}.status-name{display:flex;align-items:center;gap:7px}.status-swatch{width:9px;height:9px;border-radius:2px;background:#1687e0}.status-swatch.waiting{background:#f0a11d}.status-swatch.closed{background:#27ae79}.dashboard-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:10px}.tech-load{display:grid;gap:9px}.tech-load-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 70px;gap:10px;align-items:center}.tech-load-bar{height:8px;background:#edf1f5;border-radius:5px;overflow:hidden}.tech-load-bar span{display:block;height:100%;background:#4ba3df;border-radius:5px}.tech-load-row small{text-align:right;color:#778493}.schedule-mini{display:grid;gap:7px}.schedule-item{display:grid;grid-template-columns:62px 1fr auto;gap:9px;align-items:center;border:1px solid #e2e8ef;border-radius:6px;padding:8px 9px}.schedule-time{font-weight:700;color:#1687e0}.schedule-item a{text-decoration:none;color:#263548;font-weight:600}.schedule-item small{display:block;color:#7d8997;margin-top:2px}.compact-table{font-size:12px}.compact-table th,.compact-table td{padding:8px 9px}.empty-state{padding:22px;text-align:center;color:#8090a0}

/* Calendar */
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:7px;padding:9px 11px;margin-bottom:10px}.calendar-toolbar-left,.calendar-toolbar-right{display:flex;align-items:center;gap:7px}.calendar-title{font-size:15px;font-weight:700;min-width:180px;text-align:center}.calendar-filter{min-width:190px;padding:7px 9px}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:7px;overflow-x:auto;padding-bottom:8px}.calendar-day{background:#fff;border:1px solid var(--border);border-radius:7px;min-height:510px;min-width:160px;overflow:hidden}.calendar-day.today{border-color:#6ab4e6;box-shadow:0 0 0 1px #6ab4e6}.calendar-day-head{padding:10px;border-bottom:1px solid #e5ebf0;background:#f7f9fb;display:flex;justify-content:space-between;align-items:center}.calendar-day.today .calendar-day-head{background:#eef8ff}.calendar-day-head b{font-size:12px}.calendar-day-head span{font-size:11px;color:#7a8794}.calendar-events{padding:7px;display:grid;gap:6px}.calendar-event{border-left:3px solid #1687e0;background:#f4f9fd;border-radius:4px;padding:8px;text-decoration:none;color:#233246}.calendar-event.waiting{border-left-color:#f0a11d;background:#fffbf1}.calendar-event.closed{border-left-color:#27ae79;background:#f1fbf7}.calendar-event-time{font-weight:800;font-size:11px;margin-bottom:4px}.calendar-event-title{font-size:12px;font-weight:650;line-height:1.3}.calendar-event-meta{font-size:10px;color:#738090;margin-top:4px}.calendar-empty{padding:18px 8px;text-align:center;color:#9aa6b4;font-size:11px}.calendar-unplanned{margin-top:10px}.calendar-unplanned-list{display:flex;gap:7px;overflow:auto}.unplanned-pill{white-space:nowrap;border:1px solid #dfe6ed;background:#fff;border-radius:16px;padding:6px 9px;font-size:11px;text-decoration:none;color:#425269}

/* Request detail scheduling */
.request-properties-form{grid-template-columns:repeat(5,minmax(140px,1fr))}.request-properties-form .wide-action{grid-column:auto}.schedule-inline{display:grid;grid-template-columns:1.4fr .8fr;gap:8px}.schedule-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:12px;background:#eef7fd;color:#136fa9;font-size:11px}.schedule-badge .ui-icon{width:12px;height:12px}

/* Mail settings - compact */
.mail-page-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:7px;padding:10px 12px;margin-bottom:10px}.mail-page-title{display:flex;align-items:center;gap:9px}.mail-page-title .ui-icon{color:#1687e0}.mail-page-actions{display:flex;gap:6px;flex-wrap:wrap}.mail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.mail-summary-card{background:#fff;border:1px solid var(--border);border-radius:7px;padding:10px 12px;display:flex;align-items:center;gap:10px;min-height:62px}.mail-summary-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#eef6fc;color:#1687d8}.mail-summary-icon.ok{background:#ecf9f3;color:#0d9363}.mail-summary-icon.warn{background:#fff7e8;color:#d58a12}.mail-summary-icon.off{background:#fff0ef;color:#d34d4d}.mail-summary-icon .ui-icon{width:18px;height:18px}.mail-summary-card small{display:block;color:#768495;margin-bottom:2px}.mail-summary-card b{font-size:13px}.mail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.mail-section{background:#fff;border:1px solid var(--border);border-radius:7px;padding:14px}.mail-section h3{font-size:14px;margin:0 0 4px}.mail-section-sub{color:#798695;font-size:11px;margin-bottom:13px}.mail-form-compact{display:grid;gap:10px}.mail-form-compact label{font-size:11px}.mail-form-compact input,.mail-form-compact select{padding:8px}.mail-tools{display:grid;gap:8px}.mail-tool-row{display:flex;gap:6px;flex-wrap:wrap}.mail-domain-list{display:flex;gap:5px;flex-wrap:wrap}.domain-chip{padding:4px 8px;border:1px solid #d8e2ea;border-radius:12px;background:#f8fafc;font-size:10px}.mail-advanced{margin-top:10px;border:1px solid var(--border);border-radius:7px;background:#fff}.mail-advanced summary{cursor:pointer;padding:11px 13px;font-weight:700;list-style:none}.mail-advanced summary::-webkit-details-marker{display:none}.mail-advanced[open] summary{border-bottom:1px solid var(--border)}.mail-advanced-content{padding:12px 13px}.mail-log-wrap{max-height:360px;overflow:auto}.mail-log-table{font-size:11px}.mail-log-table th,.mail-log-table td{padding:7px 8px}.mail-health-line{display:flex;gap:8px;align-items:center;font-size:11px;color:#6f7e8e}.health-dot{width:8px;height:8px;border-radius:50%;background:#10a36d}.health-dot.off{background:#df4b4b}.health-dot.warn{background:#e89b16}

@media(max-width:1280px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.request-properties-form{grid-template-columns:repeat(3,1fr)}.mail-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){body:not(.sidebar-mobile-open) #sidebar{width:72px}body:not(.sidebar-mobile-open) main{margin-left:72px;width:calc(100% - 72px)}body:not(.sidebar-mobile-open) .brand-logo-full{display:none}body:not(.sidebar-mobile-open) .brand-logo-mark{display:block;width:46px}body:not(.sidebar-mobile-open) nav a>span,body:not(.sidebar-mobile-open) .nav-section,body:not(.sidebar-mobile-open) .nav-dot,body:not(.sidebar-mobile-open) .sidebar-footer{display:none}.sidebar-toggle{display:grid}.dashboard-layout,.dashboard-bottom,.mail-layout{grid-template-columns:1fr}.status-overview{grid-template-columns:140px 1fr}.week-calendar{grid-template-columns:repeat(7,180px)}}
@media(max-width:720px){#sidebar{width:236px!important}.brand-logo-full{display:block!important}.brand-logo-mark{display:none!important}.sidebar-toggle{display:none}.header-menu-btn{display:inline-grid}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-head{align-items:flex-start}.quick-actions{justify-content:flex-end}.mail-summary{grid-template-columns:1fr 1fr}.request-properties-form{grid-template-columns:1fr}.assign-modal .form-row{grid-template-columns:1fr}.calendar-toolbar{align-items:flex-start;flex-wrap:wrap}.calendar-toolbar-left,.calendar-toolbar-right{width:100%;justify-content:space-between}.calendar-title{text-align:left;min-width:0}.status-overview{grid-template-columns:1fr}.dashboard-bottom{grid-template-columns:1fr}.tech-load-row{grid-template-columns:1fr 1.3fr 55px}}
@media(max-width:480px){.dashboard-kpis,.mail-summary{grid-template-columns:1fr}.content{padding:10px}.dashboard-head{display:block}.quick-actions{margin-top:9px}.schedule-item{grid-template-columns:55px 1fr}.schedule-item>.badge{display:none}}
.btn:has(.ui-icon),.quick-actions .btn{display:inline-flex;align-items:center;gap:6px}.btn .ui-icon{width:15px;height:15px}
.toast.error{background:#8f1d1d}

/* ===== v1.8 request workspace, grouping and notification editor ===== */
.request-detail-v18{border-radius:8px;box-shadow:0 1px 4px rgba(25,39,52,.04)}
.request-detail-v18 .detail-top-actions{padding:7px 12px;background:#fbfcfd}
.request-detail-v18 .detail-heading.compact{padding:12px 15px;align-items:center}
.detail-heading-main{min-width:0}.detail-heading-side{flex:0 0 auto}.ticket-symbol{color:#ff8a00}.detail-subject{font-weight:700}.request-detail-v18 .detail-title{font-size:16px;margin-bottom:5px}.request-detail-v18 .detail-meta{gap:8px 13px;align-items:center}.request-detail-v18 .detail-meta>span:not(.source-tag):not(.schedule-badge){padding-right:12px;border-right:1px solid #e5eaf0}.request-detail-v18 .detail-meta>span:last-child{border-right:0}
.detail-tabs{display:flex!important;padding:0!important;margin:0!important;border-bottom:1px solid var(--border);background:#f8fafc;overflow-x:auto}.detail-tabs a{color:#526171!important;background:transparent!important;text-decoration:none!important;padding:10px 15px!important;margin:0!important;border-radius:0!important;border-bottom:2px solid transparent;font-size:12px;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap}.detail-tabs a:hover{background:#f1f5f9!important;color:#1f2937!important}.detail-tabs a.active{color:#1687e0!important;background:#fff!important;border-bottom-color:#1687e0;font-weight:700}.tab-count{min-width:19px;height:18px;padding:0 5px;border-radius:9px;background:#e7edf3;color:#617083;display:inline-grid;place-items:center;font-size:10px}.detail-tabs a.active .tab-count{background:#dceffd;color:#147ab8}.tab-dot{width:7px;height:7px;border-radius:50%;background:#9aa5b1}.tab-dot.ok{background:#20ad79}
.request-tab-panel{display:none}.request-tab-panel.active{display:block}.request-message-card{padding:15px 17px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title-row h3{margin:0!important}.mail-route{font-size:11px;color:#748294;font-weight:400}.email-body{min-height:90px;background:#fff}.conversation-card{border-bottom:1px solid #e5ebf0}.conversation-head a{color:#1687e0;text-decoration:none}.conversation-list{max-height:420px;overflow:auto}.conversation-empty{padding:24px;text-align:center;color:#8996a5}.conversation-item-head{display:flex;align-items:center;gap:8px}.conversation-item-head span{color:#7b8794;font-size:11px}.conversation-text{margin-top:7px;line-height:1.55}.note-form-v18{padding:10px 15px 13px;border-top:1px solid #edf1f4}.note-form-v18 textarea{min-height:70px;resize:vertical}.note-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.note-actions .btn{margin-left:auto}
.request-properties-card{padding:15px 17px;background:#fbfcfd}.request-properties-card h3{font-size:13px;margin:0}.request-properties-card p{font-size:11px;margin:3px 0 0}.request-properties-form-v18{display:grid;grid-template-columns:1fr 1.15fr .85fr 1.15fr .8fr auto;gap:8px;align-items:end}.property-field{display:grid;gap:5px}.property-field>span{font-size:10px;color:#667689;font-weight:700}.property-field input,.property-field select{height:36px;padding:7px 8px;font-size:12px}.property-save .btn{height:36px;white-space:nowrap;padding:7px 12px}.request-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:13px;border:1px solid #e4e9ef;border-radius:6px;overflow:hidden;background:#fff}.request-facts>div{padding:9px 11px;border-right:1px solid #e8edf2}.request-facts>div:last-child{border-right:0}.request-facts span{display:block;color:#7b8794;font-size:10px;margin-bottom:2px}.request-facts b{font-size:11px;color:#334155}.technical-details{margin-top:8px;font-size:10px;color:#68788b}.technical-details summary{cursor:pointer;color:#65768a}.technical-details>div{margin-top:5px;word-break:break-all}.technical-details code{font-size:10px}
.workspace-card{margin:14px;background:#fff;border:1px solid #dfe6ed;border-radius:7px;min-height:280px}.workspace-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid #e8edf2;background:#fbfcfd}.workspace-head h3{margin:0 0 3px;font-size:14px}.workspace-head p{margin:0;color:#7a8795;font-size:11px}.workspace-state{font-size:10px;border-radius:12px;padding:5px 8px;background:#f0f4f8;color:#617083;white-space:nowrap}.workspace-state.ok{background:#e9f8f1;color:#0b8b5c}.resolution-form{padding:15px}.resolution-form textarea{min-height:230px;font-family:Segoe UI,Arial,sans-serif;line-height:1.55}.resolution-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.resolution-actions .btn{margin-left:auto}.checklist-add{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 15px;border-bottom:1px solid #edf1f4}.checklist-add input{height:36px}.checklist-list{padding:7px 15px 14px}.checklist-item{display:grid;grid-template-columns:32px 1fr 30px;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid #edf1f4}.checklist-item:last-child{border-bottom:0}.checklist-toggle{margin:0}.check-button{width:25px;height:25px;border:1px solid #cbd5df;border-radius:5px;background:#fff;cursor:pointer;color:#fff;font-weight:800}.checklist-item.done .check-button{background:#20ad79;border-color:#20ad79}.checklist-text b{font-size:12px}.checklist-text small{display:block;color:#8a96a4;font-size:9px;margin-top:2px}.checklist-item.done .checklist-text b{text-decoration:line-through;color:#7e8997}.icon-danger{width:25px;height:25px;border:0;background:transparent;color:#9a6670;font-size:18px;cursor:pointer;border-radius:4px}.icon-danger:hover{background:#fff0f1;color:#c83c4b}.workspace-empty{padding:28px;text-align:center;color:#8896a5}.history-timeline{padding:14px 18px 18px}.history-entry{display:grid;grid-template-columns:16px 1fr;gap:10px;position:relative;padding-bottom:16px}.history-entry:before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:1px;background:#dbe3ea}.history-entry:last-child:before{display:none}.history-dot{width:13px;height:13px;border:3px solid #fff;box-shadow:0 0 0 1px #8ab9da;background:#1687e0;border-radius:50%;margin-top:2px;z-index:1}.history-entry.created .history-dot{background:#20ad79;box-shadow:0 0 0 1px #7cc9aa}.history-content{border:1px solid #e3e9ef;border-radius:6px;padding:9px 11px}.history-head{display:flex;justify-content:space-between;gap:10px}.history-head b{font-size:11px}.history-head span{font-size:9px;color:#8a96a4}.history-detail{font-size:11px;color:#4c5b6b;margin-top:4px}.history-content small{display:block;color:#8a96a4;margin-top:5px;font-size:9px}

/* Request grouping */
.group-select{position:relative;display:flex;align-items:center;gap:6px}.group-label{font-size:11px;color:#718096}.group-trigger{display:inline-flex;align-items:center;gap:7px;min-width:94px;justify-content:space-between}.group-menu{display:none;position:absolute;right:0;top:calc(100% + 5px);width:225px;background:#fff;border:1px solid #d7e0e8;border-radius:7px;box-shadow:0 10px 30px rgba(35,48,63,.16);z-index:30;padding:5px}.group-select.open .group-menu{display:grid}.group-menu a{display:block;text-decoration:none;color:#314155;padding:9px 10px;border-radius:5px}.group-menu a:hover,.group-menu a.active{background:#eef6fc;color:#116fa9}.group-menu b{display:block;font-size:11px}.group-menu small{display:block;color:#7d8997;font-size:9px;margin-top:2px}.status-kanban .column{flex:1 0 285px}.status-column.open .column-head{border-top:3px solid #1687e0}.status-column.waiting .column-head{border-top:3px solid #e49b19}.status-column.closed .column-head{border-top:3px solid #20ad79}.status-dropzone{min-height:515px}

/* Notification rules */
.rules-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}.rules-page-head h2{font-size:18px;margin:0 0 4px}.rules-page-head p{font-size:11px;color:#788596;margin:0;max-width:780px}.rules-list-v18{background:#fff;border:1px solid #dfe6ed;border-radius:7px;overflow:hidden}.rule-line-v18{display:grid;grid-template-columns:42px 38px minmax(260px,1fr) 70px 85px;gap:9px;align-items:center;padding:11px 13px;border-bottom:1px solid #e8edf2}.rule-line-v18:last-child{border-bottom:0}.rule-icon-box{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:#eef6fc;color:#1687e0}.rule-icon-box .ui-icon{width:16px;height:16px}.rule-icon-box.big{width:39px;height:39px}.rule-icon-box.big .ui-icon{width:19px;height:19px}.rule-main-link{text-decoration:none;color:#2d3a49}.rule-main-link b{display:block;font-size:12px}.rule-main-link small{display:block;color:#7b8794;font-size:10px;margin-top:2px}.rule-state{text-align:center;font-size:10px;font-weight:700;border-radius:12px;padding:4px 7px}.rule-state.on{background:#e8f8f1;color:#0a8c5d}.rule-state.off{background:#f1f3f5;color:#7a8794}.rule-edit-link{text-decoration:none;color:#1687e0;font-size:10px;text-align:right}.rule-switch-wrap{display:block;position:relative;width:34px;height:19px}.rule-switch-wrap input{position:absolute;opacity:0}.rule-switch{position:absolute;inset:0;border-radius:10px;background:#cbd5df;cursor:pointer;transition:.15s}.rule-switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:.15s}.rule-switch-wrap input:checked+.rule-switch{background:#1687e0}.rule-switch-wrap input:checked+.rule-switch:after{transform:translateX(15px)}.rules-footer{margin-top:10px;display:flex;justify-content:flex-end}
.rule-editor-top{display:flex;align-items:center;gap:13px;margin-bottom:10px}.rule-editor-heading{display:flex;align-items:center;gap:10px}.rule-editor-heading h2{font-size:16px;margin:0 0 3px}.rule-editor-heading p{font-size:10px;color:#788596;margin:0}.template-editor-grid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(390px,.9fr);gap:10px;align-items:start}.template-editor-panel,.template-preview-panel{background:#fff;border:1px solid #dfe6ed;border-radius:7px;overflow:hidden}.template-editor-panel{padding:14px}.editor-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.editor-toggle{display:flex;align-items:center;gap:9px;border:1px solid #e1e7ed;border-radius:6px;padding:9px 10px;font-weight:400}.editor-toggle input{width:auto}.editor-toggle b{display:block;font-size:11px}.editor-toggle small{display:block;color:#84909d;font-size:9px;margin-top:1px}.template-help-line{font-size:9px;color:#718096;background:#f8fafc;border:1px solid #e4e9ef;border-radius:5px;padding:7px 9px;margin-bottom:10px;line-height:1.7}.template-help-line code{background:#edf2f7;padding:1px 3px;border-radius:3px}.template-field{font-size:10px;margin-bottom:9px}.template-field input{height:36px}.template-field textarea{min-height:470px;font-family:Consolas,"Courier New",monospace;font-size:10px;line-height:1.45;resize:vertical}.editor-actions{display:flex;justify-content:flex-end;gap:7px}.preview-toolbar{height:55px;padding:8px 11px;border-bottom:1px solid #e4e9ef;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-toolbar small{display:block;color:#8b96a3;font-size:9px}.preview-toolbar b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.preview-toolbar>span{font-size:9px;border:1px solid #d7e0e8;border-radius:11px;padding:3px 6px;color:#738090}.template-preview-panel iframe{display:block;width:100%;height:640px;border:0;background:#f4f6f8}

@media(max-width:1250px){.request-properties-form-v18{grid-template-columns:repeat(3,1fr)}.property-save{grid-column:3}.template-editor-grid{grid-template-columns:1fr}.template-preview-panel iframe{height:520px}}
@media(max-width:850px){.request-toolbar{align-items:flex-start;flex-direction:column}.request-toolbar-right{width:100%;flex-wrap:wrap}.request-facts{grid-template-columns:1fr 1fr}.request-facts>div:nth-child(2){border-right:0}.request-facts>div:nth-child(-n+2){border-bottom:1px solid #e8edf2}.rule-line-v18{grid-template-columns:38px 34px 1fr 65px}.rule-edit-link{display:none}.editor-switches{grid-template-columns:1fr}}
@media(max-width:620px){.request-properties-form-v18{grid-template-columns:1fr}.property-save{grid-column:auto}.request-facts{grid-template-columns:1fr}.request-facts>div{border-right:0;border-bottom:1px solid #e8edf2}.request-facts>div:last-child{border-bottom:0}.resolution-actions{align-items:flex-start;flex-direction:column}.resolution-actions .btn{margin-left:0;width:100%}.rules-page-head{display:block}.rules-page-head .btn{margin-top:8px}.rule-line-v18{grid-template-columns:34px 1fr 55px}.rule-icon-box{display:none}.rule-state{font-size:9px}.template-editor-panel{padding:10px}.template-field textarea{min-height:380px}.rule-editor-top{align-items:flex-start}.rule-editor-heading .rule-icon-box{display:grid}.history-head{display:block}.history-head span{display:block;margin-top:2px}}

/* v1.9 - technician ordering, consistent request cards, calendar drag/drop, 50/50 template editor */
.kanban-shell{position:relative;min-width:0}
.kanban-shell .kanban{width:100%;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scrollbar-gutter:stable;padding-bottom:16px}
.kanban[data-kanban-mode="technician"]{align-items:stretch}
.kanban[data-kanban-mode="technician"]>.column{flex:0 0 286px;width:286px;min-width:286px}
.kanban[data-kanban-mode="technician"]>.column:first-child{position:sticky;left:0;z-index:7;box-shadow:7px 0 12px -10px rgba(15,23,42,.65);background:#f9fbfd}
.kanban[data-kanban-mode="technician"]>.column:first-child .column-head{position:sticky;top:0;z-index:2}
.kanban-scroll-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:7px 4px 2px;color:#788697;font-size:10px}
.scroll-arrow{width:34px;height:30px;border:1px solid #cfd9e4;background:#fff;border-radius:5px;color:#425469;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}
.scroll-arrow:hover{border-color:#8bb7d8;color:#117fc9;background:#f5faff}
.ticket{height:158px;min-height:158px;max-height:158px;display:flex;flex-direction:column;overflow:hidden}
.ticket-title{min-width:0;align-items:center;margin-bottom:7px}
.ticket-title a{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ticket-actions{margin-top:auto;flex:0 0 auto}
.status-kanban .ticket{height:158px;min-height:158px;max-height:158px}

/* Technician administration */
.technician-admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:12px;margin-bottom:12px}
.technician-form-card,.technician-help-card{padding:16px}
.technician-help-card p{font-size:11px;line-height:1.55;margin:7px 0}
.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-title-row h3{margin:0 0 3px;font-size:14px}.section-title-row p{margin:0;color:#7d8997;font-size:10px}
.compact-form{max-width:none;gap:10px}.compact-form label{font-size:10px}.compact-form input{height:36px;padding:7px 9px}
.small-info{font-size:10px;padding:9px 10px}
.technician-table-card{padding:14px}.table-scroll{overflow:auto}.technician-table{min-width:980px}
.technician-table th{font-size:10px;color:#536274}.technician-table td{vertical-align:middle}
.order-controls{display:flex;align-items:center;gap:4px}.order-controls form{margin:0}.order-controls span{min-width:18px;text-align:center;font-size:10px;color:#6f7d8d;font-weight:700}
.icon-btn{width:24px;height:24px;border:1px solid #d4dde6;background:#fff;border-radius:4px;cursor:pointer;color:#536579;padding:0;line-height:1}
.icon-btn:hover:not(:disabled){border-color:#8db7d5;color:#1487d8;background:#f5fbff}.icon-btn:disabled{opacity:.32;cursor:default}
.row-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.row-actions .btn{white-space:nowrap}

/* Calendar drag and drop */
.calendar-title{display:grid;gap:2px}.calendar-title>b{font-size:15px}.calendar-title>small{font-size:9px;color:#8592a0;font-weight:500}
.calendar-events{min-height:445px;align-content:start;border-radius:5px;transition:background .15s,outline .15s}
.calendar-events.calendar-drag-over{background:#e8f5fe;outline:2px dashed #1687e0;outline-offset:-4px}
.calendar-event,.unplanned-pill{cursor:grab;user-select:none}.calendar-event:active,.unplanned-pill:active{cursor:grabbing}
.calendar-event.calendar-dragging,.unplanned-pill.calendar-dragging{opacity:.45}
.calendar-drag-hint{float:right;color:#9aa8b7;letter-spacing:-2px;font-weight:400}
.calendar-event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-reschedule-modal{max-width:610px}

/* Exact 50 / 50 notification template editor */
.template-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"editor preview";gap:12px;width:100%;align-items:start}
.template-editor-panel{grid-area:editor;min-width:0}.template-preview-panel{grid-area:preview;min-width:0;position:sticky;top:72px}
.template-preview-panel iframe{height:650px}.template-field textarea{min-height:500px}
.preview-toolbar b{max-width:calc(100% - 70px)}

@media(max-width:1100px){
  .technician-admin-grid{grid-template-columns:1fr}
}
@media(max-width:1000px){
  .template-editor-grid{grid-template-columns:1fr;grid-template-areas:"editor" "preview"}
  .template-preview-panel{position:static}.template-preview-panel iframe{height:540px}
}
@media(max-width:720px){
  .kanban[data-kanban-mode="technician"]>.column:first-child{position:relative;left:auto;box-shadow:none}
  .kanban-scroll-controls{justify-content:center}
  .technician-table-card{padding:9px}
}

/* v2.0 - monthly calendar, compact mail setup, report table, reset modal, exact template preview */

/* Brand: use the user-supplied Gercek logo everywhere in the panel. */
.brand{min-height:66px;padding:11px 14px;background:#1f2a37}
.brand-logo-link{height:44px;overflow:hidden}
.brand-logo-full{width:178px;max-height:54px;object-fit:contain;object-position:left center;filter:none}
.brand-logo-mark{width:46px;max-height:43px;object-fit:contain;filter:none}
body.sidebar-collapsed .brand-logo-mark{width:48px;max-height:42px}

/* Mail settings: inbound + outbound beside each other; support tools below. */
.mail-summary.compact .mail-summary-card{min-height:56px;padding:8px 10px}
.mail-summary.compact .mail-summary-icon{width:31px;height:31px}
.mail-primary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.mail-secondary-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;margin-top:12px}
.mail-config-card{padding:14px 15px}
.mail-config-title{display:flex;align-items:flex-start;gap:9px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e8edf2}
.mail-config-title>div:first-child{width:32px;height:32px;border-radius:7px;background:#eef7fd;color:#1687e0;display:grid;place-items:center;flex:0 0 auto}
.mail-config-title .ui-icon{width:17px;height:17px}
.mail-config-title h3{margin:0 0 3px;font-size:13px}.mail-config-title p{margin:0;font-size:10px;color:#7b8794;line-height:1.45}
.mail-config-card .mail-form-compact{gap:8px}.mail-config-card .mail-form-compact label{font-size:10px}.mail-config-card .mail-form-compact input,.mail-config-card .mail-form-compact select{height:34px;padding:6px 8px}
.mail-config-card .check-label{min-height:28px}.mail-form-actions{display:flex;justify-content:flex-end}.mail-form-actions .btn{min-width:180px}
.mail-inline-tools,.mail-smtp-test{display:flex;gap:6px;align-items:center;border-top:1px solid #edf1f5;margin-top:10px;padding-top:10px}.mail-inline-tools form{margin:0}
.mail-test-line{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:7px;width:100%;align-items:center}.mail-test-line input{height:34px}
.mail-small-card{padding:13px}.mail-small-card .section-title-row{margin-bottom:9px}.mail-small-card .section-title-row h3{font-size:12px}.mail-health-list{display:grid;gap:6px;margin-bottom:10px}.mail-small-card .mail-domain-list{min-height:32px;align-content:flex-start}
.mail-advanced{margin-top:9px}.mail-advanced summary{font-size:11px;padding:10px 12px}

/* Request reports: compact and visually close to the supplied spreadsheet. */
.reports-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.reports-head h2{font-size:17px;margin:0 0 3px}.reports-head p{margin:0;color:#7b8794;font-size:10px}.reports-export{display:flex;gap:6px}
.report-filter-card{background:#fff;border:1px solid var(--border);border-radius:7px;padding:11px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;align-items:end}.report-filter-card label{font-size:9px;gap:4px}.report-filter-card input,.report-filter-card select{height:33px;padding:6px 7px;font-size:11px}.report-filter-card .report-creator{grid-column:span 2}.report-filter-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end}.report-filter-actions .btn{padding:8px 10px;font-size:11px;white-space:nowrap}
.report-summary-strip{display:grid;grid-template-columns:repeat(4,120px);gap:7px;margin:9px 0}.report-summary-strip>div{background:#fff;border:1px solid #dde5ec;border-radius:6px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.report-summary-strip span{color:#738091;font-size:9px}.report-summary-strip b{font-size:15px}
.report-table-card{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.report-table-title{height:39px;padding:0 11px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.report-table-title b{font-size:11px}.report-table-title span{font-size:9px;color:#7c8897}.report-table-scroll{overflow:auto;max-height:calc(100vh - 330px);min-height:240px}.report-table{border:0;min-width:1120px;font-size:10px;table-layout:fixed}.report-table th{padding:7px 8px;font-size:9px;color:#1f2937;background:#f7f9fb;position:sticky;top:0;z-index:2}.report-table td{padding:7px 8px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-table th:nth-child(1),.report-table td:nth-child(1){width:70px}.report-table th:nth-child(2),.report-table td:nth-child(2){width:330px}.report-table th:nth-child(3),.report-table td:nth-child(3){width:150px}.report-table th:nth-child(4),.report-table td:nth-child(4){width:145px}.report-table th:nth-child(5),.report-table td:nth-child(5),.report-table th:nth-child(6),.report-table td:nth-child(6){width:150px}.report-table th:nth-child(7),.report-table td:nth-child(7){width:105px}.report-table th:nth-child(8),.report-table td:nth-child(8){width:80px}.report-subject a{display:block;overflow:hidden;text-overflow:ellipsis;color:#172536;text-decoration:none}.report-subject a:hover{text-decoration:underline;color:#1687e0}.report-status{font-size:9px;font-weight:700}.report-status.open{color:#176bb0;background:transparent}.report-status.waiting{color:#a66d05;background:transparent}.report-status.closed{color:#0b8458;background:transparent}.empty-report{text-align:center!important;padding:26px!important;color:#8a96a4}

/* Minimal monthly calendar. */
.month-toolbar{margin-bottom:8px;min-height:50px}.calendar-nav-arrow{width:34px;text-align:center;padding-left:0;padding-right:0}.month-calendar-wrap{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#f7f9fb;border-bottom:1px solid var(--border)}.month-weekdays>div{text-align:center;padding:7px 4px;font-size:9px;font-weight:700;color:#667587;border-right:1px solid #e8edf2}.month-weekdays>div:last-child{border-right:0}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#e8edf2;gap:1px}.month-day{background:#fff;min-height:132px;min-width:0;padding:5px;transition:background .15s,box-shadow .15s;overflow:hidden}.month-day.outside-month{background:#f8fafc}.month-day.today{box-shadow:inset 0 0 0 2px #1687e0}.month-day.calendar-drag-over{background:#eaf6ff;box-shadow:inset 0 0 0 2px #1687e0}.month-day-head{height:23px;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.month-day-number{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:10px;font-weight:700;color:#475569}.month-day.today .month-day-number{background:#1687e0;color:#fff}.month-day.outside-month .month-day-number{color:#b0bac5}.month-day-head small{font-size:8px;color:#1687e0;font-weight:700}.month-day-events{display:grid;gap:3px;align-content:start;max-height:99px;overflow:auto;padding-right:1px}.month-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px;align-items:center;min-width:0;border-left:2px solid #1687e0;background:#f3f9fd;border-radius:3px;padding:3px 4px;color:#233246;text-decoration:none;cursor:grab}.month-event.waiting{border-left-color:#e49a18;background:#fff9ee}.month-event.closed{border-left-color:#18a26d;background:#f2fbf7;opacity:.72}.month-event-time{font-size:8px;font-weight:800}.month-event-title{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.month-event-tech{grid-column:2;font-size:7px;color:#7c8897;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px}.month-event.calendar-dragging{opacity:.4}.month-unplanned{margin-top:9px}.month-unplanned .panel-head{align-items:center}.month-unplanned .panel-head h3{margin-bottom:1px}.month-unplanned .panel-head p{margin:0;font-size:9px}.compact-empty{padding:10px}.calendar-unplanned-list{padding-bottom:2px}

/* Technician edit + password reset popup. */
.edit-head-actions{display:flex;gap:6px;align-items:center}.password-reset-modal{max-width:480px}.password-reset-form{display:block}.password-reset-user{font-size:13px;font-weight:800;padding:9px 10px;background:#f6f9fc;border:1px solid #e2e8ef;border-radius:5px;margin-bottom:10px}.password-reset-form .assign-modal-body{display:grid;gap:9px}.password-reset-form label{font-size:10px}.password-reset-form input{height:36px}

/* Exact 50/50 notification editor and fully visible live preview. */
.template-editor-grid{display:grid!important;grid-template-columns:calc(50% - 6px) calc(50% - 6px)!important;grid-template-areas:"editor preview"!important;gap:12px!important;width:100%!important;max-width:none!important;min-width:0!important;align-items:start!important}
.template-editor-panel,.template-preview-panel{width:100%!important;max-width:none!important;min-width:0!important}
.template-preview-panel{position:sticky!important;top:72px!important;overflow:hidden!important}
.template-preview-panel iframe{display:block!important;width:100%!important;height:700px!important;border:0!important;background:#f4f6f8!important;overflow-x:hidden!important}
.template-field textarea{min-height:550px!important}
.preview-toolbar{width:100%}.preview-toolbar>div{min-width:0}.preview-toolbar b{max-width:100%!important}

@media(max-width:1180px){
  .report-filter-card{grid-template-columns:repeat(3,1fr)}.report-filter-card .report-creator{grid-column:span 2}
  .mail-primary-grid,.mail-secondary-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .template-editor-grid{grid-template-columns:1fr!important;grid-template-areas:"editor" "preview"!important}.template-preview-panel{position:static!important}.template-preview-panel iframe{height:560px!important}
  .month-calendar-wrap{overflow-x:auto}.month-weekdays,.month-calendar{min-width:840px}
}
@media(max-width:720px){
  .report-filter-card{grid-template-columns:1fr 1fr}.report-filter-card .report-creator{grid-column:1/-1}.report-filter-actions{grid-column:1/-1;justify-content:flex-start}.report-summary-strip{grid-template-columns:1fr 1fr}.reports-head{align-items:flex-start}.mail-test-line{grid-template-columns:1fr}.mail-form-actions .btn{width:100%}
}

/* v2.1 - search, fixed kanban, refined request workspace, resolution flow, calendar polish */
.request-toolbar-v21{position:relative;z-index:20;gap:10px}.request-toolbar-v21 .request-toolbar-right{min-width:0;flex:1;justify-content:flex-end}.request-search{height:34px;min-width:210px;max-width:300px;flex:1 1 250px;position:relative;display:flex;align-items:center}.request-search input{width:100%;height:34px;padding:6px 30px 6px 31px;border:1px solid #d8e1ea;border-radius:5px;background:#fff;font-size:11px;color:#26364a;outline:none}.request-search input:focus{border-color:#76b8e6;box-shadow:0 0 0 2px rgba(22,135,224,.08)}.request-search-icon{position:absolute;left:9px;top:8px;color:#8291a2;z-index:1}.request-search-icon .ui-icon{width:15px;height:15px}.request-search-clear{position:absolute;right:8px;top:6px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;text-decoration:none;color:#758598;font-size:16px}.request-search-clear:hover{background:#edf3f8;color:#334155}.search-result-strip{margin:-1px 0 7px;padding:6px 10px;border:1px solid #dce6ef;border-radius:5px;background:#f8fbfd;color:#617184;font-size:10px}

.fixed-kanban-shell{height:calc(100vh - 154px);min-height:500px;display:flex;flex-direction:column;overflow:hidden}.fixed-kanban-shell .kanban{flex:1 1 auto;min-height:0;height:auto;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch!important;padding-bottom:8px}.fixed-kanban-shell .column{height:100%!important;min-height:0!important;max-height:100%!important;display:flex;flex-direction:column;overflow:hidden}.fixed-kanban-shell .column-head{flex:0 0 40px}.fixed-kanban-shell .dropzone{flex:1 1 auto;min-height:0!important;height:auto!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b9c6d3 transparent;padding-bottom:14px}.fixed-kanban-shell .dropzone::-webkit-scrollbar,.fixed-status-kanban .dropzone::-webkit-scrollbar{width:7px}.fixed-kanban-shell .dropzone::-webkit-scrollbar-thumb,.fixed-status-kanban .dropzone::-webkit-scrollbar-thumb{background:#bcc8d4;border-radius:6px}.fixed-kanban-shell .kanban-scroll-controls{flex:0 0 30px;border-top:1px solid #e6ebf0;background:#f9fbfd;padding:4px 7px}.fixed-status-kanban{height:calc(100vh - 142px);min-height:500px;overflow:hidden!important;align-items:stretch}.fixed-status-kanban>.column{height:100%!important;min-height:0!important;display:flex;flex-direction:column}.fixed-status-kanban .dropzone{flex:1;min-height:0!important;overflow-y:auto}.ticket{flex:0 0 158px}

.new-request-page{max-width:1160px;margin:0 auto}.new-request-hero{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:9px;background:linear-gradient(135deg,#f7fbfe,#eef7fd);border:1px solid #dce8f1;border-radius:8px}.new-request-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#1687e0;color:#fff;box-shadow:0 4px 10px rgba(22,135,224,.16)}.new-request-icon .ui-icon{width:22px;height:22px}.new-request-hero h2{font-size:17px;margin:0 0 2px;color:#1f2e40}.new-request-hero p{font-size:10px;color:#6d7c8d;margin:0}.new-request-source{margin-left:auto;padding:5px 8px;border-radius:12px;background:#fff;border:1px solid #d7e4ee;color:#567084;font-size:9px;font-weight:700}.new-request-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);background:#fff;border:1px solid #dce4ec;border-radius:8px;overflow:hidden}.new-request-main,.new-request-side{padding:17px}.new-request-main{border-right:1px solid #e6ecf1}.new-request-side{background:#fbfcfe}.form-section-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.form-section-title>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#1687e0;color:#fff;font-size:10px;font-weight:800}.form-section-title b{display:block;font-size:12px;color:#26364a}.form-section-title small{display:block;margin-top:1px;color:#8894a1;font-size:9px}.new-request-card label{display:block;font-size:10px;font-weight:700;color:#344255;margin-bottom:10px}.new-request-card label .muted{font-size:9px;font-weight:400}.new-request-card input,.new-request-card select,.new-request-card textarea{margin-top:5px}.new-request-card input,.new-request-card select{height:38px}.new-request-card textarea{min-height:210px;resize:vertical}.new-request-note{display:grid;gap:3px;margin-top:8px;padding:10px 11px;border:1px solid #d9e9f5;background:#f1f8fd;border-radius:6px;color:#587084}.new-request-note b{font-size:10px;color:#2e526c}.new-request-note span{font-size:9px;line-height:1.45}.new-request-footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding:10px 16px;border-top:1px solid #e6ecf1;background:#f9fbfd}

.request-detail-v21{display:grid;gap:10px}.request-header-card{background:#fff;border:1px solid #dde5ec;border-radius:7px;overflow:hidden}.request-header-card .detail-top-actions{padding:8px 11px;border-bottom:1px solid #e8edf2;background:#fbfcfd}.detail-top-actions .ui-icon{width:13px;height:13px}.request-header-card .detail-heading{border:0;border-radius:0}.request-header-card .detail-tabs{border-top:1px solid #e9eef3;background:#fafbfd;padding-left:10px}.request-workspace-surface{background:#eef3f7;border:1px solid #dfe7ee;border-radius:7px;padding:10px;min-height:380px}.request-workspace-surface>.request-tab-panel{background:#fff;border:1px solid #dfe6ed;border-radius:6px;overflow:hidden}.request-workspace-surface>.request-tab-panel:not(.active){display:none}.request-workspace-surface .detail-section{border-radius:0;border-left:0;border-right:0}.request-workspace-surface .detail-section:first-child{border-top:0}.request-workspace-surface .request-properties-card{margin:10px;border:1px solid #dfe6ed;border-radius:6px}.request-properties-form-v21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;padding:11px 12px;border-top:1px solid #e8edf2}.request-properties-form-v21 .property-field{min-width:0}.request-properties-form-v21 .property-save{display:flex;align-items:flex-end}.request-properties-form-v21 .property-save .btn{height:36px}.request-facts{grid-template-columns:repeat(5,1fr)!important}.request-delete-trigger{margin-left:auto}.btn.danger-light{color:#c53939;border-color:#efcaca;background:#fff8f8}.btn.danger-light:hover{background:#fff0f0}.btn.danger{background:#cf3f3f;border-color:#cf3f3f;color:#fff}.btn.danger:hover{background:#b93333}.tab-dot.ok{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;border-radius:50%!important;background:#1eb875!important;box-shadow:none!important;margin-left:4px;display:inline-block;vertical-align:middle}

.resolution-shell-v21{background:#fff}.resolution-subtabs{display:flex;gap:4px;padding:9px 11px 0;border-bottom:1px solid #e4e9ef;background:#fafbfd}.resolution-subtabs button{border:0;background:transparent;color:#576779;font-size:10px;font-weight:700;padding:8px 12px;border-bottom:2px solid transparent;cursor:pointer}.resolution-subtabs button.active{color:#1687e0;border-bottom-color:#1687e0}.resolution-subtabs button span{margin-left:4px;padding:1px 5px;border-radius:10px;background:#edf2f7;color:#748295;font-size:8px}.resolution-subpanel{display:none;padding:15px}.resolution-subpanel.active{display:block}.resolution-form-v21 textarea{min-height:300px;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.55}.resolution-bottom{display:grid;grid-template-columns:230px minmax(200px,1fr) auto;gap:10px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px solid #edf1f5}.resolution-bottom label{font-size:10px;font-weight:700;color:#445366}.resolution-bottom select{margin-top:4px;height:36px}.resolution-mail-hint{font-size:9px;line-height:1.45;color:#748294;padding-bottom:5px}.solution-library-list{display:grid;gap:8px}.solution-library-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:11px 12px;border:1px solid #e2e8ef;border-radius:6px;background:#fbfcfd}.solution-library-item b{display:block;font-size:10px;color:#334155}.solution-library-item small{display:block;margin-top:2px;color:#8a96a4;font-size:8px}.solution-library-item p{margin:7px 0 0;font-size:10px;line-height:1.5;color:#596879;max-height:70px;overflow:hidden}.request-assign-modal{max-width:640px}.request-tech-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.tech-pick{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid #dfe6ed;background:#fff;border-radius:6px;padding:9px 10px;cursor:pointer;color:#344255}.tech-pick .avatar{grid-row:1/3}.tech-pick b{font-size:10px}.tech-pick small{font-size:8px;color:#84909d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-pick:hover{border-color:#9dc8e7;background:#f8fcff}.tech-pick.selected{border-color:#1687e0;background:#eef8ff;box-shadow:0 0 0 1px #1687e0 inset}.request-delete-modal{max-width:520px}.request-delete-modal .assign-modal-body{text-align:center;padding:24px 30px}.delete-warning-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;margin:0 auto 10px;background:#fff0f0;color:#c83b3b}.delete-warning-icon .ui-icon{width:22px;height:22px}.request-delete-modal h3{font-size:14px;margin:0 0 7px}.request-delete-modal p{font-size:10px;line-height:1.55;color:#687789;margin:0}

/* Template preview must always fit the whole 620px mail inside its half. */
.template-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.template-preview-panel{min-width:0!important}.template-preview-panel iframe{width:100%!important;overflow:hidden!important}.preview-toolbar b{max-width:calc(100% - 60px)!important}

/* Refined monthly calendar */
.calendar-v21-top{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;padding:10px 12px;background:#fff;border:1px solid #dfe6ed;border-radius:8px 8px 0 0}.calendar-nav-cluster{display:flex;align-items:center;gap:5px}.calendar-square-btn,.calendar-today-btn{height:32px;display:grid;place-items:center;border:1px solid #dce4ec;background:#fff;color:#46586b;text-decoration:none;border-radius:5px;font-size:18px}.calendar-square-btn{width:32px}.calendar-today-btn{padding:0 11px;font-size:10px;font-weight:700}.calendar-square-btn:hover,.calendar-today-btn:hover{background:#f2f7fb;border-color:#b9cee0}.calendar-v21-title{text-align:center}.calendar-v21-title h2{font-size:16px;margin:0;color:#25364a}.calendar-v21-title p{font-size:9px;color:#8592a0;margin:2px 0 0}.calendar-v21-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.calendar-owner{font-size:9px;color:#6d7d8d;border:1px solid #dde5ed;border-radius:12px;padding:4px 8px}.calendar-summary-row{display:flex;align-items:center;gap:0;background:#f8fafc;border:1px solid #dfe6ed;border-top:0;padding:6px 10px;margin-bottom:8px;border-radius:0 0 8px 8px}.calendar-summary-row>div{display:flex;align-items:center;gap:5px;padding:0 10px;border-right:1px solid #e2e8ee;font-size:9px;color:#6b7a8b}.calendar-summary-row>div:first-child{padding-left:0}.calendar-summary-row>div:last-child{border-right:0}.calendar-summary-row b{font-size:10px;color:#334155}.calendar-unplanned-count{margin-left:auto}.calendar-status-dot{width:7px;height:7px;border-radius:50%}.calendar-status-dot.open{background:#1687e0}.calendar-status-dot.waiting{background:#e59d21}.calendar-status-dot.closed{background:#1db179}.calendar-v21-gridwrap{border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.calendar-v21-weekdays>div{font-size:9px;padding:8px 4px;background:#f8fafc}.calendar-v21-weekdays>div.weekend{background:#f4f7fa;color:#8491a0}.calendar-v21-grid{gap:1px;background:#dde5ec}.calendar-v21-day{min-height:128px;padding:5px 6px;background:#fff}.calendar-v21-day.weekend{background:#fcfdfe}.calendar-v21-day.outside-month{background:#f7f9fb}.calendar-v21-day.today{box-shadow:inset 0 0 0 2px #1687e0}.calendar-v21-dayhead{height:27px}.calendar-v21-dayhead>div{display:flex;align-items:center;gap:5px}.calendar-v21-dayhead small{font-size:7px}.calendar-day-add{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;color:#9aa7b5;text-decoration:none;font-size:15px;opacity:0;transition:.12s}.calendar-v21-day:hover .calendar-day-add{opacity:1}.calendar-day-add:hover{background:#eaf5fd;color:#1687e0}.calendar-v21-events{max-height:95px;gap:3px}.calendar-v21-event{display:block!important;padding:4px 5px;border-radius:4px;background:#f3f8fc;border-left:3px solid #1687e0;min-width:0}.calendar-v21-event.waiting{background:#fff8ec;border-left-color:#e59d21}.calendar-v21-event.closed{background:#eefaf5;border-left-color:#1db179;opacity:.75}.calendar-event-main{display:grid;grid-template-columns:31px minmax(0,1fr);gap:4px;align-items:center}.calendar-v21-event .month-event-time{font-size:8px;color:#456078}.calendar-v21-event .month-event-title{font-size:8px;font-weight:700;color:#314356}.calendar-v21-event .month-event-tech{display:block!important;margin:2px 0 0 35px!important;grid-column:auto!important;font-size:7px}.calendar-day-empty{height:1px}.calendar-unplanned-v21{margin-top:8px;background:#fff;border:1px solid #dfe6ed;border-radius:7px;padding:10px 12px}.calendar-unplanned-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-unplanned-head h3{font-size:11px;margin:0}.calendar-unplanned-head p{font-size:8px;color:#84909d;margin:2px 0 0}.calendar-unplanned-head a{font-size:9px;text-decoration:none;color:#1687e0}.calendar-unplanned-list-v21{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.unplanned-pill-v21{flex:0 0 220px;display:grid;grid-template-columns:auto 1fr;gap:2px 6px;padding:7px 8px;border:1px solid #dfe6ed;border-radius:5px;text-decoration:none;background:#fbfcfd;color:#3d4d60;cursor:grab}.unplanned-pill-v21 b{font-size:9px;color:#1687e0}.unplanned-pill-v21 span{font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unplanned-pill-v21 small{grid-column:2;font-size:7px;color:#84909d}.calendar-v21-day.calendar-drag-over{background:#e8f5fd!important;box-shadow:inset 0 0 0 2px #1687e0!important}

@media(max-width:1100px){.request-toolbar-v21 .request-toolbar-right{flex-wrap:wrap}.request-search{order:-1;max-width:none;flex-basis:100%}.new-request-card{grid-template-columns:1fr}.new-request-main{border-right:0;border-bottom:1px solid #e6ecf1}.request-properties-form-v21{grid-template-columns:repeat(2,minmax(0,1fr))}.request-properties-form-v21 .property-save{grid-column:2}.request-facts{grid-template-columns:repeat(2,1fr)!important}.calendar-v21-top{grid-template-columns:auto 1fr}.calendar-v21-actions{grid-column:1/-1;justify-content:center}.calendar-v21-title{text-align:right}.resolution-bottom{grid-template-columns:1fr 1fr}.resolution-bottom .btn{grid-column:2;justify-self:end}}
@media(max-width:760px){.fixed-kanban-shell{height:auto;min-height:0;overflow:visible}.fixed-kanban-shell .kanban{height:calc(100vh - 210px);min-height:430px}.new-request-hero{align-items:flex-start}.new-request-source{display:none}.new-request-main,.new-request-side{padding:12px}.new-request-card .form-row{grid-template-columns:1fr}.request-workspace-surface{padding:5px}.request-properties-form-v21{grid-template-columns:1fr}.request-properties-form-v21 .property-save{grid-column:auto}.request-facts{grid-template-columns:1fr!important}.request-tech-picker{grid-template-columns:1fr}.resolution-bottom{grid-template-columns:1fr}.resolution-bottom .btn{grid-column:auto;width:100%}.calendar-v21-top{grid-template-columns:1fr}.calendar-nav-cluster,.calendar-v21-actions{justify-content:center}.calendar-v21-title{text-align:center}.calendar-summary-row{overflow-x:auto}.calendar-summary-row>div{white-space:nowrap}.template-editor-grid{grid-template-columns:1fr!important}}

/* v2.2 - company routing, permissions, centered request form, dashboard */
.header-account-link{color:#334155!important;text-decoration:none!important;font-weight:600}.header-account-link:hover{color:#1687e0!important}

/* New request: centered workspace, sidebar untouched */
.new-request-page-v22{max-width:1120px;margin:0 auto}.new-request-hero-v22{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:10px;background:linear-gradient(135deg,#f8fbfe,#edf6fd);border:1px solid #dbe7f0;border-radius:8px}.new-request-hero-v22 h2{font-size:17px;margin:0 0 2px}.new-request-hero-v22 p{font-size:10px;color:#6f7e8d;margin:0}.new-request-card-v22{background:#fff;border:1px solid #dce4ec;border-radius:8px;overflow:hidden}.new-request-section-v22,.new-request-planning-v22{padding:18px 20px}.new-request-section-v22{border-bottom:1px solid #e6ecf1}.new-request-card-v22 label{display:block;font-size:10px;font-weight:700;color:#344255;margin-bottom:10px}.new-request-card-v22 label .muted{font-size:9px;font-weight:400}.new-request-card-v22 input,.new-request-card-v22 select,.new-request-card-v22 textarea{margin-top:5px}.new-request-card-v22 input,.new-request-card-v22 select{height:38px}.new-request-card-v22 textarea{min-height:170px;resize:vertical}.new-request-planning-v22{background:#fbfcfe}.planning-grid-v22{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;gap:10px;align-items:end}.planning-date-v22{grid-column:auto}.new-request-note-v22{display:flex;align-items:center;gap:12px;margin-top:2px;padding:9px 11px;border:1px solid #d9e9f5;background:#f1f8fd;border-radius:6px;color:#587084}.new-request-note-v22 b{font-size:10px;color:#2e526c;white-space:nowrap}.new-request-note-v22 span{font-size:9px;line-height:1.45}.new-request-footer-v22{display:flex;justify-content:flex-end;gap:7px;padding:10px 16px;border-top:1px solid #e6ecf1;background:#f9fbfd}

/* Company/domain management */
.company-page-head{margin-bottom:10px}.company-page-head h2{margin:0;font-size:18px}.company-page-head p{margin:4px 0 0;color:#738091;font-size:11px}.company-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.company-mini-form{padding:14px}.company-mini-form .section-title-row{margin-bottom:10px}.company-mini-form .btn{justify-self:start}.company-table-card,.company-unassigned-card{padding:14px;margin-top:10px}.company-domain-table{min-width:900px}.company-domain-table td{vertical-align:middle}.domain-badges{display:flex;gap:5px;flex-wrap:wrap}.domain-badges>span,.domain-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:#eff6fb;border:1px solid #d6e4ee;border-radius:12px;color:#3f5f73;font-size:10px}.domain-chip.off{opacity:.55;background:#f8fafc}.domain-chip form{display:inline}.domain-chip button{border:0;background:transparent;color:#16a085;padding:0;cursor:pointer;font-size:11px}.domain-chip.off button{color:#94a3b8}.assigned-tech{display:inline-flex;padding:4px 8px;border-radius:12px;background:#e9f8f1;border:1px solid #ccebdc;color:#137451;font-size:10px;font-weight:700}.unassigned-domain-list{display:grid;gap:6px}.unassigned-domain-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,320px) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1f5}.unassigned-domain-row:last-child{border-bottom:0}.unassigned-domain-row select{height:34px;padding:6px 8px}

/* Technician groups, company routing and rings */
.technician-edit-form{max-width:none}.field-help{display:block;margin-top:5px;font-size:9px;color:#7a8795;font-weight:400;line-height:1.4}.field-label{display:block;font-size:10px;font-weight:700;color:#344255;margin-bottom:6px}.company-assignment-field{margin:2px 0 10px}.company-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:180px;overflow:auto;padding:1px}.company-check{display:flex!important;align-items:center;gap:7px;padding:8px;border:1px solid #e0e7ee;border-radius:6px;background:#fbfcfd;font-weight:400!important;cursor:pointer}.company-check input{width:auto!important;margin:0}.company-check b{display:block;font-size:10px}.company-check small{display:block;color:#8491a0;font-size:9px;margin-top:1px}.permission-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:11px;background:#edf2f7;color:#526273;border:1px solid #dde5ec;font-size:9px;font-weight:800}.permission-badge.admin{background:#eef6ff;color:#1269a8;border-color:#cfe4f5}.table-subtext{display:block;color:#8491a0;font-size:9px;margin-top:2px}.technician-table-v22{min-width:1160px}.perf-ring{--ring:#ef4444;--pct:0;width:48px;height:48px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#e9eef3 0)}.perf-ring:before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:#fff}.perf-ring span{position:relative;z-index:1;font-size:9px;font-weight:800;color:#3b4652}.perf-ring.good{--ring:#16a34a}.perf-ring.mid{--ring:#f59e0b}.perf-ring.low{--ring:#ef4444}

/* Account */
.account-page{max-width:900px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:12px;align-items:start}.account-summary-card{display:flex;align-items:center;gap:13px}.account-summary-card h2{margin:0 0 3px;font-size:16px}.account-summary-card p{margin:0 0 8px;color:#748292;font-size:11px}.account-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1687e0;color:#fff;font-size:22px;font-weight:800}.account-password-card{padding:16px}.account-password-form{max-width:none}

/* HTML source readability */
.template-field textarea[data-template-body]{font-family:Consolas,"Courier New",monospace!important;font-size:10px!important;line-height:1.55!important;tab-size:2!important;white-space:pre!important;overflow:auto!important}
.template-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.template-preview-panel iframe{width:100%!important;min-width:0!important}

/* ServiceDesk-like dashboard */
.sd-dashboard-v22{max-width:1600px;margin:0 auto}.sd-dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.sd-dashboard-toolbar h2{font-size:15px;margin:0}.sd-dashboard-toolbar p{font-size:10px;color:#7b8794;margin:3px 0 0}.sd-grid-v22{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sd-panel-v22{background:#fff;border:1px solid #dfe5eb;border-radius:2px;min-height:205px;overflow:hidden}.sd-panel-v22.sd-compact-panel{min-height:165px}.sd-panel-head{height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8ed;background:#fff}.sd-panel-head h3{margin:0;font-size:11px}.sd-panel-head a,.sd-panel-head span{font-size:9px;color:#718093;text-decoration:none}.sd-table-wrap{padding:8px}.sd-summary-table{border:0;font-size:9px}.sd-summary-table th,.sd-summary-table td{padding:7px 8px;border-bottom:1px solid #eef2f5}.sd-summary-table th{background:#fff;text-align:center;color:#465568}.sd-summary-table th:first-child,.sd-summary-table td:first-child{text-align:left}.sd-summary-table td:not(:first-child),.sd-summary-table tfoot td:not(:first-child){text-align:center}.sd-summary-table tfoot td{font-weight:800;color:#de3c2f;background:#fafbfc}.sd-week-chart{padding:8px 13px 6px}.sd-chart-legend{display:flex;justify-content:flex-end;gap:10px;font-size:8px;color:#637384}.sd-chart-legend i{width:7px;height:7px;display:inline-block;margin-right:3px}.sd-chart-legend .incoming{background:#3e98dc}.sd-chart-legend .closed{background:#24ba73}.sd-week-bars{height:130px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid #e7edf2;padding:8px 10px 0}.sd-week-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.sd-week-stack{height:105px;width:36px;display:flex;align-items:flex-end;justify-content:center}.sd-week-stack span{width:20px;display:block;min-height:2px}.sd-week-stack .incoming{background:#489ce0}.sd-week-stack .closed{background:#23bd72}.sd-week-day small{font-size:8px;color:#748292}.sd-task-list{padding:9px 12px}.sd-task-list>div{display:flex;justify-content:space-between;padding:8px 3px;border-bottom:1px solid #eef2f5;font-size:9px}.sd-task-list b{color:#cf2e2e}.sd-empty-row{color:#83909e!important;justify-content:center!important;padding:28px!important}.sd-priority-wrap{display:grid;grid-template-columns:160px 1fr;gap:8px;align-items:center;padding:10px}.sd-priority-donut{width:120px;height:120px;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative;background:conic-gradient(#57b9df 0 var(--low),#22bd73 var(--low) var(--normal),#f1b537 var(--normal) var(--high),#ef5c5c var(--high) 100%)}.sd-priority-donut:after{content:"";position:absolute;width:78px;height:78px;background:#fff;border-radius:50%}.sd-priority-donut span{position:relative;z-index:1;text-align:center}.sd-priority-donut b{display:block;font-size:20px}.sd-priority-donut small{font-size:8px;color:#7a8794}.sd-priority-legend{display:grid;gap:7px;font-size:9px}.sd-priority-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:6px;align-items:center}.sd-priority-legend i{width:8px;height:8px;border-radius:2px;background:#57b9df}.sd-priority-legend i.normal{background:#22bd73}.sd-priority-legend i.high{background:#f1b537}.sd-priority-legend i.urgent{background:#ef5c5c}.sd-gauge-panel{min-height:165px}.sd-gauge{height:125px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px}.sd-gauge-arc{width:150px;height:75px;border-radius:150px 150px 0 0;background:conic-gradient(from 270deg,#f5bc3b 0 calc(var(--gauge)*.5),#d8dde2 0 50%,transparent 0);position:absolute;top:10px;overflow:hidden}.sd-gauge-arc:after{content:"";position:absolute;left:24px;bottom:0;width:102px;height:51px;border-radius:102px 102px 0 0;background:#fff}.sd-gauge-arc.approaching{background:conic-gradient(from 270deg,#35b980 0 calc(var(--gauge)*.5),#d8dde2 0 50%,transparent 0)}.sd-gauge b{font-size:18px;z-index:1;margin-bottom:1px}.sd-gauge small{font-size:8px;color:#768493;z-index:1}.sd-spark-bars{height:130px;display:flex;align-items:flex-end;gap:3px;padding:18px 12px 10px}.sd-spark-bars span{flex:1;min-width:3px;background:#4a9dde;min-height:2px}.sd-spark-bars.closed span{background:#29b976}.sd-dashboard-footer-v22{margin-top:8px;background:#fff;border:1px solid #dfe5eb;padding:8px 10px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#667586}

@media(max-width:1180px){.planning-grid-v22{grid-template-columns:1fr 1fr}.company-form-grid{grid-template-columns:1fr}.sd-grid-v22{grid-template-columns:1fr}.account-page{grid-template-columns:1fr}.company-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.planning-grid-v22,.new-request-card-v22 .form-row{grid-template-columns:1fr}.new-request-section-v22,.new-request-planning-v22{padding:13px}.new-request-note-v22{align-items:flex-start;flex-direction:column;gap:3px}.company-check-grid{grid-template-columns:1fr}.unassigned-domain-row{grid-template-columns:1fr}.sd-dashboard-toolbar,.sd-dashboard-footer-v22{align-items:flex-start;flex-direction:column}.sd-priority-wrap{grid-template-columns:1fr}.template-editor-grid{grid-template-columns:1fr!important}}


/* v2.3 - standard alignment, compact note composer and complete domain controls */
.account-page{width:100%;max-width:1120px;margin:0;grid-template-columns:280px minmax(0,1fr)}
.new-request-page-v22{width:100%;max-width:1220px;margin:0}
.conversation-note-toggle{margin-left:auto;border:0;background:transparent;color:#1687e0;font:inherit;font-weight:700;cursor:pointer;padding:4px 7px;border-radius:4px}.conversation-note-toggle:hover,.conversation-note-toggle.active{background:#eaf5fd}
.note-form-collapsible{padding:12px 16px 14px;border-top:1px solid #e6edf3;background:#fbfcfe;animation:noteComposerIn .16s ease-out}.note-form-collapsible[hidden]{display:none!important}.note-form-collapsible textarea{min-height:88px;background:#fff}@keyframes noteComposerIn{from{opacity:.2;transform:translateY(-4px)}to{opacity:1;transform:none}}
.detail-tabs a{display:inline-flex!important;align-items:center!important;gap:5px!important}.request-resolution-dot{display:inline-block!important;width:5px!important;height:5px!important;min-width:5px!important;max-width:5px!important;min-height:5px!important;max-height:5px!important;padding:0!important;margin:0 0 0 1px!important;border:0!important;border-radius:50%!important;background:#22b573!important;box-shadow:none!important;line-height:0!important;vertical-align:middle!important}.request-history-count{display:inline-grid!important;place-items:center!important;min-width:15px!important;height:15px!important;padding:0 4px!important;margin-left:1px!important;border:1px solid #dce4eb!important;border-radius:8px!important;background:#f3f6f9!important;color:#64748b!important;font-size:8px!important;font-weight:800!important;line-height:1!important;vertical-align:middle!important}
.domain-badges-actions{align-items:center}.domain-chip-v23{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 6px 5px 8px;border:1px solid #d8e5ee;border-radius:6px;background:#f3f9fd;color:#334e62;font-size:10px}.domain-chip-v23.off{background:#f7f8fa;border-color:#e1e5e9;color:#7b8794}.domain-chip-v23 b{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-led{width:7px;height:7px;border-radius:50%;background:#20b26b;flex:0 0 7px}.domain-chip-v23.off .domain-led{background:#aab4bf}.domain-state-button,.company-state-button{border:1px solid #bfe6d2;background:#edf9f3;color:#128151;border-radius:10px;padding:2px 7px;font-size:8px;font-weight:800;cursor:pointer}.domain-state-button.off,.company-state-button.off{border-color:#d9dfe5;background:#f3f5f7;color:#778392}.domain-edit-button{border:0;border-left:1px solid #dce6ee;background:transparent;color:#1879bb;padding:1px 3px 1px 7px;font-size:9px;font-weight:700;cursor:pointer}.domain-edit-button:hover{text-decoration:underline}.company-state-button{font-size:9px;padding:4px 9px}.domain-state-label{font-size:8px;font-weight:800;color:#128151}.domain-chip-v23.off .domain-state-label{color:#778392}.unassigned-domain-row-v23{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,480px) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1f5}.unassigned-domain-row-v23:last-child{border-bottom:0}.unassigned-link-form{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.unassigned-link-form select{height:34px;padding:6px 8px}.domain-edit-modal{max-width:560px}.domain-modal-fields{display:grid;gap:11px}.domain-modal-fields label{font-size:10px}.domain-active-check{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e0e7ee;border-radius:6px;background:#f8fafc;font-weight:600!important}.domain-active-check input{width:auto;margin:0}.domain-modal-actions{display:grid!important;grid-template-columns:auto 1fr auto auto;align-items:center}
@media(max-width:1180px){.account-page{grid-template-columns:1fr;max-width:900px}.unassigned-domain-row-v23{grid-template-columns:1fr}}
@media(max-width:720px){.account-page,.new-request-page-v22{max-width:none}.domain-modal-actions{grid-template-columns:1fr 1fr}.domain-modal-actions span{display:none}.domain-modal-actions .btn{width:100%}.domain-chip-v23{width:100%}.domain-chip-v23 b{max-width:none;flex:1}}

/* v2.3.1 - domain form spacing and refined delete controls */
.company-mini-form>.form-row+.btn{margin-top:8px}
.domain-delete-inline{display:inline-flex!important;align-items:center;margin:0!important}
.domain-delete-button{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#9b6870;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.domain-delete-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.domain-delete-button:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.domain-delete-button:active{transform:translateY(1px)}
.domain-delete-button:focus-visible{outline:2px solid rgba(190,18,60,.2);outline-offset:2px}
.domain-delete-button-standalone{border-color:#f3d4d8;background:#fff8f8}
.domain-modal-delete{display:inline-flex!important;align-items:center;gap:6px;justify-content:center}
.domain-modal-delete svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){.company-mini-form>.form-row+.btn{margin-top:9px}.domain-delete-button{width:28px;height:28px;flex-basis:28px}}


/* v2.4 - transient resolution messages, personal solution templates and status-aware notifications */
.btn.ghost{background:transparent;color:#597086;border:1px dashed #cbd8e4}.btn.ghost:hover{background:#f5f9fc;border-style:solid}
.resolution-shell-v24 .workspace-head{align-items:flex-start}.workspace-state.temporary{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #dce8f1;border-radius:12px;background:#f6fafc;color:#688095;font-size:8px;font-weight:700;white-space:nowrap}.workspace-state.temporary:before{content:"";width:6px;height:6px;border-radius:50%;background:#79a8c8}
.resolution-template-quickbar{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:8px;align-items:end;margin-bottom:10px;padding:10px 11px;border:1px solid #dce6ef;border-radius:7px;background:#f8fbfd}.resolution-template-quickbar label{display:block;margin:0;font-size:9px;font-weight:700;color:#46586a}.resolution-template-quickbar label>span{display:block;margin-bottom:4px}.resolution-template-quickbar select{height:36px;margin:0}.resolution-template-emptybar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:10px 11px;border:1px dashed #cbdbe7;border-radius:7px;background:#fafcfd;color:#718194;font-size:9px}
.resolution-form-v24 textarea{min-height:270px;margin:0;font-size:12px;line-height:1.55}.resolution-bottom-v24{grid-template-columns:250px minmax(260px,1fr) auto;align-items:end}.resolution-status-field{display:grid;gap:4px}.field-caption{font-size:9px;font-weight:800;color:#445366}.resolution-status-picker{position:relative}.resolution-status-trigger{width:100%;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #cfdbe6;border-radius:5px;background:#fff;color:#2e3c4e;font:inherit;font-size:10px;font-weight:700;cursor:pointer;text-align:left}.resolution-status-trigger:hover,.resolution-status-picker.open .resolution-status-trigger{border-color:#1687e0;box-shadow:0 0 0 2px rgba(22,135,224,.09)}.resolution-status-light{width:8px;height:8px;min-width:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(22,135,224,.09)}.resolution-status-light.open{background:#1687e0;box-shadow:0 0 0 3px rgba(22,135,224,.11)}.resolution-status-light.waiting{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.resolution-status-light.closed{background:#27ae60;box-shadow:0 0 0 3px rgba(39,174,96,.12)}.resolution-status-chevron{margin-left:auto;color:#8492a1;font-size:13px}.resolution-status-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;padding:4px;border:1px solid #d6e0e9;border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(28,45,64,.16)}.resolution-status-picker.open .resolution-status-menu{display:grid}.resolution-status-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border:0;border-radius:4px;background:#fff;color:#344355;font:inherit;font-size:10px;font-weight:700;text-align:left;cursor:pointer}.resolution-status-menu button:hover{background:#f2f7fb}.resolution-mail-hint b{color:#4b6074}.resolution-apply-btn{min-width:132px}
.solution-template-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:12px;align-items:start}.solution-template-form{display:grid;gap:10px;padding:13px;border:1px solid #dce5ed;border-radius:7px;background:#fafcfd;position:sticky;top:72px}.solution-template-form-head h4{margin:0;font-size:12px;color:#2b3a4d}.solution-template-form-head p{margin:3px 0 0;font-size:8px;color:#8290a0}.solution-template-form label{display:grid;gap:4px;margin:0;font-size:9px;font-weight:800;color:#47596b}.solution-template-form input{height:36px}.solution-template-form textarea{min-height:190px;resize:vertical;font-size:10px;line-height:1.5}.solution-template-form-actions{display:flex;justify-content:flex-end;gap:7px}.solution-template-list-wrap{min-width:0}.solution-template-list{display:grid;gap:8px}.solution-template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid #dfe7ee;border-radius:7px;background:#fff}.solution-template-card-main{min-width:0}.solution-template-card h4{margin:0;font-size:11px;color:#2f4053}.solution-template-card p{margin:7px 0;font-size:9px;line-height:1.55;color:#586a7d;white-space:normal;max-height:96px;overflow:auto;padding-right:4px}.solution-template-card small{font-size:7px;color:#8b98a6}.solution-template-card-actions{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap;justify-content:flex-end}.solution-template-card-actions .inline-form{display:inline-flex}
@media(max-width:980px){.resolution-template-quickbar{grid-template-columns:1fr auto}.resolution-template-quickbar .btn.ghost{grid-column:1/-1;justify-self:start}.resolution-bottom-v24{grid-template-columns:1fr 1fr}.resolution-bottom-v24 .resolution-apply-btn{grid-column:2;justify-self:end}.solution-template-layout{grid-template-columns:1fr}.solution-template-form{position:static}}
@media(max-width:650px){.resolution-template-quickbar{grid-template-columns:1fr}.resolution-template-quickbar .btn{width:100%}.resolution-bottom-v24{grid-template-columns:1fr}.resolution-bottom-v24 .resolution-apply-btn{grid-column:auto;width:100%}.solution-template-card{grid-template-columns:1fr}.solution-template-card-actions{justify-content:flex-start}}

/* v2.5.1 - compact resolution workflow and visible status menu */
.resolution-template-quickbar-v251{grid-template-columns:minmax(250px,1fr) auto}
.resolution-form-v24 textarea{height:clamp(180px,31vh,250px);min-height:180px;resize:vertical}
.resolution-bottom-v24{position:relative;padding-bottom:4px}
.resolution-status-picker{z-index:55}
.resolution-status-menu{top:auto;bottom:calc(100% + 5px);z-index:80;max-height:160px;overflow:auto}
.request-workspace-surface>.request-tab-panel[data-tab-panel="resolution"].active{overflow:visible}
.resolution-shell-v24,.resolution-subpanel.active,.resolution-form-v24{overflow:visible}
@media(max-height:760px) and (min-width:651px){
  .resolution-subpanel{padding:11px 14px 13px}
  .resolution-subpanel .workspace-head{padding-bottom:8px;margin-bottom:8px}
  .resolution-template-quickbar-v251{margin-bottom:8px;padding:8px 10px}
  .resolution-form-v24 textarea{height:190px;min-height:170px}
  .resolution-bottom-v24{margin-top:8px;padding-top:8px}
}
@media(max-width:980px){.resolution-template-quickbar-v251{grid-template-columns:1fr auto}}
@media(max-width:650px){.resolution-template-quickbar-v251{grid-template-columns:1fr}.resolution-template-quickbar-v251 .btn{width:100%}}

/* v2.6 - header bell, live notifications and public ticket tracking. */
.header-notification-btn{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#607286;cursor:pointer}.header-notification-btn:hover{background:#f2f7fb;border-color:#dce7ef;color:#1687e0}.header-notification-btn.enabled{background:#ebf7ff;border-color:#b9ddf4;color:#1687e0}.header-notification-btn .ui-icon{width:17px;height:17px}.notification-badge{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:10px;background:#ef4444;color:#fff;font-size:8px;font-weight:800;line-height:1}
.notification-stack{position:fixed;right:18px;top:70px;z-index:6000;width:min(360px,calc(100vw - 30px));display:grid;gap:8px;pointer-events:none}.live-notification{pointer-events:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:10px;align-items:start;padding:12px;border:1px solid #cfe0ec;border-radius:10px;background:#fff;box-shadow:0 16px 45px rgba(30,54,78,.2);opacity:0;transform:translateX(25px);transition:opacity .22s ease,transform .22s ease;cursor:pointer}.live-notification.show{opacity:1;transform:none}.live-notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf6ff}.live-notification-icon span{width:10px;height:10px;border-radius:50%;background:#1687e0;box-shadow:0 0 0 5px rgba(22,135,224,.12)}.live-notification.ticket_assigned .live-notification-icon{background:#ecfdf3}.live-notification.ticket_assigned .live-notification-icon span{background:#22a866;box-shadow:0 0 0 5px rgba(34,168,102,.12)}.live-notification.calendar_updated .live-notification-icon{background:#fff8e6}.live-notification.calendar_updated .live-notification-icon span{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14)}.live-notification-content{min-width:0;display:grid;gap:3px}.live-notification-content b{font-size:11px;color:#203247}.live-notification-content span{font-size:10px;color:#506478;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-notification-content small{font-size:8px;color:#8998a8}.live-notification-close{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#8996a5;font-size:17px;cursor:pointer}.live-notification-close:hover{background:#f1f5f8;color:#334155}
.public-ticket-body{margin:0;min-height:100vh;background:#eef4f8;color:#28384b;font-family:Arial,Helvetica,sans-serif}.public-ticket-page{width:min(920px,calc(100% - 28px));margin:0 auto;padding:28px 0}.public-ticket-brand{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:0 4px}.public-ticket-brand img{width:240px;max-width:48%;height:auto}.public-ticket-brand>div{display:grid;gap:3px;padding-left:18px;border-left:1px solid #ccd8e2}.public-ticket-brand b{font-size:17px}.public-ticket-brand span{font-size:11px;color:#738396}.public-ticket-card{margin-bottom:14px;border:1px solid #d9e4ec;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(45,70,95,.06)}.public-ticket-overview{padding:24px}.public-ticket-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.public-ticket-number{font-size:10px;font-weight:800;color:#1687e0;text-transform:uppercase;letter-spacing:.06em}.public-ticket-title h1{margin:5px 0 0;font-size:23px;line-height:1.25;color:#203247}.public-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:18px;background:#edf6fd;color:#1477bc;font-size:10px;font-weight:800;white-space:nowrap}.public-status i{width:8px;height:8px;border-radius:50%;background:#1687e0}.public-status.waiting{background:#fff7df;color:#a86b00}.public-status.waiting i{background:#f59e0b}.public-status.closed{background:#eaf9f1;color:#147849}.public-status.closed i{background:#27ae60}.public-status.mini{margin-top:8px;padding:4px 8px;font-size:8px}.public-status.mini i{width:6px;height:6px}.public-ticket-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #edf1f4}.public-ticket-facts div{display:grid;gap:4px}.public-ticket-facts span{font-size:9px;color:#7d8c9c}.public-ticket-facts b{font-size:11px;color:#35475a}.public-ticket-timeline-card{padding:22px 24px}.public-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #edf1f4}.public-section-head h2{margin:0;font-size:16px}.public-section-head p{margin:5px 0 0;font-size:10px;color:#778798}.public-section-head>span{padding:5px 8px;border-radius:12px;background:#f2f6f9;font-size:9px;color:#627487}.public-timeline{display:grid;padding-top:12px}.public-timeline-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:76px}.public-timeline-marker{position:relative;display:flex;justify-content:center}.public-timeline-marker:after{content:"";position:absolute;top:19px;bottom:-2px;width:1px;background:#dbe5ec}.public-timeline-item:last-child .public-timeline-marker:after{display:none}.public-timeline-marker i{position:relative;z-index:1;width:10px;height:10px;margin-top:6px;border:4px solid #e7f3fc;border-radius:50%;background:#1687e0}.public-timeline-item.public_note .public-timeline-marker i{border-color:#e9f8f0;background:#24a766}.public-timeline-content{padding:3px 0 18px}.public-timeline-head{display:flex;justify-content:space-between;gap:10px}.public-timeline-head b{font-size:11px}.public-timeline-head time{font-size:8px;color:#8a98a6;white-space:nowrap}.public-timeline-detail{margin-top:6px;font-size:10px;line-height:1.55;color:#586a7d;white-space:normal}.public-ticket-refresh{text-align:center;font-size:9px;color:#8290a0}.public-ticket-footer{text-align:center;margin-top:18px;font-size:9px;color:#7b8998}.public-ticket-empty{padding:55px 25px;text-align:center}.public-ticket-empty-icon{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#fff1f2;color:#c13e4f;font-size:24px;font-weight:800}.public-ticket-empty h1{font-size:20px}.public-ticket-empty p{font-size:11px;color:#6b7b8c}
@media(max-width:720px){.notification-stack{right:10px;top:60px}.public-ticket-page{padding-top:16px}.public-ticket-brand{display:grid;gap:10px}.public-ticket-brand img{max-width:230px;width:70%}.public-ticket-brand>div{padding:0;border:0}.public-ticket-title{display:grid}.public-ticket-facts{grid-template-columns:1fr 1fr}.public-ticket-overview,.public-ticket-timeline-card{padding:17px}.public-timeline-head{display:grid;gap:3px}}

/* v2.6 - actionable dashboard. */
.dashboard-v26{display:grid;gap:12px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:9px}.dashboard-kpi{position:relative;min-height:92px;display:grid;align-content:center;gap:3px;padding:13px 14px;border:1px solid #dce6ee;border-radius:9px;background:#fff;color:#2b3b4e;text-decoration:none;box-shadow:0 3px 12px rgba(35,59,82,.045);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#7b8ea1}.dashboard-kpi:hover{transform:translateY(-2px);border-color:#b9d4e6;box-shadow:0 8px 22px rgba(35,59,82,.1)}.dashboard-kpi span{font-size:9px;font-weight:800;color:#647589;text-transform:uppercase;letter-spacing:.03em}.dashboard-kpi b{font-size:25px;line-height:1.1;color:#203247}.dashboard-kpi small{font-size:8px;color:#8a98a6}.dashboard-kpi.open:before{background:#1687e0}.dashboard-kpi.waiting:before{background:#f59e0b}.dashboard-kpi.closed:before{background:#27ae60}.dashboard-kpi.unassigned:before{background:#ef4444}.dashboard-kpi.today:before{background:#7c3aed}.dashboard-kpi.scheduled:before{background:#0f9fb4}.clickable-summary a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;color:inherit;text-decoration:none;border-radius:4px;padding:2px 5px}.clickable-summary td:first-child a{justify-content:flex-start}.clickable-summary a:hover{background:#eaf5fc;color:#1179be}.dashboard-week-bars .sd-week-day{text-decoration:none;color:inherit}.sd-week-values{display:flex;justify-content:center;gap:4px;min-height:12px;font-size:7px;font-weight:800}.sd-week-values span:first-child{color:#1687e0}.sd-week-values span:last-child{color:#27ae60}.sd-task-list a{display:flex;align-items:center;justify-content:space-between;padding:7px 3px;border-bottom:1px solid #edf1f4;color:inherit;text-decoration:none}.sd-task-list a:hover{background:#f2f8fc}.sd-priority-donut{text-decoration:none;color:inherit}.sd-priority-legend a{display:flex!important;align-items:center;gap:6px;color:inherit;text-decoration:none;padding:3px 5px;border-radius:4px}.sd-priority-legend a:hover{background:#f2f7fb}.sd-priority-legend a b{margin-left:auto}.dashboard-panel-link{display:block;color:inherit;text-decoration:none}.dashboard-panel-link:hover{border-color:#bcd6e7;box-shadow:0 7px 19px rgba(35,59,82,.08)}.sd-spark-bars a{position:relative;display:block;flex:1;min-width:3px;background:#27c17a;border-radius:2px 2px 0 0;text-decoration:none}.sd-spark-bars.closed a{background:#1687e0}.sd-spark-bars a:hover{filter:brightness(.9)}.sd-spark-bars a em{display:none;position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);padding:2px 4px;border-radius:3px;background:#26384b;color:#fff;font-size:7px;font-style:normal}.sd-spark-bars a:hover em{display:block}.dashboard-filter-strip{display:flex;align-items:center;gap:6px;margin:-1px 0 8px;padding:7px 10px;border:1px solid #d7e5ef;border-radius:6px;background:#f4f9fc;color:#617386;font-size:9px}.dashboard-filter-strip b{padding:3px 7px;border-radius:10px;background:#fff;border:1px solid #dbe6ed;color:#33475b}.dashboard-filter-strip a{margin-left:auto;color:#1687e0;text-decoration:none;font-weight:700}.mail-checkbox-row{display:grid;gap:6px;margin-bottom:8px}.mail-checkbox-row .check-label{margin:0}
@media(max-width:1450px){.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dashboard-kpi-grid{grid-template-columns:1fr 1fr}.dashboard-kpi{min-height:82px}.dashboard-kpi b{font-size:21px}.dashboard-filter-strip{flex-wrap:wrap}.dashboard-filter-strip a{width:100%;margin-left:0}}

/* v2.6 dashboard bar links. */
.dashboard-week-bars .sd-week-values a{font-size:7px;font-weight:800;text-decoration:none;padding:1px 2px;border-radius:3px}.dashboard-week-bars .sd-week-values a:first-child{color:#1687e0}.dashboard-week-bars .sd-week-values a:last-child{color:#27ae60}.dashboard-week-bars .sd-week-values a:hover{background:#eef6fb}.dashboard-week-bars .sd-week-stack a{width:20px;display:block;min-height:2px;text-decoration:none}.dashboard-week-bars .sd-week-stack a.incoming{background:#489ce0}.dashboard-week-bars .sd-week-stack a.closed{background:#23bd72}.dashboard-week-bars .sd-week-stack a:hover{filter:brightness(.9)}

/* v2.7 - Zimbra CalDAV, ayrintili gecmis ve sag ust sessiz sil. */
.detail-top-actions{justify-content:space-between}
.detail-top-actions-left,.detail-top-actions-right{display:flex;align-items:center;gap:8px}
.detail-top-actions-right{margin-left:auto}
.detail-top-actions .request-delete-trigger{margin-left:0}
.workspace-state.history-only{background:#eef6ff;color:#176fae;border:1px solid #d7e9f7}
.history-timeline-v27 .history-entry.work .history-dot{background:#1687e0;box-shadow:0 0 0 1px #7db9e6}
.history-timeline-v27 .history-entry.closure .history-dot{background:#20ad79;box-shadow:0 0 0 1px #76c8a9}
.history-timeline-v27 .history-entry.work .history-content{border-left:3px solid #1687e0}
.history-timeline-v27 .history-entry.closure .history-content{border-left:3px solid #20ad79;background:#fbfffd}
.history-tech,.history-status-change{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:10px}
.history-tech span,.history-status-change span{min-width:62px;color:#8794a3}
.history-tech b,.history-status-change b{font-size:10px;color:#33465a}
.history-detail.work-detail{margin-top:9px;padding:9px 10px;border-radius:5px;background:#f4f8fb;color:#26384a;line-height:1.55;white-space:normal}

.mail-summary.compact{grid-template-columns:repeat(5,minmax(0,1fr))}
.zimbra-calendar-card{margin:12px 0;background:#fff;border:1px solid #dbe5ed;border-radius:8px;overflow:hidden}
.zimbra-calendar-title{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 16px;border-bottom:1px solid #e7edf2;background:linear-gradient(180deg,#fbfdff,#f7fafc)}
.zimbra-calendar-title>div:first-child{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#eaf5fd;color:#1687e0}
.zimbra-calendar-title>div:first-child .ui-icon{width:19px;height:19px}
.zimbra-calendar-title h3{margin:0 0 4px;font-size:14px;color:#22364b}
.zimbra-calendar-title p{margin:0;max-width:900px;font-size:10px;line-height:1.55;color:#718095}
.zimbra-calendar-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:0}
.zimbra-calendar-form{padding:16px;border-right:1px solid #e7edf2}
.zimbra-calendar-form label{display:grid;gap:5px}
.zimbra-calendar-test-panel{padding:16px;background:#fafcfd}
.zimbra-calendar-test-panel h4{margin:0 0 5px;font-size:13px;color:#263b51}
.zimbra-calendar-test-panel>p{margin:0 0 13px;font-size:10px;line-height:1.55;color:#718095}
.zimbra-test-form{display:grid;gap:9px;padding:12px;border:1px solid #dde7ef;border-radius:7px;background:#fff}
.zimbra-test-form label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#465b71}
.zimbra-test-result{display:grid;gap:3px;margin-top:11px;padding:11px 12px;border:1px solid #dfe7ee;border-radius:7px;background:#fff;color:#66778a}
.zimbra-test-result b{font-size:10px;color:#33485d}.zimbra-test-result span{font-size:9px}.zimbra-test-result small{font-size:8px;line-height:1.45;word-break:break-all}
.zimbra-test-result.ok{border-color:#bde4d3;background:#f5fcf8}.zimbra-test-result.ok b{color:#10845c}
.zimbra-test-result.error{border-color:#efcaca;background:#fff8f8}.zimbra-test-result.error b{color:#be3f46}
.zimbra-calendar-test-panel .info-box{margin-top:11px;line-height:1.55}

.technician-calendar-fields{margin:2px 0 4px;padding:12px;border:1px solid #dbe5ed;border-radius:7px;background:#f8fbfd}
.technician-calendar-fields legend{padding:0 6px;font-size:10px;font-weight:800;color:#2e506d}
.technician-calendar-fields .check-label{margin-bottom:9px}
.calendar-account-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border-radius:12px;background:#f2f4f6;color:#7a8794;font-size:9px;font-weight:800}
.calendar-account-badge>span{width:6px;height:6px;border-radius:50%;background:#aeb7c1}
.calendar-account-badge.active{background:#e8f8f1;color:#0b8b5c}.calendar-account-badge.active>span{background:#20ad79}

@media(max-width:1100px){
  .mail-summary.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zimbra-calendar-grid{grid-template-columns:1fr}.zimbra-calendar-form{border-right:0;border-bottom:1px solid #e7edf2}
}
@media(max-width:700px){
  .detail-top-actions{align-items:flex-start}.detail-top-actions-left{flex-wrap:wrap}.detail-top-actions-right{align-self:flex-start}
  .zimbra-calendar-title{grid-template-columns:36px 1fr}.zimbra-calendar-title .rule-state{grid-column:1/-1;justify-self:start}
  .mail-summary.compact{grid-template-columns:1fr}
}


/* v2.7.2 - scoped sidebar, standard mail layout, recovery and silent delete */
.mail-page-standard{width:100%;max-width:1480px;margin:0 auto}
.zimbra-calendar-test-panel,.template-preview-panel{position:static!important;inset:auto!important;width:auto!important;min-width:0!important;height:auto!important;z-index:auto!important;color:var(--text)!important;transform:none!important;overflow:visible!important}
.zimbra-calendar-test-panel{background:#fafcfd!important}
.mail-primary-grid{align-items:stretch}
.mail-primary-grid>.mail-section{height:100%}
.zimbra-calendar-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
.ticket{position:relative}
.ticket-title{padding-right:28px}
.ticket-delete-mini{position:absolute;top:7px;right:7px;margin:0;z-index:3}
.ticket-delete-mini button,.request-delete-icon{width:25px;height:25px;padding:0!important;border:1px solid transparent;border-radius:5px;background:transparent;color:#8a96a5;display:inline-grid;place-items:center;cursor:pointer}
.ticket-delete-mini button:hover,.request-delete-icon:hover{color:#c83c4b;background:#fff1f2;border-color:#fecdd3}
.ticket-delete-mini .ui-icon,.request-delete-icon .ui-icon{width:14px;height:14px}
.ticket-drag-handle{margin-right:3px}
.recovery-page{max-width:1260px}
.page-heading-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px 18px;margin-bottom:12px}
.page-heading-card h2{margin:0 0 4px;font-size:18px}.page-heading-card p{margin:0;color:#728094;font-size:11px}
.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recovery-card h3{margin:0 0 13px;font-size:14px}
.recovery-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.recovery-metrics>div{border:1px solid #e3e9ef;border-radius:7px;padding:10px;background:#fafcfd}.recovery-metrics span{display:block;color:#7a8795;font-size:10px}.recovery-metrics b{display:block;margin-top:3px;font-size:20px}
.recovery-status-list{list-style:none;margin:0 0 14px;padding:0;border-top:1px solid #edf1f4}.recovery-status-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f4;font-size:11px}.recovery-status-list b.ok{color:#0b8f61}.recovery-status-list b.bad{color:#c4424d}
@media(max-width:1000px){.zimbra-calendar-grid,.recovery-grid{grid-template-columns:1fr}.zimbra-calendar-form{border-right:0;border-bottom:1px solid #e7edf2}}

/* v2.8 - request card actions, company management, account polish and navigation feedback */
.page-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;pointer-events:none;overflow:hidden;background:transparent}
.page-progress:after{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,#1687e0,#31b7e8);transform:translateX(-120%);opacity:0}
body.page-leaving .page-progress:after{opacity:1;animation:gb-page-progress .8s ease-in-out infinite}
@keyframes gb-page-progress{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}

.sidebar-toggle{font-family:Segoe UI,Arial,sans-serif;font-weight:700;padding:0!important}
.sidebar-toggle-glyph{display:grid;place-items:center;width:100%;height:100%;font-size:23px;line-height:1;color:currentColor;transform:translateY(-1px)}
.sidebar-toggle-glyph:before{content:"‹"}
body.sidebar-collapsed .sidebar-toggle-glyph:before{content:"›"}
body.sidebar-collapsed .sidebar-toggle{transform:none!important}

/* Ticket card: equal layout, entire card is clickable, actions never overflow. */
.ticket{cursor:pointer;isolation:isolate}
.ticket:focus-visible{outline:2px solid rgba(22,135,224,.45);outline-offset:2px;border-color:#1687e0}
.ticket.dragging{cursor:grabbing}
.ticket-title{display:grid!important;grid-template-columns:15px minmax(0,1fr) 18px 27px;align-items:center;gap:6px!important;padding-right:0!important;min-width:0}
.ticket-title>a{display:block;min-width:0!important;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-icon{width:15px;text-align:center;flex:none}
.ticket-drag-handle{display:grid;place-items:center;width:18px;height:24px;margin:0!important;color:#9aa7b5;cursor:grab;border-radius:4px}
.ticket-drag-handle:hover{color:#5f7388;background:#f1f5f9}
.ticket-delete-mini{position:static!important;inset:auto!important;width:27px;height:27px;margin:0;padding:0;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;color:#dc3545;display:grid;place-items:center;cursor:pointer;z-index:4;transition:background .15s,border-color .15s,color .15s,transform .15s;flex:none}
.ticket-delete-mini:hover{background:#dc3545;border-color:#dc3545;color:#fff;transform:translateY(-1px)}
.ticket-delete-mini:active{transform:translateY(0)}
.ticket-delete-mini .ui-icon{width:14px;height:14px;pointer-events:none}
.ticket small,.ticket-actions{max-width:100%;min-width:0}
.ticket-card-delete-modal{max-width:500px}
.ticket-card-delete-modal .assign-modal-body{text-align:center;padding:22px 28px 20px}
.ticket-card-delete-modal .assign-modal-body>h3{margin:0 0 6px;font-size:16px;color:#27364a}
.ticket-card-delete-modal .assign-modal-body>p{margin:0;color:#66768a;font-size:11px;line-height:1.5}
.ticket-card-delete-modal .assign-modal-body>p b{color:#334155;word-break:break-word}
.silent-delete-summary{display:grid;gap:7px;margin:16px auto 0;padding:11px 13px;max-width:330px;text-align:left;border:1px solid #e5eaf0;border-radius:7px;background:#fafcfd;color:#5c6d80;font-size:10px}
.ticket-delete-confirm{display:inline-flex;align-items:center;gap:7px;background:#dc3545!important;color:#fff!important}
.ticket-delete-confirm:hover{background:#c82939!important}
.ticket-delete-confirm .ui-icon{width:15px;height:15px}

/* Company edit/delete controls, including empty company rows. */
.company-domain-table{min-width:1040px}
.company-actions-col{width:132px}
.company-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
.company-edit-trigger{height:30px;padding:5px 9px!important;font-size:10px!important}
.company-delete-trigger{width:30px;height:30px;padding:0;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;color:#dc3545;display:grid;place-items:center;cursor:pointer;transition:.15s}
.company-delete-trigger:hover{background:#dc3545;border-color:#dc3545;color:#fff;transform:translateY(-1px)}
.company-delete-trigger .ui-icon{width:14px;height:14px}
.company-edit-modal{max-width:560px}
.company-modal-fields{display:grid;gap:11px}
.company-active-check{display:flex!important;align-items:center;gap:8px;padding:10px;border:1px solid #e1e7ed;border-radius:7px;background:#f8fafc;font-weight:600!important}
.company-active-check input{width:auto;margin:0}
.company-delete-info{padding:10px 11px;border:1px solid #e2e8ef;border-radius:7px;background:#fafcfd;color:#66778a;font-size:10px;line-height:1.45}
.company-modal-actions{display:grid!important;grid-template-columns:auto 1fr auto auto;align-items:center}
.company-delete-submit{display:inline-flex!important;align-items:center;gap:6px;background:#fff1f2!important;border:1px solid #fecaca!important;color:#c92f40!important}
.company-delete-submit:hover:not(:disabled){background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}
.company-delete-submit:disabled{opacity:.45;cursor:not-allowed;filter:none}
.company-delete-submit .ui-icon{width:14px;height:14px}

/* Compact account screen with optional Zimbra calendar mapping. */
.account-page-v28{width:100%;display:grid;gap:12px}
.account-profile-v28{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 16px}
.account-avatar-v28{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1687e0,#24a7df);color:#fff;font-size:20px;font-weight:800;box-shadow:0 6px 18px rgba(22,135,224,.16)}
.account-profile-main{min-width:0}
.account-profile-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-profile-title h2{margin:0;font-size:16px;color:#26364a}
.account-profile-main p{margin:4px 0 0;color:#758397;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-profile-main p span{padding:0 5px;color:#b2bbc5}
.account-profile-main p b{color:#536579}
.account-profile-status{display:flex;align-items:center;gap:8px;min-width:185px;padding:9px 11px;border:1px solid #e2e8ef;border-radius:8px;background:#fafbfc}
.account-profile-status>span{width:9px;height:9px;border-radius:50%;background:#e0a127;box-shadow:0 0 0 4px #fff5d9}
.account-profile-status.ready>span{background:#18a66f;box-shadow:0 0 0 4px #e6f8f0}
.account-profile-status b{display:block;font-size:10px;color:#3c4d61}
.account-profile-status small{display:block;margin-top:2px;font-size:8px;color:#8491a0}
.account-settings-grid-v28{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;align-items:start}
.account-settings-card-v28{padding:0;overflow:hidden}
.account-card-head-v28{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #e8edf2;background:#fbfcfd}
.account-card-head-v28 h3{margin:0;font-size:13px;color:#2e4055}
.account-card-head-v28 p{margin:3px 0 0;color:#7c8998;font-size:9px;line-height:1.4}
.account-card-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#1687e0;background:#eaf5fd;font-size:13px}
.account-card-icon.lock{color:#7b61c9;background:#f1edff}
.account-form-v28{display:grid;gap:10px;padding:14px 15px}
.account-form-v28 label{font-size:10px;color:#46586c}
.account-form-v28 label>small{font-size:8px;font-weight:400;color:#8995a3;line-height:1.4}
.account-form-v28 input{height:37px;font-size:11px}
.account-form-actions{display:flex;justify-content:flex-end;padding-top:2px}
.account-form-actions .btn{min-width:150px}
.account-calendar-switch{display:flex!important;align-items:center;gap:9px;padding:10px 11px;border:1px solid #dfe7ee;border-radius:7px;background:#f8fafc;cursor:pointer}
.account-calendar-switch input{position:absolute;opacity:0;width:1px;height:1px}
.account-calendar-switch>span{position:relative;width:34px;height:19px;border-radius:12px;background:#cbd5df;flex:0 0 34px;transition:.15s}
.account-calendar-switch>span:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.15s}
.account-calendar-switch input:checked+span{background:#1687e0}
.account-calendar-switch input:checked+span:after{transform:translateX(15px)}
.account-calendar-switch b{font-size:10px;color:#44566b}
.account-calendar-note{padding:9px 10px;border-radius:7px;background:#eff8ff;border:1px solid #d2eafd;color:#60748a;font-size:9px;line-height:1.5}
.account-calendar-note b{color:#38546d}

@media(max-width:960px){
  .account-settings-grid-v28{grid-template-columns:1fr}
  .account-profile-v28{grid-template-columns:48px 1fr}.account-profile-status{grid-column:1/-1;min-width:0}
  .company-modal-actions{grid-template-columns:1fr 1fr}.company-modal-actions>span{display:none}.company-modal-actions .btn{width:100%}
}
@media(max-width:720px){
  .ticket-title{grid-template-columns:15px minmax(0,1fr) 18px 27px}
  .account-profile-main p{white-space:normal}
  .account-form-v28 .form-row{grid-template-columns:1fr}
}
.account-card-icon .ui-icon{width:16px;height:16px}

/* ===== v2.9 - stable company/request layout, notification center ===== */

/* Company table stays a real table. Turning a <td> into flex caused rows to shift. */
.company-table-card .table-scroll{overflow-x:auto;overflow-y:visible}
.company-domain-table{width:100%;min-width:1020px;table-layout:fixed;border-collapse:collapse}
.company-domain-table th,.company-domain-table td{box-sizing:border-box;vertical-align:middle}
.company-domain-table th:nth-child(1),.company-domain-table td:nth-child(1){width:135px}
.company-domain-table th:nth-child(2),.company-domain-table td:nth-child(2){width:auto}
.company-domain-table th:nth-child(3),.company-domain-table td:nth-child(3){width:190px}
.company-domain-table th:nth-child(4),.company-domain-table td:nth-child(4){width:58px;text-align:center}
.company-domain-table th:nth-child(5),.company-domain-table td:nth-child(5){width:95px;text-align:center}
.company-domain-table th:nth-child(6),.company-domain-table td:nth-child(6){width:108px;text-align:right}
.company-row-actions{display:table-cell!important;white-space:nowrap!important}
.company-actions-wrap{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.domain-badges-actions{align-items:center;max-width:100%}
.domain-chip-v23{max-width:100%;box-sizing:border-box}
.domain-chip-v23>b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assigned-tech-list{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.company-routing-note{display:block;margin-top:5px;color:#7a8795;font-size:8px;line-height:1.3}

/* Restore the compact card design while preserving whole-card click and drag/drop. */
.fixed-kanban-shell{height:calc(100vh - 154px);min-height:500px}
.fixed-kanban-shell .kanban{gap:10px;padding:8px;align-items:stretch}
.fixed-kanban-shell .column{flex:0 0 278px;width:278px;min-width:278px;max-width:278px}
.fixed-kanban-shell .dropzone{padding:7px;overflow-y:auto;overflow-x:hidden}
.ticket{position:relative!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;height:158px!important;min-height:158px!important;max-height:158px!important;padding:10px 38px 8px 10px!important;margin-bottom:7px!important;overflow:hidden!important;cursor:pointer!important;border-radius:5px!important}
.ticket:hover{border-color:#b9c9d8;box-shadow:0 3px 10px rgba(46,69,92,.08)}
.ticket:active{cursor:grabbing!important}
.ticket-title{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important;min-width:0!important;width:100%!important;padding:0!important;margin:0 0 7px!important;font-size:12px!important}
.ticket-title>a{flex:1 1 auto!important;display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ticket-icon{flex:0 0 15px!important;width:15px!important}
.ticket-drag-handle{flex:0 0 18px!important;width:18px!important;height:22px!important;margin-left:auto!important}
.ticket-delete-mini{position:absolute!important;top:8px!important;right:7px!important;left:auto!important;bottom:auto!important;width:27px!important;height:27px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #fecaca!important;border-radius:6px!important;background:#fff1f2!important;color:#dc3545!important;z-index:6!important}
.ticket-delete-mini:hover{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important;transform:translateY(-1px)!important}
.ticket-delete-mini .ui-icon{width:14px!important;height:14px!important}
.ticket small{display:block!important;margin:4px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ticket-actions{margin-top:auto!important;min-height:20px!important;align-items:center!important}
.ticket-source{white-space:nowrap!important}
.status-kanban .ticket{height:158px!important}

/* Toolbar remains one stable row on desktop and scrolls instead of overlapping. */
.request-toolbar-v21{display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:visible}
.request-toolbar-v21 .request-toolbar-right{min-width:0;flex-wrap:nowrap}
.request-toolbar-v21 .status-filter-group{white-space:nowrap}
@media(max-width:1180px){
  .request-toolbar-v21{align-items:flex-start}
  .request-toolbar-v21 .request-toolbar-right{overflow-x:auto;padding-bottom:3px;max-width:calc(100vw - 330px)}
}

/* Header notification center */
.header-notification-link{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#607286;text-decoration:none}
.header-notification-link:hover,.header-notification-link.active{background:#edf7ff;border-color:#c9e3f5;color:#1687e0}
.header-notification-link .ui-icon{width:18px;height:18px}
.header-notification-link .notification-badge{right:-4px;top:-5px}

.notifications-page{display:grid;gap:12px;max-width:1080px}
.notifications-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px}
.notifications-head h2{margin:0;font-size:17px;color:#27384c}.notifications-head p{margin:4px 0 0;color:#758497;font-size:10px}
.notifications-head-actions{display:flex;align-items:center;gap:8px}
.notification-sound-toggle{display:inline-flex;align-items:center;gap:7px}.notification-sound-toggle .ui-icon{width:15px;height:15px}
.notification-list-card{padding:0;overflow:hidden}
.notification-list-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #e5ebf0;background:#fbfcfd}
.notification-list-head b{font-size:12px}.notification-list-head span{font-size:9px;color:#7d8b9b}
.notification-list{display:grid}
.notification-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 15px;border-bottom:1px solid #edf1f4;text-decoration:none;color:inherit;background:#fff;transition:.15s}
.notification-row:last-child{border-bottom:0}.notification-row:hover{background:#f7fbfe}.notification-row.unread{background:#f0f8ff}.notification-row.unread:hover{background:#e8f5ff}
.notification-row-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#eaf5fd;color:#1687e0}.notification-row-icon .ui-icon{width:17px;height:17px}
.notification-row.ticket_assigned .notification-row-icon{background:#eaf9f1;color:#15905d}.notification-row.calendar_updated .notification-row-icon{background:#fff7e1;color:#b77900}
.notification-row-main{min-width:0}.notification-row-main b{display:block;font-size:11px;color:#314359;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-row-main span{display:block;margin-top:3px;font-size:10px;color:#66778a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-row time{font-size:9px;color:#8794a3;white-space:nowrap}.notification-empty{padding:50px 20px;text-align:center;color:#7b8998}.notification-empty .ui-icon{width:30px;height:30px;margin-bottom:8px;color:#9bb0c2}

/* Public ticket remains a standalone, menu-free customer view. */
.public-ticket-body .public-ticket-page{max-width:920px}

@media(max-width:760px){
  .company-domain-table{min-width:940px}
  .fixed-kanban-shell .column{flex-basis:265px;width:265px;min-width:265px;max-width:265px}
  .request-toolbar-v21 .request-toolbar-right{max-width:100%;width:100%}
  .notification-row{grid-template-columns:36px minmax(0,1fr)}.notification-row time{grid-column:2}
  .notifications-head{align-items:flex-start;flex-direction:column}.notifications-head-actions{width:100%;flex-wrap:wrap}
}

.notification-new-label{display:inline-flex!important;margin-left:5px!important;padding:1px 5px!important;border-radius:8px!important;background:#1687e0!important;color:#fff!important;font-size:8px!important;line-height:1.4!important;vertical-align:middle!important}


/* v3.0 - compact notification bell: badge stays inside the header control. */
.header-user{display:flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;overflow:visible!important}
.header-notification-link{position:relative!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;border-radius:9px!important;overflow:visible!important;box-sizing:border-box!important}
.header-notification-link .ui-icon{width:18px!important;height:18px!important;display:block!important}
.header-notification-link .notification-badge{position:absolute!important;top:2px!important;right:2px!important;left:auto!important;bottom:auto!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border:1.5px solid #fff!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:9px!important;font-weight:700!important;line-height:12px!important;text-align:center!important;box-sizing:border-box!important;transform:none!important;z-index:3!important}
.header-notification-link .notification-badge[hidden]{display:none!important}
.notification-row.calendar_due .notification-row-icon{background:#fff7e1!important;color:#b77900!important}
/* v3.1 Zimbra endpoint diagnostics */
.zimbra-endpoint-results{margin-top:12px;padding:10px;border:1px solid #d9e3ef;border-radius:8px;background:#f8fbff;font-size:11px}.zimbra-endpoint-results>b{display:block;margin-bottom:7px}.zimbra-endpoint-results>div{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:5px 0;border-top:1px solid #edf2f7}.zimbra-endpoint-results>div:first-of-type{border-top:0}.zimbra-endpoint-results code{font-size:10px;word-break:break-all}.endpoint-status{flex:0 0 auto;border-radius:10px;padding:2px 6px;background:#eef2f6;color:#536273;font-weight:700}.endpoint-status.s200,.endpoint-status.s201,.endpoint-status.s204,.endpoint-status.s207{background:#e9f8ef;color:#08783e}.endpoint-status.s401{background:#fff7df;color:#8a6400}.endpoint-status.s404,.endpoint-status.s405{background:#fff0f0;color:#b42318}

/* v3.2 global status standard: Açık=yeşil, Beklemede=sarı, Kapatıldı=mavi */
.badge.open,.status-badge.open,.report-status.open{background:#e8f8f0!important;color:#14784a!important;border-color:#bde8d1!important}
.badge.waiting,.status-badge.waiting,.report-status.waiting{background:#fff7df!important;color:#a86b00!important;border-color:#f6df9b!important}
.badge.closed,.status-badge.closed,.report-status.closed{background:#eaf4fd!important;color:#166fae!important;border-color:#beddf4!important}
.resolution-status-light.open,.calendar-status-dot.open{background:#27ae60!important;box-shadow:0 0 0 3px rgba(39,174,96,.12)!important}
.resolution-status-light.waiting,.calendar-status-dot.waiting{background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.12)!important}
.resolution-status-light.closed,.calendar-status-dot.closed{background:#1687e0!important;box-shadow:0 0 0 3px rgba(22,135,224,.12)!important}
.public-status{background:#e8f8f0!important;color:#14784a!important}.public-status i{background:#27ae60!important}
.public-status.waiting{background:#fff7df!important;color:#a86b00!important}.public-status.waiting i{background:#f59e0b!important}
.public-status.closed{background:#eaf4fd!important;color:#166fae!important}.public-status.closed i{background:#1687e0!important}
.dashboard-kpi.open:before{background:#27ae60!important}.dashboard-kpi.waiting:before{background:#f59e0b!important}.dashboard-kpi.closed:before{background:#1687e0!important}
.calendar-v21-event:not(.waiting):not(.closed){border-left-color:#27ae60!important}.calendar-v21-event.waiting{border-left-color:#f59e0b!important}.calendar-v21-event.closed{border-left-color:#1687e0!important}

/* report analytics v3.2 */
.report-kpi-grid-v32{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;margin:10px 0}.report-kpi-v32{border:1px solid #dce6ee;border-radius:8px;background:#fff;padding:11px 12px;display:grid;gap:3px;box-shadow:0 2px 7px rgba(35,59,82,.035)}.report-kpi-v32 span{font-size:9px;color:#6d7c8b}.report-kpi-v32 b{font-size:20px;color:#24364a}.report-kpi-v32 small{font-size:8px;color:#8794a1}.report-charts-v32{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.report-chart-card-v32{border:1px solid #dce6ee;border-radius:8px;background:#fff;padding:12px}.report-chart-card-v32 h3{font-size:11px;margin:0 0 10px}.report-bars-v32{display:grid;gap:7px}.report-bar-row-v32{display:grid;grid-template-columns:90px minmax(100px,1fr) 34px;align-items:center;gap:8px;font-size:9px}.report-bar-track-v32{height:8px;border-radius:5px;background:#eef3f7;overflow:hidden}.report-bar-fill-v32{height:100%;border-radius:5px;background:#27ae60}.report-bar-fill-v32.waiting{background:#f59e0b}.report-bar-fill-v32.closed{background:#1687e0}.report-daily-v32{display:flex;align-items:flex-end;gap:4px;height:110px;border-bottom:1px solid #dce5ec;padding:5px 3px 0}.report-day-v32{flex:1;min-width:8px;display:flex;align-items:flex-end;justify-content:center;gap:1px;height:100%;position:relative}.report-day-v32 i{display:block;width:45%;min-width:3px;border-radius:2px 2px 0 0}.report-day-v32 i.created{background:#27ae60}.report-day-v32 i.closed{background:#1687e0}.report-day-v32 small{position:absolute;bottom:-17px;font-size:6px;color:#8190a0;white-space:nowrap}.mail-maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purge-ticket-form{display:flex;gap:7px;align-items:center}.purge-ticket-form input{max-width:130px}.mail-form-compact .check-label+ .mail-form-actions{margin-top:8px}
@media(max-width:1000px){.report-kpi-grid-v32{grid-template-columns:repeat(3,1fr)}.report-charts-v32,.mail-maintenance-grid{grid-template-columns:1fr}}

/* v3.2 status dots + report analytics final */
.status-dot.status-open{background:#27ae60!important}
.status-dot.status-waiting{background:#f59e0b!important}
.status-dot.status-closed{background:#1687e0!important}
.report-context{display:flex;align-items:center;gap:7px;margin:8px 1px 9px;color:#718096;font-size:9px}.report-context b{color:#2b3c50;font-size:10px}
.report-kpis{display:grid;grid-template-columns:repeat(6,minmax(118px,1fr));gap:9px;margin:9px 0 10px}.report-kpi{position:relative;overflow:hidden;background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:10px 12px;min-height:66px;box-shadow:0 2px 7px rgba(36,55,75,.035)}.report-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#90a4b7}.report-kpi.open:before{background:#27ae60}.report-kpi.waiting:before{background:#f59e0b}.report-kpi.closed:before{background:#1687e0}.report-kpi span{display:block;color:#748294;font-size:9px}.report-kpi b{display:block;margin-top:5px;color:#25374b;font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.report-chart-card{background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:12px;box-shadow:0 2px 7px rgba(36,55,75,.035);min-width:0}.report-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.report-chart-head h3{margin:0;font-size:11px;color:#283a4f}.report-chart-head p{margin:3px 0 0;color:#7f8c9a;font-size:8px}.report-chart-head>b{font-size:18px;color:#26394e}.report-chart-legend{display:flex;align-items:center;gap:4px;color:#768596;font-size:8px;white-space:nowrap}.report-chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-left:5px}.report-chart-legend i.created{background:#5aa0e6}.report-chart-legend i.closed{background:#1687e0}
.report-status-bars{display:grid;gap:9px}.report-status-row{display:grid;grid-template-columns:92px minmax(100px,1fr) 58px;gap:8px;align-items:center}.report-status-row>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#445468}.report-status-row>span i{width:7px;height:7px;border-radius:50%;background:#27ae60}.report-status-row>span i.waiting{background:#f59e0b}.report-status-row>span i.closed{background:#1687e0}.report-status-row>div{height:8px;border-radius:5px;background:#edf2f6;overflow:hidden}.report-status-row>div em{display:block;height:100%;border-radius:5px;background:#27ae60}.report-status-row>div em.waiting{background:#f59e0b}.report-status-row>div em.closed{background:#1687e0}.report-status-row>b{text-align:right;font-size:10px;color:#35475b}.report-status-row>b small{font-weight:400;color:#8895a2;font-size:7px}.report-time-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid #edf1f4;margin-top:13px;padding-top:9px}.report-time-stats div{min-width:0}.report-time-stats span{display:block;color:#8996a4;font-size:7px}.report-time-stats b{display:block;margin-top:2px;color:#394b5f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-daily-chart{display:flex;align-items:stretch;gap:3px;height:128px;padding:2px 2px 0;border-bottom:1px solid #dfe7ee;overflow:hidden}.report-day{flex:1;min-width:14px;display:grid;grid-template-rows:14px 1fr 17px;min-height:0;text-align:center}.report-day-value{font-size:7px;color:#8190a0}.report-day-bars{display:flex;align-items:flex-end;justify-content:center;gap:1px;min-height:0}.report-day-bars i{display:block;width:38%;min-width:3px;max-width:10px;border-radius:2px 2px 0 0;background:#5aa0e6}.report-day-bars i.closed{background:#1687e0}.report-day small{font-size:6px;color:#7c8997;white-space:nowrap;transform:rotate(-40deg);transform-origin:center top;margin-top:3px}
.report-tech-card{margin-bottom:10px}.report-tech-bars{display:grid;gap:7px}.report-tech-row{display:grid;grid-template-columns:130px minmax(120px,1fr) 64px 170px;gap:8px;align-items:center;font-size:8px}.report-tech-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#405166}.report-tech-row>div{height:7px;background:#edf2f6;border-radius:5px;overflow:hidden}.report-tech-row>div em{display:block;height:100%;border-radius:5px;background:#5aa0e6}.report-tech-row>b{font-size:8px;color:#33465b;text-align:right}.report-tech-row>small{color:#7a8998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-table-v32{min-width:1460px}.report-table-v32 th:nth-child(1),.report-table-v32 td:nth-child(1){width:65px}.report-table-v32 th:nth-child(2),.report-table-v32 td:nth-child(2){width:300px}.report-table-v32 th:nth-child(3),.report-table-v32 td:nth-child(3){width:190px}.report-table-v32 th:nth-child(4),.report-table-v32 td:nth-child(4){width:135px}.report-table-v32 th:nth-child(5),.report-table-v32 td:nth-child(5){width:135px}.report-table-v32 th:nth-child(6),.report-table-v32 td:nth-child(6),.report-table-v32 th:nth-child(7),.report-table-v32 td:nth-child(7){width:145px}.report-table-v32 th:nth-child(8),.report-table-v32 td:nth-child(8){width:115px}.report-table-v32 th:nth-child(9),.report-table-v32 td:nth-child(9){width:95px}.report-table-v32 th:nth-child(10),.report-table-v32 td:nth-child(10){width:75px}
@media(max-width:1180px){.report-kpis{grid-template-columns:repeat(3,1fr)}.report-chart-grid{grid-template-columns:1fr}.report-tech-row{grid-template-columns:105px minmax(90px,1fr) 56px 130px}}
@media(max-width:720px){.report-kpis{grid-template-columns:repeat(2,1fr)}.report-time-stats{grid-template-columns:1fr}.report-tech-row{grid-template-columns:90px 1fr 50px}.report-tech-row>small{grid-column:2/4}}

/* =========================================================
   v3.5 - SLA + customer portal + usability refresh
   ========================================================= */

/* Sidebar toggle: attached tab instead of floating circle */
.sidebar-toggle{
  position:absolute!important;
  right:-27px!important;
  top:56px!important;
  width:28px!important;
  height:40px!important;
  border:1px solid #cbd7e3!important;
  border-left:0!important;
  border-radius:0 9px 9px 0!important;
  background:#fff!important;
  color:#4b6075!important;
  box-shadow:2px 2px 7px rgba(31,55,79,.10)!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
.sidebar-toggle:hover{background:#f2f8fc!important;color:#1687e0!important;border-color:#b7cddd!important}
.sidebar-toggle .ui-icon{width:14px!important;height:14px!important;transition:transform .18s ease!important}
body.sidebar-collapsed .sidebar-toggle{right:-27px!important;top:56px!important;transform:none!important}
body.sidebar-collapsed .sidebar-toggle .ui-icon{transform:rotate(180deg)!important}
@media(max-width:720px){.sidebar-toggle{display:none!important}}

/* 20-day chart tooltip */
.sd-spark-bars{overflow:visible!important;padding-top:27px!important}
.sd-spark-bars a{overflow:visible!important}
.sd-spark-bars a em{
  display:none!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 7px)!important;
  transform:translateX(-50%)!important;
  padding:5px 7px!important;
  min-width:max-content!important;
  border-radius:6px!important;
  background:#26384b!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:700!important;
  box-shadow:0 4px 10px rgba(25,43,62,.18)!important;
  z-index:20!important;
  pointer-events:none!important;
}
.sd-spark-bars a em:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#26384b}
.sd-spark-bars a:hover em,.sd-spark-bars a:focus em{display:block!important}

/* Dashboard SLA strip */
.sla-dashboard-strip{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:9px;margin-bottom:0}
.sla-dashboard-item{position:relative;display:grid;gap:3px;min-height:72px;padding:10px 12px;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#2b3b4e;text-decoration:none;box-shadow:0 2px 8px rgba(35,59,82,.04);overflow:hidden}
.sla-dashboard-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8fa0b2}
.sla-dashboard-item.approaching:before{background:#f59e0b}.sla-dashboard-item.breached:before{background:#ef4444}.sla-dashboard-item.success:before{background:#27ae60}
.sla-dashboard-item span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#708093}.sla-dashboard-item b{font-size:18px;line-height:1.1;color:#26384b}.sla-dashboard-item small{font-size:8px;color:#8996a4}.sla-dashboard-item:hover{border-color:#b9d4e6;background:#fbfdff}
@media(max-width:1100px){.sla-dashboard-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.sla-dashboard-strip{grid-template-columns:1fr 1fr}}

/* Customer ticket portal */
.public-ticket-page-v35{width:min(920px,calc(100% - 28px));padding-top:20px!important}
.public-ticket-brand-v35{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:24px!important;
  margin:0 0 14px!important;
  padding:11px 16px!important;
  background:#fff!important;
  border:1px solid #d9e4ec!important;
  border-radius:12px!important;
  box-shadow:0 5px 18px rgba(45,70,95,.05)!important;
}
.public-ticket-brand-v35 img{width:226px!important;max-width:42%!important;height:auto!important;flex:0 0 auto!important}
.public-ticket-brand-v35>div{margin:0!important;padding-left:20px!important;border-left:1px solid #d4dee7!important;display:grid!important;gap:2px!important}
.public-ticket-brand-v35 b{font-size:15px!important}.public-ticket-brand-v35 span{font-size:10px!important}
.public-ticket-overview-v35{padding:20px 24px!important}
.public-ticket-overview-v35 .public-ticket-title h1{font-size:18px!important;line-height:1.3!important;margin-top:4px!important}
.public-ticket-overview-v35 .public-ticket-facts{margin-top:17px!important;padding-top:15px!important}
.public-ticket-notice{margin-bottom:12px;padding:11px 14px;border:1px solid #bfe5cf;border-radius:10px;background:#edf9f2;color:#17683f;font-size:10px;font-weight:700}
.public-ticket-notice.error{border-color:#f0c4c4;background:#fff3f3;color:#a52d2d}
.public-timeline-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:5px;font-size:8px;color:#718295}
.public-timeline-meta b{color:#40546a}.public-timeline-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.public-timeline-files a{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dce6ee;border-radius:7px;background:#f8fbfd;text-decoration:none;color:#40546a;font-size:8px}.public-timeline-files a:hover{border-color:#bcd8e9;background:#eef8fe}.public-timeline-files a span{font-weight:800;color:#1687e0}.public-timeline-files a small{color:#8a97a4}
.public-timeline-item.customer_reply .public-timeline-marker i,.public-timeline-item.reopened .public-timeline-marker i{background:#7c3aed;border-color:#efe9ff}.public-timeline-item.work .public-timeline-marker i{background:#27ae60;border-color:#e8f8f0}.public-timeline-item.closure .public-timeline-marker i{background:#1687e0;border-color:#eaf4fd}
.public-action-card{padding:20px 24px}.public-action-form{display:grid;gap:12px;padding-top:14px}.public-action-form label{display:grid;gap:6px}.public-action-form label>span{font-size:10px;font-weight:800;color:#43566b}.public-action-form textarea{width:100%;min-height:104px;resize:vertical;box-sizing:border-box;border:1px solid #ccd9e3;border-radius:8px;padding:10px 11px;font:11px/1.55 Arial,Helvetica,sans-serif;color:#314359;background:#fff;outline:none}.public-action-form textarea:focus{border-color:#80bce4;box-shadow:0 0 0 3px rgba(22,135,224,.08)}.public-file-field{padding:10px 11px;border:1px dashed #cbd9e4;border-radius:8px;background:#f9fbfd}.public-file-field input{font-size:9px}.public-file-field small{font-size:8px;color:#7d8c9c}.public-action-submit{display:flex;justify-content:flex-end}.public-primary-btn,.public-danger-btn{border:0;border-radius:7px;padding:9px 15px;font-size:10px;font-weight:800;cursor:pointer;color:#fff;background:#1687e0}.public-primary-btn:hover{background:#1176c4}.public-danger-btn{background:#d64545}.public-danger-btn:hover{background:#bd3535}.public-reopen-card{border-color:#f0d0d0}.public-reopen-card .public-section-head h2{color:#b43434}
.satisfaction-card{border-color:#d9e5ef}.satisfaction-question{display:grid;gap:8px}.satisfaction-question>b{font-size:10px;color:#43566b}.star-rating{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;width:max-content}.star-rating input{position:absolute;opacity:0;pointer-events:none}.star-rating label{display:block!important;font-size:30px!important;line-height:1!important;color:#d8dee5!important;cursor:pointer!important;transition:color .12s,transform .12s}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#f5b82e!important}.star-rating label:hover{transform:scale(1.08)}
@media(max-width:720px){.public-ticket-brand-v35{gap:12px!important;padding:10px 13px!important}.public-ticket-brand-v35 img{width:185px!important;max-width:56%!important}.public-ticket-brand-v35>div{padding-left:12px!important}.public-ticket-overview-v35 .public-ticket-title h1{font-size:17px!important}.public-action-card{padding:17px!important}}
@media(max-width:520px){.public-ticket-brand-v35{display:grid!important}.public-ticket-brand-v35 img{max-width:230px!important;width:72%!important}.public-ticket-brand-v35>div{padding:0!important;border:0!important}.public-ticket-facts{grid-template-columns:1fr 1fr!important}}

/* Request detail SLA */
.request-sla-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 12px;margin-top:8px}.request-sla-item{position:relative;display:grid;gap:2px;padding:9px 11px;border:1px solid #dfe7ee;border-radius:7px;background:#f9fbfd;overflow:hidden}.request-sla-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8fa0b2}.request-sla-item span{font-size:8px;text-transform:uppercase;font-weight:800;color:#718194}.request-sla-item b{font-size:11px;color:#304358}.request-sla-item small{font-size:8px;color:#8795a4}.request-sla-item.running:before{background:#27ae60}.request-sla-item.approaching{background:#fffaf0;border-color:#f3ddae}.request-sla-item.approaching:before{background:#f59e0b}.request-sla-item.breached{background:#fff4f4;border-color:#f0c5c5}.request-sla-item.breached:before{background:#ef4444}.request-sla-item.met{background:#f0faf5;border-color:#cbe8d8}.request-sla-item.met:before{background:#27ae60}.request-sla-item.disabled{opacity:.72}.request-sla-item.neutral b{letter-spacing:1px;color:#d99b00}
.conversation-item.from-customer{border-left:3px solid #7c3aed;background:#fbf9ff}.conversation-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.conversation-attachments a{font-size:9px;text-decoration:none;color:#1377b9;border:1px solid #d7e4ed;border-radius:5px;background:#fff;padding:5px 7px}.conversation-attachments a:hover{background:#eef8fe}
@media(max-width:850px){.request-sla-strip{grid-template-columns:1fr}}

/* SLA settings */
.sla-settings-page{display:grid;gap:12px;max-width:1250px}.sla-settings-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.sla-settings-head h2{margin:0;font-size:17px;color:#283a4e}.sla-settings-head p{margin:5px 0 0;max-width:760px;font-size:10px;line-height:1.55;color:#738396}.sla-head-state{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:16px;background:#eaf8f1;color:#17784b;font-size:9px;font-weight:800}.sla-head-state i{width:8px;height:8px;border-radius:50%;background:#27ae60}.sla-head-state.off{background:#f2f4f6;color:#6b7785}.sla-head-state.off i{background:#9aa7b4}
.sla-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:9px}.sla-summary-card{position:relative;display:grid;gap:3px;min-height:80px;padding:12px 13px;border:1px solid #dce6ee;border-radius:8px;background:#fff;text-decoration:none;color:#2d3e52;overflow:hidden}.sla-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8da0b2}.sla-summary-card.approaching:before{background:#f59e0b}.sla-summary-card.breached:before{background:#ef4444}.sla-summary-card.success:before{background:#27ae60}.sla-summary-card span{font-size:8px;font-weight:800;color:#708094;text-transform:uppercase}.sla-summary-card b{font-size:19px}.sla-summary-card small{font-size:8px;color:#8795a4}.sla-summary-card:hover{border-color:#b9d4e6}
.sla-settings-form{padding:17px}.sla-form-top{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:14px}.sla-switch-row,.sla-warning-field{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dfe7ee;border-radius:8px;background:#fbfcfd}.sla-switch-row input{margin-top:2px}.sla-switch-row span{display:grid;gap:3px}.sla-switch-row b,.sla-warning-field>span{font-size:10px;color:#35485d}.sla-switch-row small,.sla-warning-field small{font-size:8px;color:#7d8c9c}.sla-warning-field{display:grid!important;gap:6px}.sla-warning-field>div{display:flex;align-items:center;gap:7px}.sla-warning-field input{width:95px}.sla-warning-field em{font-size:9px;color:#607286;font-style:normal}
.sla-priority-table-wrap{overflow:auto;border:1px solid #e0e7ed;border-radius:8px}.sla-priority-table{width:100%;border-collapse:collapse;min-width:760px}.sla-priority-table th{padding:9px 10px;text-align:left;background:#f6f9fb;color:#5d6e80;font-size:8px;text-transform:uppercase}.sla-priority-table td{padding:10px;border-top:1px solid #edf1f4;vertical-align:middle;font-size:9px}.sla-priority-table td>small{display:block;margin-top:4px;color:#8491a0}.priority-pill{display:inline-flex;padding:4px 8px;border-radius:12px;background:#edf3f7;color:#586a7c;font-weight:800}.priority-pill.urgent{background:#fff0f0;color:#bd3232}.priority-pill.high{background:#fff6df;color:#a66b00}.priority-pill.normal{background:#e9f8f0;color:#17784b}.priority-pill.low{background:#edf5fd;color:#2974a8}.sla-minute-input{display:flex;align-items:center;width:130px;border:1px solid #d6e0e8;border-radius:6px;background:#fff;overflow:hidden}.sla-minute-input input{width:88px;border:0!important;box-shadow:none!important}.sla-minute-input span{font-size:8px;color:#718194;padding:0 8px}.sla-settings-note{display:grid;grid-template-columns:190px 1fr;gap:7px 12px;margin-top:14px;padding:12px;border-radius:8px;background:#f5f9fc;font-size:9px}.sla-settings-note b{color:#40546a}.sla-settings-note span{color:#718194}.sla-form-actions{display:flex;justify-content:flex-end;margin-top:13px}
@media(max-width:950px){.sla-summary-grid{grid-template-columns:repeat(3,1fr)}.sla-form-top{grid-template-columns:1fr}}@media(max-width:620px){.sla-summary-grid{grid-template-columns:1fr 1fr}.sla-settings-head{align-items:flex-start;flex-direction:column}.sla-settings-note{grid-template-columns:1fr}}

/* Technician performance */
.technician-table-v35{min-width:1580px}.technician-table-v35 th,.technician-table-v35 td{white-space:nowrap}.tech-rating-cell,.tech-sla-cell{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:1px 3px}.tech-rating-cell b,.tech-sla-cell b{font-size:11px}.tech-rating-cell>span{color:#f5b82e}.tech-rating-cell small,.tech-sla-cell small{grid-column:1/3;font-size:7px;color:#8492a0}.performance-formula-note{padding:10px 12px;border-top:1px solid #e6edf2;background:#f8fafc;font-size:8px;color:#718194}.performance-formula-note b{color:#425469}

/* Notification center SLA colors */
.notification-row.sla_warning .notification-row-icon{background:#fff7df!important;color:#a86b00!important}.notification-row.sla_breach .notification-row-icon{background:#fff0f0!important;color:#c43d3d!important}.notification-row.customer_reply .notification-row-icon,.notification-row.customer_reopened .notification-row-icon{background:#f1ecff!important;color:#7443c6!important}

/* =========================================================
   GERCEK DESTEK CLIENT
   ========================================================= */

.company-client-cell{
    min-width:245px;
}

.company-client-box{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.company-client-code-row{
    display:flex;
    align-items:center;
    gap:6px;
}

.company-client-code{
    display:block;
    max-width:170px;
    padding:5px 7px;
    border:1px solid #d8e3ec;
    border-radius:6px;
    background:#f7fafc;
    color:#26445d;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:10px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.company-client-meta{
    display:flex;
    align-items:center;
    gap:8px;
    color:#6b7b89;
    font-size:10px;
}

.company-client-meta b{
    color:#253b4d;
}

.company-client-renew-button{
    padding:0;
    border:0;
    background:none;
    color:#1976b8;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}

.company-client-renew-button:hover{
    text-decoration:underline;
}


.client-device-page{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.client-device-page-head h2{
    margin:5px 0 4px;
}

.client-device-page-head p{
    margin:0;
    color:#6d7c89;
}

.client-back-link{
    color:#1976b8;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.client-back-link:hover{
    text-decoration:underline;
}

.client-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.client-summary-card{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:17px 19px;
}

.client-summary-label{
    color:#778692;
    font-size:11px;
    font-weight:600;
}

.client-summary-number{
    color:#263b4c;
    font-size:25px;
    line-height:30px;
}

.client-summary-active{
    color:#219653;
}

.client-install-card{
    padding:18px;
}

.client-install-code-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    flex-wrap:wrap;
}

.client-install-code{
    min-width:260px;
    padding:9px 12px;
    border:1px solid #d5e0e8;
    border-radius:7px;
    background:#f7fafc;
    color:#233f55;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:12px;
    font-weight:800;
}

.client-install-help{
    margin-top:13px;
    padding:10px 12px;
    border-radius:7px;
    background:#f8fafc;
    color:#687987;
    font-size:10px;
    line-height:1.7;
}

.client-install-help code{
    color:#28475e;
    font-size:10px;
}

.client-device-table-card{
    padding:18px;
}

.client-device-table{
    width:100%;
    border-collapse:collapse;
}

.client-device-table th{
    padding:10px 9px;
    border-bottom:1px solid #dce5ec;
    color:#687985;
    font-size:10px;
    font-weight:700;
    text-align:left;
    white-space:nowrap;
}

.client-device-table td{
    padding:11px 9px;
    border-bottom:1px solid #edf1f4;
    color:#354a5b;
    font-size:11px;
    vertical-align:middle;
}

.client-device-table tbody tr:hover{
    background:#f8fbfd;
}

.client-device-name{
    display:flex;
    align-items:center;
    gap:7px;
}

.client-device-table td small{
    display:block;
    margin-top:3px;
    color:#8a98a4;
    font-size:9px;
}

.client-device-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22a05a;
    box-shadow:0 0 0 3px rgba(34,160,90,.10);
}

.client-device-dot.off{
    background:#aeb7bf;
    box-shadow:none;
}

.client-device-passive{
    opacity:.63;
}

.client-device-windows{
    display:block;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.client-device-state{
    min-width:55px;
    padding:5px 10px;
    border:1px solid #9dd9b7;
    border-radius:14px;
    background:#edf9f2;
    color:#178547;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}

.client-device-state.off{
    border-color:#d5dce1;
    background:#f2f4f6;
    color:#7d8992;
}

.client-device-empty{
    padding:30px!important;
    color:#84919b!important;
    text-align:center!important;
}

@media(max-width:900px){
    .client-summary-grid{
        grid-template-columns:1fr;
    }

    .client-install-code{
        min-width:0;
        width:100%;
    }
}

/* =========================================================
   v3.6 - Full responsive pass + mail-rating landing page
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
.app main,.content,.card,.request-detail,.standard-page{min-width:0;max-width:100%}
img,video,canvas,svg{max-width:100%}
.table-scroll,.report-table-scroll,.mail-log-wrap,.sla-priority-table-wrap,.month-calendar-wrap,.calendar-v21-gridwrap,.sd-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}

/* Public closure rating confirmation */
.rating-landing-body{display:grid;place-items:center;padding:20px;min-height:100vh}
.rating-landing-page{width:min(560px,100%)}
.rating-landing-card{padding:28px 28px 30px;border:1px solid #d9e4ec;border-radius:16px;background:#fff;box-shadow:0 14px 42px rgba(35,58,80,.10);text-align:center}
.rating-landing-logo{display:block;width:230px;max-width:72%;height:auto;margin:0 auto 24px}
.rating-landing-icon{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;font-size:25px;font-weight:900}
.rating-landing-icon.pending{background:#fff7df;color:#d59617}.rating-landing-icon.success{background:#eaf8f1;color:#168a55}.rating-landing-icon.error{background:#fff0f0;color:#c43d3d}
.rating-landing-card h1{margin:0;color:#26394d;font-size:22px;line-height:1.3}.rating-landing-card p{margin:10px auto 18px;max-width:430px;color:#68798a;font-size:12px;line-height:1.65}
.rating-landing-stars{display:flex;justify-content:center;gap:5px;margin:12px 0 4px;font-size:32px;line-height:1}.rating-landing-stars span{color:#d8dee5}.rating-landing-stars span.filled{color:#f5b82e}
.rating-landing-link{display:inline-block;padding:10px 16px;border-radius:7px;background:#1687e0;color:#fff!important;text-decoration:none;font-size:11px;font-weight:800;border:0;cursor:pointer}
.rating-landing-link.button{font-family:inherit}.rating-auto-form{margin:0}

/* Make the public status palette consistent with the rest of the panel. */
.public-status.open{background:#eaf8f1!important;color:#17784b!important}.public-status.open i{background:#27ae60!important}
.public-status.waiting{background:#fff7df!important;color:#a86b00!important}.public-status.waiting i{background:#f59e0b!important}
.public-status.closed{background:#eaf4fd!important;color:#166fae!important}.public-status.closed i{background:#1687e0!important}

@media(max-width:1180px){
  .dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-kpis,.report-kpi-grid-v32{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mail-primary-grid,.mail-secondary-grid{grid-template-columns:1fr}
  .technician-admin-grid{grid-template-columns:1fr}
  .account-settings-grid-v28{grid-template-columns:1fr}
  .report-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}
  .template-preview-panel{position:static}
}

@media(max-width:980px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two,.dashboard-layout,.dashboard-bottom,.report-chart-grid,.report-charts-v32,.solution-template-layout,.zimbra-calendar-grid,.recovery-grid,.mail-maintenance-grid{grid-template-columns:1fr!important}
  .report-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}
  .planning-grid-v22,.company-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sla-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .template-editor-grid{grid-template-columns:1fr!important;grid-template-areas:"editor" "preview"!important}
  .template-preview-panel iframe{height:520px}
  .dashboard-v26 .sd-grid-v22{grid-template-columns:1fr!important}
  .public-ticket-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:720px){
  body.sidebar-mobile-open{overflow:hidden}
  body.sidebar-mobile-open:after{content:"";position:fixed;inset:0;background:rgba(15,27,40,.38);z-index:15}
  #sidebar{z-index:30;box-shadow:14px 0 35px rgba(15,27,40,.18)}
  header{height:56px;padding:0 10px;gap:8px}
  .header-left{min-width:0;display:flex;align-items:center;gap:8px}.header-left>b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
  .header-user{gap:5px}.header-user .header-account-link,.header-sep{display:none}.header-user>a{min-width:34px;min-height:34px;justify-content:center}.header-user>a:last-child>span{display:none}
  .content{padding:10px 9px 18px}
  .card{padding:13px;border-radius:8px}
  .grid,.two,.form-row,.request-properties-form,.request-properties-form-v21,.planning-grid-v22,.company-form-grid,.zimbra-calendar-grid,.account-settings-grid-v28,.sla-form-top{grid-template-columns:1fr!important}
  .dashboard-kpi-grid,.dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,.client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-head,.reports-head,.rules-page-head,.mail-page-head,.company-page-head,.section-title-row,.sla-settings-head{align-items:flex-start!important;flex-direction:column!important}
  .quick-actions,.reports-export,.mail-page-actions{width:100%}.quick-actions .btn,.reports-export .btn,.mail-page-actions .btn{flex:1;text-align:center}
  .report-filter-card{grid-template-columns:1fr!important}.report-filter-actions{grid-column:auto!important}
  .request-toolbar{align-items:flex-start;flex-wrap:wrap}.request-toolbar-left,.request-toolbar-right{width:100%}.request-toolbar-right{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
  .mobile-status-filters{scrollbar-width:thin}
  .kanban{padding:5px;gap:8px;scroll-snap-type:x proximity}.kanban>.column,.kanban[data-kanban-mode="technician"]>.column{flex:0 0 min(84vw,320px)!important;width:min(84vw,320px)!important;min-width:min(84vw,320px)!important;scroll-snap-align:start}
  .ticket,.status-kanban .ticket{height:auto!important;min-height:145px!important;max-height:none!important}
  .detail-top-actions,.detail-heading,.conversation-head{flex-wrap:wrap}.detail-top-actions{gap:6px}.detail-top-actions-left,.detail-top-actions-right{width:100%;display:flex;flex-wrap:wrap;gap:6px}.detail-heading{padding:12px}.detail-title{font-size:15px}.detail-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.detail-tabs span,.detail-tabs a{flex:0 0 auto}
  .properties-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.properties-table tbody{min-width:650px;display:table;width:100%}
  .request-sla-strip{grid-template-columns:1fr!important}
  .conversation-item{padding:11px 12px}.conversation-item-head{align-items:flex-start;flex-wrap:wrap;gap:4px}.conversation-text{overflow-wrap:anywhere}
  .attachment-card{min-width:0}.attachments-grid{grid-template-columns:1fr!important}
  .company-table-card,.technician-table-card,.report-table-card{padding:10px!important;overflow:hidden}.company-domain-table{min-width:900px}.technician-table,.technician-table-v35{min-width:1100px}.report-table,.report-table-v32{min-width:980px}.mail-log-table{min-width:850px}
  .company-actions-wrap,.row-actions{flex-wrap:wrap}
  .new-request-page-v22{max-width:100%}.new-request-hero-v22{grid-template-columns:auto minmax(0,1fr)!important;padding:13px!important}.new-request-source{grid-column:1/-1;justify-self:start}.new-request-card-v22,.new-request-section-v22,.new-request-planning-v22{padding-left:13px!important;padding-right:13px!important}
  .new-request-footer-v22,.editor-actions,.account-form-actions,.sla-form-actions{display:flex;gap:7px;flex-wrap:wrap}.new-request-footer-v22>* ,.editor-actions>* ,.account-form-actions>* ,.sla-form-actions>*{flex:1 1 150px;text-align:center}
  .account-profile-v28{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important}.account-profile-status{grid-column:1/-1;justify-self:stretch}.account-profile-title{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.account-profile-main p{overflow-wrap:anywhere}
  .calendar-v21-top{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.calendar-nav-cluster,.calendar-v21-actions{width:100%;justify-content:space-between}.calendar-filter{min-width:0;max-width:100%;flex:1}.calendar-v21-title{text-align:left!important}.calendar-v21-gridwrap{border-radius:8px}.calendar-v21-weekdays,.calendar-v21-grid{min-width:760px}.calendar-v21-day{min-height:125px!important}
  .month-weekdays,.month-calendar{min-width:760px}
  .report-chart-card,.report-chart-card-v32{padding:10px}.report-status-row{grid-template-columns:78px minmax(90px,1fr) 52px}.report-time-stats{grid-template-columns:1fr 1fr}.report-daily-chart{overflow-x:auto}.report-day{min-width:24px}
  .mail-config-card,.mail-small-card{padding:12px}.mail-config-title{align-items:flex-start}.mail-inline-tools,.mail-tool-row,.mail-form-actions{flex-wrap:wrap}.mail-form-actions>*{flex:1 1 140px}.mail-summary{grid-template-columns:1fr 1fr!important}
  .rules-list-v18{overflow:hidden}.rule-line-v18{grid-template-columns:38px 34px minmax(0,1fr) 65px!important;padding:9px!important}.rule-edit-link{grid-column:3/5;text-align:left!important;padding-left:0}.rule-main-link{min-width:0}.rule-main-link b,.rule-main-link small{overflow-wrap:anywhere}
  .template-editor-panel,.template-preview-panel{min-width:0}.template-field textarea{min-height:360px!important;font-size:11px}.template-preview-panel iframe{height:430px!important}.template-help-line{overflow-wrap:anywhere;line-height:1.7}
  .sla-priority-table{min-width:680px}.sla-settings-form{padding:12px}.sla-settings-note{grid-template-columns:1fr!important}
  .modal-backdrop{padding:10px;align-items:flex-end}.assign-modal,.company-edit-modal,.domain-edit-modal,.request-delete-modal,.ticket-card-delete-modal,.password-reset-modal,.calendar-reschedule-modal{max-width:100%!important;border-radius:13px 13px 0 0!important;max-height:90vh;overflow:auto}
  .notification-stack{left:9px;right:9px;top:64px;width:auto}.live-notification{grid-template-columns:34px minmax(0,1fr) 24px}.live-notification-content span{white-space:normal}
  .public-ticket-page,.public-ticket-page-v35{width:min(100% - 18px,920px)!important;padding:10px 0 18px!important}.public-ticket-brand-v35{display:flex!important;gap:10px!important;padding:10px 12px!important;border-radius:12px!important}.public-ticket-brand-v35 img{width:180px!important;max-width:52%!important}.public-ticket-brand-v35>div{padding-left:10px!important}.public-ticket-overview,.public-ticket-overview-v35,.public-ticket-timeline-card,.public-action-card{padding:15px!important}.public-ticket-title{gap:10px}.public-ticket-overview-v35 .public-ticket-title h1{font-size:16px!important;overflow-wrap:anywhere}.public-ticket-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 8px}.public-section-head{gap:8px}.public-timeline-item{grid-template-columns:22px minmax(0,1fr);gap:7px}.public-timeline-head{display:grid;gap:3px}.public-timeline-meta{flex-wrap:wrap}.public-timeline-files a{max-width:100%;overflow:hidden}.public-timeline-files b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-action-submit{justify-content:stretch}.public-primary-btn,.public-danger-btn{width:100%;min-height:42px}.star-rating label{font-size:34px!important}
  .rating-landing-body{padding:12px}.rating-landing-card{padding:22px 16px 24px;border-radius:13px}.rating-landing-logo{width:205px;margin-bottom:18px}.rating-landing-card h1{font-size:19px}.rating-landing-stars{font-size:34px}
}

@media(max-width:480px){
  .dashboard-kpi-grid,.dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,.mail-summary,.client-summary-grid{grid-template-columns:1fr!important}
  .kpi-card,.dashboard-kpi{min-height:68px}
  .quick-actions,.reports-export{display:grid!important;grid-template-columns:1fr!important}.quick-actions .btn,.reports-export .btn{width:100%}
  .report-time-stats{grid-template-columns:1fr}
  .public-ticket-brand-v35{display:grid!important}.public-ticket-brand-v35 img{width:190px!important;max-width:78%!important}.public-ticket-brand-v35>div{padding:0!important;border-left:0!important}.public-ticket-facts{grid-template-columns:1fr!important}.public-status{justify-self:start}.public-ticket-title{display:grid!important}.public-section-head{display:grid}.public-section-head>span{justify-self:start}.public-timeline-detail{font-size:11px}.public-ticket-footer{padding:0 8px;line-height:1.5}
  .rating-landing-stars{gap:2px;font-size:30px}
  .btn{min-height:38px}
}


/* v3.6 standalone/public pages: login, install, health and request form */
.standalone-shell{width:min(calc(100% - 28px),1040px);margin:38px auto;padding:0}
.standalone-shell-login{max-width:420px;margin-top:58px}
.standalone-shell-wide{max-width:880px}
.standalone-shell-health{max-width:1040px}
.standalone-shell-form{max-width:760px}
.standalone-shell .card{min-width:0}
.standalone-shell table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.standalone-shell table tbody{display:table;width:100%;min-width:620px}
.standalone-shell-login table tbody,.standalone-shell-form table tbody{min-width:0}
.public-form-body{min-width:0}
@media(max-width:720px){
  .standalone-shell{width:min(calc(100% - 18px),1040px);margin:14px auto;padding:0}
  .standalone-shell-login{margin-top:24px}
  .standalone-shell .card{padding:16px!important;border-radius:10px}
  .standalone-shell h1{font-size:20px;line-height:1.25;overflow-wrap:anywhere}
  .standalone-shell .form-row{grid-template-columns:1fr!important}
  .standalone-shell .button-row,.standalone-shell p:has(.btn){display:flex;gap:7px;flex-wrap:wrap}
  .standalone-shell p:has(.btn) .btn{flex:1 1 150px;text-align:center}
  .standalone-shell-form img{max-width:220px!important}
}
@media(max-width:480px){
  .standalone-shell{width:calc(100% - 14px);margin:8px auto}
  .standalone-shell .card{padding:13px!important}
  .standalone-shell-login .card{padding:20px 15px!important}
  .standalone-shell-login img{width:82%!important;max-width:220px!important}
  .standalone-shell .btn{width:100%;text-align:center;justify-content:center}
}

/* =========================================================
   v3.7 - Rating audit/reporting + request overflow guards
           + full mobile/tablet hardening
   ========================================================= */

/* Ticket description: keep oversized HTML e-mails/signatures inside the card. */
.request-message-card{min-width:0;overflow:hidden}
.request-message-card .email-body{
  width:100%;
  height:340px;
  min-height:340px;
  max-height:340px;
  overflow-y:auto!important;
  overflow-x:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:10px 12px 10px 0;
  scrollbar-gutter:stable;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.request-message-card .email-body *{box-sizing:border-box;max-width:100%}
.request-message-card .email-body table{width:100%!important;max-width:100%!important;table-layout:auto!important}
.request-message-card .email-body img{max-width:100%!important;height:auto!important;object-fit:contain}
.request-message-card .email-body pre,
.request-message-card .email-body code{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.request-message-card .email-body iframe{max-width:100%!important}

/* Rating audit card in ticket detail. */
.section-subtext{display:block;margin-top:3px;color:#778799;font-size:9px;font-weight:400;line-height:1.45}
.request-rating-section{background:#fbfdff}
.request-rating-list{display:grid;gap:10px}
.request-rating-card{min-width:0;border:1px solid #dbe5ed;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(23,50,77,.025)}
.request-rating-score{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border-bottom:1px solid #edf2f6;background:#fffdf7}
.request-rating-stars{color:#f1ad17;font-size:17px;line-height:1;letter-spacing:1px;white-space:nowrap}
.request-rating-score>b{font-size:11px;color:#70510d}
.request-rating-score>em{margin-left:auto;padding:4px 7px;border-radius:11px;background:#fff3cf;color:#8a6412;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
.request-rating-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #edf2f6}
.request-rating-meta>div{min-width:0;padding:9px 11px;border-right:1px solid #edf2f6;border-bottom:1px solid #edf2f6}
.request-rating-meta>div:nth-child(4n){border-right:0}
.request-rating-meta span,.request-rating-comment span{display:block;margin-bottom:3px;color:#82909d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.request-rating-meta b{display:block;min-width:0;color:#2e4051;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.request-rating-comment{padding:10px 12px;background:#fbfcfd}
.request-rating-comment p{margin:0;color:#394b5d;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.request-rating-empty{padding:20px 12px;border:1px dashed #d7e1e9;border-radius:7px;background:#fff;color:#81909e;text-align:center;font-size:10px}

/* Rating report table. */
.report-rating-table-card{border-top:3px solid #efb431}
.report-rating-table{min-width:1460px!important}
.report-rating-stars{display:inline-block;color:#efad1d;white-space:nowrap;letter-spacing:.3px}
.report-rating-source{display:inline-flex;align-items:center;padding:4px 7px;border-radius:12px;font-size:9px;font-weight:800;white-space:nowrap}
.report-rating-source.email{background:#eaf4fd;color:#166fae}
.report-rating-source.portal{background:#eef8f2;color:#17784b}
.report-rating-comment{max-width:270px;white-space:normal!important;overflow-wrap:anywhere}
.report-kpi.rating{border-top-color:#efb431!important}

/* Universal width guards. Prevent one long value/HTML block from widening the page. */
.app,.app main,.content,.content>*,.request-workspace-surface,.request-tab-panel,.workspace-card,
.report-chart-card,.report-table-card,.mail-config-card,.mail-small-card,.company-table-card,
.technician-table-card,.calendar-v21-page,.calendar-v21-gridwrap,.template-editor-grid,
.template-editor-panel,.template-preview-panel,.new-request-page-v22,.account-page-v28,
.sla-settings-page,.client-page{min-width:0;max-width:100%}
.content a,.content b,.content span,.content p,.content small,.content td,.content th{overflow-wrap:anywhere}

@media(max-width:1180px){
  .request-rating-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .request-rating-meta>div:nth-child(4n){border-right:1px solid #edf2f6}
  .request-rating-meta>div:nth-child(2n){border-right:0}
  .report-rating-table{min-width:1320px!important}
  .request-message-card .email-body{height:320px;min-height:320px;max-height:320px}
  .content{padding-left:14px;padding-right:14px}
  .report-tech-row{grid-template-columns:minmax(130px,180px) minmax(130px,1fr) auto!important}
  .report-tech-row small{grid-column:2/-1!important}
}

@media(max-width:980px){
  /* Tablet: action/header rows can wrap instead of overflowing. */
  .dashboard-head,.reports-head,.rules-page-head,.mail-page-head,.company-page-head,.section-title-row,
  .sla-settings-head,.workspace-head,.calendar-v21-actions,.calendar-nav-cluster,.mail-statusbar,
  .mail-config-title,.mail-inline-tools,.mail-tool-row,.editor-actions,.new-request-footer-v22,
  .account-form-actions,.sla-form-actions,.company-actions-wrap,.row-actions,.button-row{
    flex-wrap:wrap!important;
  }
  .report-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-filter-card .report-creator{grid-column:1/-1!important}
  .report-filter-actions{grid-column:1/-1!important;justify-content:flex-start!important}
  .request-message-card .email-body{height:300px;min-height:300px;max-height:300px}
  .detail-heading-main,.detail-heading-side,.detail-meta,.mail-route{min-width:0;max-width:100%}
  .mail-route{overflow-wrap:anywhere}
}

@media(max-width:760px){
  /* Every ordinary panel table remains usable on phone instead of pushing the viewport. */
  .content table:not(.properties-table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .content table:not(.properties-table)>thead,
  .content table:not(.properties-table)>tbody,
  .content table:not(.properties-table)>tfoot{width:max-content;min-width:100%;display:table}

  .content{padding:8px 7px 16px!important}
  .request-workspace-surface{padding:4px!important}
  .request-workspace-surface>.request-tab-panel{border-radius:5px}
  .detail-section,.request-message-card{padding:11px!important}
  .request-message-card .section-title-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin-bottom:7px}
  .request-message-card .email-body{height:280px;min-height:280px;max-height:280px;padding:8px 6px 8px 0;font-size:12px}
  .request-rating-meta{grid-template-columns:1fr}
  .request-rating-meta>div,.request-rating-meta>div:nth-child(2n),.request-rating-meta>div:nth-child(4n){border-right:0}
  .request-rating-score{flex-wrap:wrap}
  .request-rating-score>em{margin-left:0;width:100%;text-align:center}
  .request-rating-stars{font-size:19px}

  .report-rating-table{min-width:1240px!important}
  .report-kpis,.report-kpi-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-filter-card{grid-template-columns:1fr!important}
  .report-filter-card .report-creator,.report-filter-actions{grid-column:auto!important}
  .report-filter-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .report-filter-actions .btn{width:100%;text-align:center}
  .report-table-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}

  /* Forms and controls become thumb-friendly and stack cleanly. */
  input,select,textarea,.btn,button{font-size:16px}
  input,select{min-height:40px}
  textarea{min-height:110px}
  .btn,button.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .form,.form-row,.two,.grid,.planning-grid-v22,.company-form-grid,.request-properties-form-v21,
  .account-settings-grid-v28,.sla-form-top,.mail-primary-grid,.mail-secondary-grid{
    min-width:0!important;
  }
  .request-properties-form-v21{padding:10px!important}
  .request-properties-form-v21 .property-save,.request-properties-form-v21 .property-save .btn{width:100%}

  .detail-top-actions-left,.detail-top-actions-right{min-width:0}
  .detail-top-actions .btn,.detail-top-actions a.btn{flex:1 1 120px;text-align:center}
  .detail-meta{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .detail-heading-side{width:100%}
  .detail-heading-side .badge{justify-self:start}
  .conversation-head{gap:7px!important}
  .conversation-head>*{flex:0 0 auto}
  .conversation-head b{width:100%}

  .modal-backdrop{max-width:100vw;overflow:hidden}
  .modal-backdrop>div{width:100%!important;max-width:100%!important}
  .toast{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:none!important}
}

@media(max-width:520px){
  .request-message-card .email-body{height:250px;min-height:250px;max-height:250px}
  .report-kpis,.report-kpi-grid-v32,.dashboard-kpi-grid,.dashboard-kpis,.sla-summary-grid,.mail-summary{grid-template-columns:1fr!important}
  .report-filter-actions{grid-template-columns:1fr!important}
  .request-rating-card{border-radius:6px}
  .request-rating-meta>div{padding:8px 9px}
  .request-rating-comment{padding:9px}
  .request-rating-stars{font-size:18px}
  .section-title-row h3,.workspace-head h3{font-size:12px!important}
  .header-user{max-width:45%;justify-content:flex-end}
  .public-ticket-page,.public-ticket-page-v35{width:calc(100% - 10px)!important}
  .standalone-shell{width:calc(100% - 10px)!important}
}
.report-rating-table th:nth-child(1),.report-rating-table td:nth-child(1){width:250px}
.report-rating-table th:nth-child(2),.report-rating-table td:nth-child(2){width:125px}
.report-rating-table th:nth-child(3),.report-rating-table td:nth-child(3){width:145px}
.report-rating-table th:nth-child(4),.report-rating-table td:nth-child(4){width:190px}
.report-rating-table th:nth-child(5),.report-rating-table td:nth-child(5){width:190px}
.report-rating-table th:nth-child(6),.report-rating-table td:nth-child(6){width:125px}
.report-rating-table th:nth-child(7),.report-rating-table td:nth-child(7){width:150px}
.report-rating-table th:nth-child(8),.report-rating-table td:nth-child(8){width:145px}
.report-rating-table th:nth-child(9),.report-rating-table td:nth-child(9){width:145px}
.report-rating-table th:nth-child(10),.report-rating-table td:nth-child(10){width:260px}

/* =========================================================
   v3.8 FINAL - tablet/mobile hardening + standard ticket actions
   ========================================================= */

/* Tek bir standart talep aksiyon tasarımı: görüntüle / aç / yeniden aç / gönder. */
.ticket-action-btn,
.public-primary-btn,
.public-danger-btn,
.rating-landing-link{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 18px;
  border:1px solid #1687e0!important;
  border-radius:6px!important;
  background:#1687e0!important;
  color:#fff!important;
  font-family:Segoe UI,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:800!important;
  text-align:center;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.ticket-action-btn:hover,
.public-primary-btn:hover,
.public-danger-btn:hover,
.rating-landing-link:hover{background:#1176c4!important;border-color:#1176c4!important;filter:none!important}
.ticket-action-btn:active,
.public-primary-btn:active,
.public-danger-btn:active,
.rating-landing-link:active{transform:translateY(1px)}
.ticket-action-btn:focus-visible,
.public-primary-btn:focus-visible,
.public-danger-btn:focus-visible,
.rating-landing-link:focus-visible{outline:3px solid rgba(22,135,224,.22);outline-offset:2px}

/* Uzun HTML mail açıklaması sayfayı artık asla genişletmez. */
.email-body-frame,
.email-body-scroll{
  display:block;
  width:100%;
  max-width:100%;
  height:360px;
  min-height:360px;
  max-height:360px;
  border:1px solid #e4eaf0;
  border-radius:6px;
  background:#fff;
  overflow:auto;
}
.email-body-frame{padding:0}
.email-body-scroll{
  padding:10px 12px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Raporlardaki teknisyen puanı gerçekten tıklanabilir görünür. */
.tech-rating-link{display:block;color:inherit;text-decoration:none;border-radius:6px}
.tech-rating-link:hover{background:#fff8e7;box-shadow:0 0 0 1px #f0d58f}
.tech-rating-link:focus-visible{outline:3px solid rgba(239,180,49,.25);outline-offset:2px}
.satisfaction-tech-link{color:#1687e0;text-decoration:none;font-weight:700}
.satisfaction-tech-link:hover{text-decoration:underline}
.satisfaction-report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}
.satisfaction-distribution{display:grid;gap:9px}
.satisfaction-distribution-row{display:grid;grid-template-columns:42px minmax(90px,1fr) 72px;align-items:center;gap:8px;font-size:11px}
.satisfaction-distribution-row>div{height:9px;border-radius:8px;background:#edf1f4;overflow:hidden}.satisfaction-distribution-row em{display:block;height:100%;background:#efb431;border-radius:8px}
.satisfaction-distribution-row b{text-align:right}.satisfaction-distribution-row small{color:#84919d;font-weight:500}
.satisfaction-tech-summary{display:grid;gap:6px}.satisfaction-tech-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:8px 9px;border:1px solid #e6ebef;border-radius:6px;color:#334155;text-decoration:none}.satisfaction-tech-row:hover{background:#f8fbfd;border-color:#d5e4ee}.satisfaction-tech-row small{grid-column:1/-1;color:#7b8996;font-size:9px}.satisfaction-filter-context{margin-bottom:10px}.satisfaction-results-card{margin-top:10px}

/* Temel genişlik korumaları. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app,.app>main,.content,.content>*,.card,.request-detail,.workspace-card,.reports-head,.report-filter-card,.report-table-card,.report-chart-card,
.notifications-page,.mail-page,.company-page,.technician-page,.calendar-v21-page,.new-request-page-v22,.account-page-v28,.sla-settings-page,
.public-ticket-page,.rating-landing-page,.standalone-shell{min-width:0;max-width:100%}
.content img,.content video,.content iframe,.content pre,.content code{max-width:100%}
.content pre,.content code{overflow-wrap:anywhere;word-break:break-word}

/* Tablet: JS 1024px altında mobil mod kullanıyor; CSS de aynı eşikte drawer olur. */
@media(max-width:1024px){
  body.sidebar-mobile-open{overflow:hidden}
  body.sidebar-mobile-open:after{content:"";position:fixed;inset:0;background:rgba(15,27,40,.42);z-index:25}
  #sidebar,
  body:not(.sidebar-mobile-open) #sidebar,
  body.sidebar-collapsed #sidebar{
    width:min(280px,86vw)!important;
    transform:translateX(-105%)!important;
    transition:transform .2s ease!important;
    z-index:40!important;
    overflow-y:auto!important;
    overflow-x:visible!important;
  }
  body.sidebar-mobile-open #sidebar{transform:translateX(0)!important}
  body.sidebar-mobile-open .brand-logo-full{display:block!important}
  body.sidebar-mobile-open .brand-logo-mark{display:none!important}
  body.sidebar-mobile-open nav a>span,
  body.sidebar-mobile-open .nav-section,
  body.sidebar-mobile-open .sidebar-footer{display:block!important}
  body.sidebar-mobile-open nav a{justify-content:flex-start!important}
  .sidebar-toggle{display:none!important}
  main,body.sidebar-collapsed main,body:not(.sidebar-mobile-open) main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
  }
  .header-menu-btn{display:inline-grid!important;flex:0 0 38px}
  header{padding:0 12px!important;gap:10px}
  .header-left{min-width:0;flex:1}
  .header-left>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-user{flex:0 0 auto;min-width:0}
  .content{width:100%;max-width:100%;padding:12px!important;overflow-x:hidden}

  .dashboard-layout,.dashboard-bottom,.report-chart-grid,.report-charts-v32,.satisfaction-report-grid,
  .mail-primary-grid,.mail-secondary-grid,.mail-maintenance-grid,.zimbra-calendar-grid,.recovery-grid,
  .technician-admin-grid,.account-settings-grid-v28,.solution-template-layout,.template-editor-grid,
  .new-request-card,.account-page{grid-template-columns:1fr!important}

  .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,.sla-dashboard-strip,.mail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-filter-actions{grid-column:1/-1!important;justify-content:flex-start!important}
  .planning-grid-v22,.company-form-grid,.request-properties-form-v21,.request-properties-form-v18{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .request-properties-form-v21 .property-save,.request-properties-form-v18 .property-save{grid-column:auto!important}
  .request-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-ticket-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .request-rating-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sla-form-top,.resolution-bottom,.resolution-bottom-v24{grid-template-columns:1fr!important}

  .dashboard-head,.reports-head,.rules-page-head,.mail-page-head,.company-page-head,.section-title-row,.sla-settings-head,
  .workspace-head,.mail-statusbar,.mail-config-title,.calendar-v21-actions,.calendar-nav-cluster,.editor-actions,
  .new-request-footer-v22,.account-form-actions,.sla-form-actions,.company-actions-wrap,.row-actions,.button-row,
  .detail-top-actions,.detail-heading,.conversation-head,.notification-list-head{
    flex-wrap:wrap!important;
  }

  .table-scroll,.report-table-scroll,.mail-log-wrap,.calendar-v21-gridwrap,.month-calendar-wrap,.sla-priority-table-wrap,
  .company-table-card,.technician-table-card,.report-table-card,.sd-table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  .company-domain-table{min-width:860px!important}
  .technician-table,.technician-table-v35{min-width:1120px!important}
  .report-table,.report-table-v32{min-width:980px!important}
  .report-rating-table,.satisfaction-report-table{min-width:1280px!important}
  .mail-log-table{min-width:820px!important}
  .month-weekdays,.month-calendar,.calendar-v21-weekdays,.calendar-v21-grid{min-width:720px!important}

  .request-workspace-surface,.request-tab-panel,.detail-section,.request-message-card{min-width:0!important;max-width:100%!important}
  .detail-heading-main,.detail-heading-side,.detail-meta,.mail-route{min-width:0!important;max-width:100%!important}
  .mail-route{overflow-wrap:anywhere;word-break:break-word}
  .request-message-card .email-body-frame,.request-message-card .email-body-scroll{height:320px;min-height:320px;max-height:320px}

  .modal-backdrop{padding:12px!important;overflow:auto!important}
  .assign-modal,.modal-backdrop>div{width:min(560px,100%)!important;max-width:100%!important;margin:auto!important}
}

@media(max-width:760px){
  header{height:54px!important;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .header-user .header-account-link,.header-sep{display:none!important}
  .header-user>a{min-width:36px;min-height:36px;justify-content:center}
  .header-user>a:last-child>span{display:none!important}
  .content{padding:8px!important}
  .card{padding:11px!important;border-radius:7px!important}

  .grid,.two,.form-row,.planning-grid-v22,.company-form-grid,.request-properties-form-v21,.request-properties-form-v18,
  .account-settings-grid-v28,.sla-form-top,.mail-primary-grid,.mail-secondary-grid,.zimbra-calendar-grid,
  .request-tech-picker,.editor-switches,.company-check-grid,.unassigned-domain-row-v23,
  .resolution-template-quickbar,.resolution-template-quickbar-v251,.resolution-bottom,.resolution-bottom-v24,
  .solution-template-card,.mail-test-line{grid-template-columns:1fr!important}

  .dashboard-kpi-grid,.dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,.sla-dashboard-strip,.mail-summary,
  .client-summary-grid,.request-facts,.public-ticket-facts,.request-rating-meta{grid-template-columns:1fr!important}
  .report-filter-card{grid-template-columns:1fr!important;padding:9px!important}
  .report-filter-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .report-filter-actions>*{width:100%!important}

  input,select,textarea{font-size:16px!important;min-height:42px}
  textarea{min-height:115px}
  .btn,button.btn,.ticket-action-btn,.public-primary-btn,.public-danger-btn,.rating-landing-link{min-height:42px}
  .quick-actions,.reports-export,.mail-page-actions,.new-request-footer-v22,.account-form-actions,.sla-form-actions{width:100%!important}
  .quick-actions .btn,.reports-export .btn,.mail-page-actions .btn,.new-request-footer-v22>* ,.account-form-actions>* ,.sla-form-actions>*{flex:1 1 145px;text-align:center;justify-content:center}

  .request-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .request-toolbar-left,.request-toolbar-right{width:100%;min-width:0}
  .request-toolbar-right{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;padding-bottom:2px}
  .mobile-status-filters{display:flex!important;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .kanban{max-width:100%;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:5px!important}
  .kanban>.column,.kanban[data-kanban-mode="technician"]>.column{flex:0 0 min(88vw,330px)!important;width:min(88vw,330px)!important;min-width:min(88vw,330px)!important;scroll-snap-align:start}
  .ticket,.status-kanban .ticket{height:auto!important;min-height:0!important;max-height:none!important}

  .detail-top-actions-left,.detail-top-actions-right{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px}
  .detail-top-actions .btn,.detail-top-actions a.btn{flex:1 1 128px!important;justify-content:center;text-align:center}
  .detail-heading{display:grid!important;grid-template-columns:1fr!important;padding:11px!important}
  .detail-title{font-size:14px!important;overflow-wrap:anywhere}
  .detail-meta{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .detail-tabs{max-width:100%;overflow-x:auto!important;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .detail-tabs a,.detail-tabs span{flex:0 0 auto!important}
  .request-workspace-surface{padding:4px!important}
  .workspace-card{margin:7px!important}
  .workspace-head{padding:11px!important}
  .detail-section,.request-message-card{padding:10px!important}
  .request-message-card .email-body-frame,.request-message-card .email-body-scroll{height:270px;min-height:270px;max-height:270px}
  .request-properties-card{padding:10px!important}
  .request-properties-form-v21 .property-save,.request-properties-form-v18 .property-save{width:100%}
  .request-properties-form-v21 .property-save .btn,.request-properties-form-v18 .property-save .btn{width:100%}
  .conversation-head{display:flex!important;align-items:flex-start!important;gap:7px!important}
  .conversation-head b{width:100%}
  .conversation-list{max-height:360px}
  .history-head{display:grid!important;gap:3px}

  .calendar-v21-top{grid-template-columns:1fr!important}.calendar-nav-cluster,.calendar-v21-actions{width:100%!important;justify-content:space-between!important}
  .calendar-filter{min-width:0!important;max-width:100%!important;flex:1}
  .month-weekdays,.month-calendar,.calendar-v21-weekdays,.calendar-v21-grid{min-width:680px!important}

  .public-ticket-page,.public-ticket-page-v35{width:calc(100% - 10px)!important;padding:7px 0 16px!important}
  .public-ticket-brand-v35{display:grid!important;padding:10px 12px!important;gap:8px!important}
  .public-ticket-brand-v35 img{width:190px!important;max-width:76%!important}
  .public-ticket-brand-v35>div{padding-left:0!important;border-left:0!important}
  .public-ticket-overview,.public-ticket-overview-v35,.public-ticket-timeline-card,.public-action-card{padding:13px!important}
  .public-ticket-title{display:grid!important;gap:8px!important}.public-ticket-overview-v35 .public-ticket-title h1{font-size:16px!important;overflow-wrap:anywhere}
  .public-action-submit{justify-content:stretch!important}.public-action-submit .ticket-action-btn,.public-action-submit .public-primary-btn{width:100%!important}
  .star-rating label{font-size:34px!important}

  .satisfaction-report-grid{grid-template-columns:1fr!important}
  .satisfaction-distribution-row{grid-template-columns:38px minmax(70px,1fr) 64px}
  .satisfaction-report-head .reports-export{width:100%}
  .satisfaction-report-head .reports-export .btn{width:100%;justify-content:center}

  .notification-row{grid-template-columns:34px minmax(0,1fr)!important}.notification-row time{grid-column:2!important;justify-self:start!important}
  .notification-row-main span{overflow-wrap:anywhere}
  .notification-list-card{padding:0!important;overflow:hidden}

  .modal-backdrop{padding:6px!important;align-items:flex-start!important}.assign-modal,.modal-backdrop>div{margin-top:max(8px,env(safe-area-inset-top))!important;border-radius:8px!important}
  .assign-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.assign-modal-actions>*{width:100%!important}
}

@media(max-width:480px){
  .report-filter-actions,.assign-modal-actions{grid-template-columns:1fr!important}
  .dashboard-kpi-grid,.dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,.sla-dashboard-strip,.mail-summary{grid-template-columns:1fr!important}
  .header-left>b{font-size:11px!important}
  .header-user{gap:3px!important}
  .request-message-card .email-body-frame,.request-message-card .email-body-scroll{height:235px;min-height:235px;max-height:235px}
  .public-ticket-facts{grid-template-columns:1fr!important}
  .rating-landing-body{padding:8px!important}.rating-landing-card{padding:20px 14px!important;border-radius:12px!important}.rating-landing-logo{width:190px!important;margin-bottom:18px!important}
}

/* =========================================================
   v3.8.1 - Firmalar sayfasi masaustu/tablet/mobil duzeltmesi
   ========================================================= */
.company-page{width:100%;max-width:100%;min-width:0;display:grid;gap:10px}
.company-page>.company-page-head,.company-page>.company-form-grid,.company-page>.company-table-card,.company-page>.company-unassigned-card{margin:0!important}
.company-table-card{min-width:0;max-width:100%;overflow:hidden}
.company-table-card .table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.company-domain-table{width:100%!important;min-width:1380px!important;table-layout:fixed!important}
.company-domain-table th,.company-domain-table td{vertical-align:top!important;overflow:hidden}
.company-domain-table th:nth-child(1),.company-domain-table td:nth-child(1){width:160px!important}
.company-domain-table th:nth-child(2),.company-domain-table td:nth-child(2){width:340px!important}
.company-domain-table th:nth-child(3),.company-domain-table td:nth-child(3){width:230px!important}
.company-domain-table th:nth-child(4),.company-domain-table td:nth-child(4){width:72px!important;text-align:center}
.company-domain-table th:nth-child(5),.company-domain-table td:nth-child(5){width:300px!important;text-align:left}
.company-domain-table th:nth-child(6),.company-domain-table td:nth-child(6){width:120px!important;text-align:center}
.company-domain-table th:nth-child(7),.company-domain-table td:nth-child(7){width:140px!important;text-align:right}
.company-domain-table td>b{display:block;overflow-wrap:anywhere;word-break:break-word}
.company-ticket-count{display:inline-flex;min-width:28px;min-height:28px;align-items:center;justify-content:center;border:1px solid #dbe5ed;border-radius:14px;background:#f8fbfd;color:#33475b;font-weight:800}
.domain-badges-actions{display:grid!important;gap:6px!important;align-items:stretch!important;width:100%}
.domain-chip-v23{display:grid!important;grid-template-columns:7px minmax(0,1fr) auto auto auto;align-items:center;gap:6px;width:100%!important;max-width:100%!important;min-width:0}
.domain-chip-v23>b{min-width:0!important;max-width:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.domain-chip-v23 .inline-form{display:block;min-width:0}
.domain-edit-button{white-space:nowrap}
.company-client-cell{min-width:0!important}
.company-client-box{min-width:0;width:100%}
.company-client-code-row{min-width:0;align-items:center}
.company-client-code{flex:1 1 auto;min-width:0;max-width:none!important}
.company-client-meta{flex-wrap:wrap;justify-content:space-between}
.company-client-renew{display:block!important}
.company-actions-wrap{width:100%;justify-content:flex-end;flex-wrap:nowrap!important}
.company-routing-note{overflow-wrap:anywhere}

@media(max-width:1024px){
  .company-page{gap:8px}
  .company-page-head{padding:0 2px}
  .company-page-head h2{font-size:16px}
  .company-page-head p{font-size:10px;line-height:1.45}
  .company-form-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .company-mini-form{min-width:0;padding:12px!important}
  .company-mini-form .form-row{grid-template-columns:1fr!important;gap:8px!important}
  .company-mini-form .btn{width:100%;min-height:40px;text-align:center}

  /* Tablet/telefon: yatay tablo yerine okunabilir firma kartlari. */
  .company-table-card{overflow:visible!important;padding:10px!important}
  .company-table-card .table-scroll{overflow:visible!important}
  .company-domain-table,.company-domain-table tbody{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important}
  .company-domain-table thead{display:none!important}
  .company-domain-table tbody{display:grid!important;gap:9px}
  .company-domain-table tr{display:grid!important;width:100%!important;min-width:0!important;border:1px solid #dce5ed;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(31,50,67,.035)}
  .company-domain-table tr.company-row-passive{background:#fafbfc;opacity:.86}
  .company-domain-table td,
  .company-domain-table td:nth-child(n){display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:none!important;padding:10px 11px!important;border:0!important;border-bottom:1px solid #edf1f4!important;text-align:left!important;white-space:normal!important;overflow:visible!important;background:transparent!important}
  .company-domain-table td:last-child{border-bottom:0!important}
  .company-domain-table td:before{content:attr(data-label);display:block;color:#7b8998;font-size:9px;line-height:1.35;font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding-top:3px}
  .company-domain-table td>*{min-width:0;max-width:100%}
  .company-domain-table .company-row-actions{display:grid!important}
  .company-domain-table .company-actions-wrap{justify-content:flex-start!important;width:auto!important;flex-wrap:wrap!important}
  .company-domain-table .company-state-button{min-height:30px;padding:5px 10px}
  .company-domain-table .company-client-box{gap:8px}
  .company-domain-table .company-client-code-row{flex-wrap:wrap}
  .company-domain-table .company-client-code{flex:1 1 190px;max-width:100%!important}
  .company-domain-table .company-client-meta{justify-content:flex-start;gap:7px 10px}
  .company-domain-table .assigned-tech-list{gap:4px}
  .company-domain-table .domain-badges-actions{width:100%}
  .company-domain-table .domain-chip-v23{grid-template-columns:7px minmax(0,1fr) auto auto auto!important}
  .company-domain-table .domain-chip-v23>b{white-space:normal;overflow-wrap:anywhere;word-break:break-word}

  .company-unassigned-card{padding:10px!important}
  .unassigned-domain-row-v23{grid-template-columns:1fr!important;gap:8px!important;padding:10px 0!important}
  .unassigned-link-form{max-width:100%}
  .unassigned-domain-actions{display:flex;gap:6px;flex-wrap:wrap}
}

@media(max-width:760px){
  .company-form-grid{grid-template-columns:1fr!important}
  .company-page .section-title-row h3{font-size:13px}
  .company-page .section-title-row p{font-size:9px;line-height:1.45}
  .company-domain-table td,
  .company-domain-table td:nth-child(n){grid-template-columns:1fr!important;gap:5px!important;padding:9px 10px!important}
  .company-domain-table td:before{padding-top:0;margin-bottom:2px;color:#67788a}
  .company-domain-table .domain-chip-v23{grid-template-columns:7px minmax(0,1fr) auto auto!important;grid-template-areas:"led domain state edit" "delete delete delete delete"}
  .company-domain-table .domain-chip-v23 .domain-led{grid-area:led}
  .company-domain-table .domain-chip-v23>b{grid-area:domain}
  .company-domain-table .domain-chip-v23>form:first-of-type{grid-area:state}
  .company-domain-table .domain-chip-v23>.domain-edit-button{grid-area:edit}
  .company-domain-table .domain-chip-v23>.domain-delete-inline{grid-area:delete;justify-self:end}
  .company-domain-table .company-actions-wrap{display:grid!important;grid-template-columns:1fr 42px!important;width:100%!important;gap:7px!important}
  .company-domain-table .company-edit-trigger{width:100%;min-height:40px}
  .company-domain-table .company-delete-trigger{width:42px;height:40px}
  .company-domain-table .company-client-code-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px}
  .company-domain-table .company-client-meta{display:grid!important;grid-template-columns:1fr auto;align-items:center}
  .company-domain-table .company-client-renew-button{min-height:36px;padding:7px 0;text-align:left}
  .unassigned-link-form{grid-template-columns:1fr!important}
  .unassigned-link-form .btn{width:100%;min-height:40px}
}

@media(max-width:480px){
  .company-table-card{padding:8px!important}
  .company-domain-table tr{border-radius:7px}
  .company-domain-table .domain-chip-v23{grid-template-columns:7px minmax(0,1fr) auto!important;grid-template-areas:"led domain state" "edit edit delete"}
  .company-domain-table .domain-chip-v23>.domain-edit-button{justify-self:start;border-left:0;padding:5px 0}
  .company-domain-table .domain-chip-v23>.domain-delete-inline{justify-self:end}
  .company-client-code-row{grid-template-columns:1fr!important}
  .company-client-code-row .btn{width:100%}
  .company-client-meta{grid-template-columns:1fr!important}
  .company-client-meta .btn{width:100%;text-align:center}
  .company-modal-actions,.domain-modal-actions{grid-template-columns:1fr!important}
  .company-modal-actions>.btn,.domain-modal-actions>.btn{width:100%!important}
}

/* v3.8.1 - global responsive safety net for legacy/unwrapped tables. */
.responsive-table-auto{width:100%;max-width:100%;min-width:0}
@media(max-width:1024px){
  .responsive-table-auto{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border-radius:7px}
  .responsive-table-auto>table{margin:0;max-width:none}
}

/* =========================================================
   v3.9 - unified desktop/tablet/mobile finishing layer
   ========================================================= */

/* The old side-edge tab is intentionally retired. The header menu button is
   now the single desktop/tablet/mobile sidebar control, so it never floats
   over page content. */
.sidebar-toggle{display:none!important}
.sidebar-close-btn{
  display:none;
  width:36px;
  height:36px;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font:500 25px/1 Segoe UI,Arial,sans-serif;
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.sidebar-close-btn:hover{background:rgba(255,255,255,.12)}
.header-menu-btn{display:inline-grid!important;place-items:center!important;flex:0 0 38px}
header{z-index:60!important}
#sidebar{z-index:80!important}
main,.content,.content>*{min-width:0}
.content{overflow-x:hidden}
.request-search-clear[hidden],.live-search-result-strip[hidden],.live-search-no-results[hidden]{display:none!important}
.request-search-clear{
  appearance:none;
  -webkit-appearance:none;
  border:0!important;
  background:transparent!important;
  color:#758497!important;
  line-height:1!important;
  cursor:pointer;
}
.request-search-clear:hover{color:#d14a4a!important}
.live-search-result-strip{transition:opacity .12s ease}
.live-search-no-results{
  margin:0 0 10px;
  padding:11px 13px;
  border:1px dashed #cdd9e4;
  border-radius:8px;
  background:#fbfcfd;
  color:#6c7c8d;
  font-size:11px;
  text-align:center;
}
.ticket[hidden],.column[hidden]{display:none!important}
.live-search-empty{min-height:92px!important;margin:0!important;background:transparent!important}

/* Prevent long user content, signatures and raw technical strings from
   widening any admin page. */
.content p,.content span,.content small,.content b,.content td,.content th,.content label,
.request-detail,.request-workspace-surface,.workspace-card,.conversation-item,.email-body,
.report-rating-comment,.mail-route,.client-install-code,.company-client-code{
  overflow-wrap:anywhere;
  word-break:break-word;
}
img,svg,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}

/* Tablet / touch layout: sidebar becomes a true off-canvas drawer. */
@media(max-width:1100px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body.sidebar-mobile-open{overflow:hidden!important;touch-action:none}
  body.sidebar-mobile-open:after{
    content:"";
    position:fixed;
    inset:0;
    z-index:70!important;
    background:rgba(14,27,41,.48)!important;
    backdrop-filter:blur(1px);
  }
  #sidebar,
  body.sidebar-collapsed #sidebar,
  body:not(.sidebar-mobile-open) #sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(300px,88vw)!important;
    max-width:88vw!important;
    height:100dvh!important;
    transform:translate3d(-104%,0,0)!important;
    transition:transform .2s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-shadow:18px 0 42px rgba(15,31,47,.22)!important;
    pointer-events:auto;
    z-index:90!important;
  }
  body.sidebar-mobile-open #sidebar{transform:translate3d(0,0,0)!important}
  body.sidebar-mobile-open .brand{
    padding:10px 12px!important;
    min-height:66px;
    justify-content:flex-start!important;
  }
  body.sidebar-mobile-open .brand-logo-link{min-width:0;justify-content:flex-start!important}
  body.sidebar-mobile-open .brand-logo-full{display:block!important;width:min(178px,65vw)!important}
  body.sidebar-mobile-open .brand-logo-mark{display:none!important}
  body.sidebar-mobile-open .sidebar-close-btn{display:inline-flex!important;flex:0 0 36px;margin-left:auto}
  body.sidebar-mobile-open nav{padding:10px!important}
  body.sidebar-mobile-open nav a{
    min-height:45px!important;
    justify-content:flex-start!important;
    gap:11px!important;
    padding:10px 12px!important;
    font-size:13px!important;
  }
  body.sidebar-mobile-open nav a>span,
  body.sidebar-mobile-open .nav-section,
  body.sidebar-mobile-open .sidebar-footer,
  body.sidebar-mobile-open .nav-dot{display:block!important}
  body.sidebar-mobile-open nav a .ui-icon{flex:0 0 19px;width:19px;height:19px}
  body.sidebar-mobile-open .sidebar-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))!important}

  main,body.sidebar-collapsed main,body:not(.sidebar-mobile-open) main{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  header{
    width:100%!important;
    height:58px!important;
    padding:0 12px!important;
    gap:10px!important;
  }
  .header-left{min-width:0;flex:1;display:flex;align-items:center;gap:9px}
  .header-left>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-user{min-width:0;flex:0 0 auto}
  .content{width:100%!important;max-width:100%!important;padding:12px!important;overflow-x:hidden!important}

  .grid,.two,.dashboard-layout,.dashboard-bottom,.report-chart-grid,.report-charts-v32,
  .satisfaction-report-grid,.mail-primary-grid,.mail-secondary-grid,.mail-maintenance-grid,
  .zimbra-calendar-grid,.recovery-grid,.technician-admin-grid,.account-settings-grid-v28,
  .solution-template-layout,.template-editor-grid{grid-template-columns:1fr!important}

  .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,.sla-dashboard-strip,.mail-summary,
  .client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .report-filter-actions{grid-column:1/-1!important}
  .planning-grid-v22,.company-form-grid,.request-properties-form-v21,.request-properties-form-v18,
  .request-facts,.public-ticket-facts,.request-rating-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .dashboard-head,.reports-head,.rules-page-head,.mail-page-head,.company-page-head,.section-title-row,
  .sla-settings-head,.workspace-head,.mail-statusbar,.mail-config-title,.calendar-v21-actions,
  .calendar-nav-cluster,.editor-actions,.new-request-footer-v22,.account-form-actions,.sla-form-actions,
  .row-actions,.button-row,.detail-top-actions,.detail-heading,.conversation-head{flex-wrap:wrap!important}

  .table-scroll,.report-table-scroll,.mail-log-wrap,.sla-priority-table-wrap,.responsive-table-auto,
  .month-calendar-wrap,.calendar-v21-gridwrap,.sd-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  .request-workspace-surface,.request-tab-panel,.detail-section,.request-message-card,
  .detail-heading-main,.detail-heading-side,.detail-meta,.mail-route{min-width:0!important;max-width:100%!important}
  .modal-backdrop{padding:12px!important;overflow:auto!important}
  .assign-modal,.modal-backdrop>div{max-width:100%!important}
}

/* Phone layout: make admin pages task-oriented instead of shrinking desktop. */
@media(max-width:680px){
  body{font-size:13px}
  header{
    height:54px!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
  }
  .header-menu-btn{width:38px!important;height:38px!important;flex-basis:38px!important}
  .header-left>b{font-size:12px!important}
  .header-user{gap:3px!important}
  .header-user .header-account-link,.header-sep{display:none!important}
  .header-user>a{min-width:36px!important;min-height:36px!important;justify-content:center!important;padding:0 7px!important}
  .header-user>a:last-child>span{display:none!important}
  .content{padding:8px!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
  .card{padding:11px!important;border-radius:9px!important}

  .grid,.two,.form-row,.planning-grid-v22,.company-form-grid,.request-properties-form-v21,
  .request-properties-form-v18,.account-settings-grid-v28,.sla-form-top,.mail-primary-grid,
  .mail-secondary-grid,.zimbra-calendar-grid,.request-tech-picker,.editor-switches,.company-check-grid,
  .unassigned-domain-row-v23,.resolution-template-quickbar,.resolution-template-quickbar-v251,
  .resolution-bottom,.resolution-bottom-v24,.solution-template-card,.mail-test-line,
  .request-facts,.public-ticket-facts,.request-rating-meta{grid-template-columns:1fr!important}

  .dashboard-kpi-grid,.dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,
  .sla-dashboard-strip,.mail-summary,.client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sd-grid-v22{grid-template-columns:1fr!important}
  .report-filter-card{grid-template-columns:1fr!important;padding:9px!important}
  .report-filter-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:7px!important}
  .report-filter-actions>*{width:100%!important;justify-content:center!important;text-align:center!important}

  input,select,textarea{font-size:16px!important;min-height:42px!important;max-width:100%!important}
  textarea{min-height:112px!important}
  .btn,button.btn,.ticket-action-btn,.public-primary-btn,.public-danger-btn,.rating-landing-link{min-height:42px}
  fieldset{min-width:0!important;max-width:100%!important}

  .dashboard-head,.reports-head,.rules-page-head,.mail-page-head,.company-page-head,.section-title-row,
  .sla-settings-head,.new-request-footer-v22,.account-form-actions,.sla-form-actions,.quick-actions,
  .reports-export,.mail-page-actions{align-items:stretch!important}
  .quick-actions,.reports-export,.mail-page-actions,.new-request-footer-v22,.account-form-actions,.sla-form-actions{width:100%!important}
  .quick-actions .btn,.reports-export .btn,.mail-page-actions .btn,.new-request-footer-v22>*,
  .account-form-actions>*,.sla-form-actions>*{flex:1 1 145px!important;justify-content:center!important;text-align:center!important}

  /* Requests: search reacts on every keystroke and owns a full row. */
  .request-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important}
  .request-toolbar-left,.request-toolbar-right{width:100%!important;min-width:0!important}
  .request-toolbar-left{padding:2px 1px}
  .request-toolbar-right{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
    align-items:center!important;
  }
  .request-search{grid-column:1/-1!important;width:100%!important;min-width:0!important;position:relative!important}
  .request-search input[type="search"]{width:100%!important;min-width:0!important;padding-right:38px!important}
  .request-search-clear{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;font-size:20px!important}
  .status-filter-group{grid-column:1/-1!important;display:flex!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}
  .status-filter{flex:0 0 auto!important}
  .group-select{min-width:0!important}
  .group-select .group-trigger{width:100%!important;justify-content:center!important}
  .request-toolbar-right>a.btn{min-width:116px!important;justify-content:center!important;text-align:center!important}
  .live-search-result-strip,.live-search-no-results{margin-bottom:8px!important}

  /* On phones the ticket board is a vertical work queue; no tiny horizontal columns. */
  .kanban-shell,.fixed-kanban-shell{width:100%!important;max-width:100%!important;overflow:visible!important}
  .kanban,.status-kanban,.fixed-status-kanban,
  .kanban[data-kanban-mode="technician"],.kanban[data-kanban-mode="status"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  .kanban>.column,.kanban[data-kanban-mode="technician"]>.column,.status-kanban>.column{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:none!important;
    min-height:0!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }
  .column-head{height:auto!important;min-height:42px!important;padding:9px 10px!important}
  .dropzone{min-height:74px!important;padding:7px!important}
  .ticket,.status-kanban .ticket{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin-bottom:7px!important;padding:10px!important;cursor:pointer!important}
  .ticket-title a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}
  .ticket-drag-handle{display:none!important}
  .ticket small{font-size:10px!important}
  .kanban-scroll-controls{display:none!important}
  .empty-drop,.live-search-empty{min-height:72px!important}.empty-illustration{display:none!important}

  /* Request detail */
  .detail-top-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px!important}
  .detail-top-actions-left,.detail-top-actions-right{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .detail-top-actions .btn,.detail-top-actions a.btn{width:100%!important;justify-content:center!important;text-align:center!important}
  .detail-heading{display:grid!important;grid-template-columns:1fr!important;padding:10px!important;gap:8px!important}
  .detail-title{font-size:14px!important;line-height:1.35!important}
  .detail-meta{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;font-size:10px!important}
  .detail-heading-side{justify-self:start!important}
  .detail-tabs{display:flex!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .detail-tabs a,.detail-tabs span{flex:0 0 auto!important}
  .request-workspace-surface{padding:3px!important}
  .workspace-card{margin:6px!important;border-radius:8px!important}
  .workspace-head,.detail-section,.request-message-card,.request-properties-card{padding:10px!important}
  .request-message-card .email-body-frame,.request-message-card .email-body-scroll{height:min(300px,44dvh)!important;min-height:220px!important;max-height:300px!important}
  .conversation-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:6px!important}
  .conversation-head b{min-width:0}
  .conversation-note-toggle{margin-left:0!important}
  .conversation-list{max-height:380px!important;overflow:auto!important}
  .conversation-item{padding:10px!important}
  .conversation-item-head{display:flex!important;align-items:flex-start!important;gap:5px!important;flex-wrap:wrap!important}
  .attachments-grid{grid-template-columns:1fr!important}
  .request-properties-form-v21 .property-save,.request-properties-form-v18 .property-save,
  .request-properties-form-v21 .property-save .btn,.request-properties-form-v18 .property-save .btn{width:100%!important}
  .resolution-status-picker,.resolution-status-trigger,.resolution-apply-btn{width:100%!important;max-width:100%!important}
  .resolution-template-quickbar,.resolution-template-quickbar-v251{display:grid!important;grid-template-columns:1fr!important}

  /* Convert admin/report tables to cards. JS adds labels from table headers. */
  .mobile-card-table-wrap{overflow:visible!important;padding:0!important;border:0!important;background:transparent!important}
  table.mobile-card-table,
  .mobile-card-table tbody{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border:0!important;background:transparent!important}
  .mobile-card-table thead{display:none!important}
  .mobile-card-table tbody{display:grid!important;gap:9px!important}
  .mobile-card-table tr{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border:1px solid #dce5ed!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(31,50,67,.035)!important}
  .mobile-card-table tr.mobile-card-empty-row{padding:12px!important}
  .mobile-card-table tr.mobile-card-empty-row td{display:block!important;border:0!important;padding:0!important;color:#788695!important}
  .mobile-card-table tr.mobile-card-empty-row td:before{display:none!important}
  .mobile-card-table td,
  .mobile-card-table td:nth-child(n){
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid #edf1f4!important;
    white-space:normal!important;
    text-align:left!important;
    background:transparent!important;
  }
  .mobile-card-table td:last-child{border-bottom:0!important}
  .mobile-card-table td:before{content:attr(data-label);display:block;color:#738293;font-size:9px;line-height:1.35;font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding-top:2px}
  .mobile-card-table td>*{min-width:0!important;max-width:100%!important}
  .mobile-card-table .row-actions,.mobile-card-table .order-controls{justify-content:flex-start!important;flex-wrap:wrap!important}
  .mobile-card-table .domain-badges{justify-content:flex-start!important}
  .mobile-card-table .perf-ring{margin:0!important}

  /* Calendar remains a real calendar but gets a controlled touch scroller. */
  .calendar-v21-top{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .calendar-nav-cluster,.calendar-v21-actions{width:100%!important;justify-content:space-between!important}
  .calendar-filter{min-width:0!important;max-width:100%!important;flex:1!important}
  .month-weekdays,.month-calendar,.calendar-v21-weekdays,.calendar-v21-grid{min-width:680px!important}
  .month-calendar-wrap,.calendar-v21-gridwrap{touch-action:pan-x pan-y!important;border-radius:8px!important}

  /* Public/customer pages */
  .public-ticket-page,.public-ticket-page-v35{width:calc(100% - 8px)!important;max-width:100%!important;padding:6px 0 14px!important}
  .public-ticket-brand-v35{display:grid!important;grid-template-columns:1fr!important;padding:10px 12px!important;gap:7px!important}
  .public-ticket-brand-v35 img{width:min(205px,72vw)!important;max-width:100%!important}
  .public-ticket-brand-v35>div{padding-left:0!important;border-left:0!important}
  .public-ticket-overview,.public-ticket-overview-v35,.public-ticket-timeline-card,.public-action-card{padding:12px!important}
  .public-ticket-title{display:grid!important;gap:7px!important}
  .public-ticket-overview-v35 .public-ticket-title h1{font-size:16px!important}
  .public-action-submit{justify-content:stretch!important}
  .public-action-submit .ticket-action-btn,.public-action-submit .public-primary-btn{width:100%!important}

  /* Mobile modals behave as bottom sheets and keep controls reachable. */
  .modal-backdrop{padding:0!important;align-items:flex-end!important;overflow:hidden!important}
  .assign-modal,.modal-backdrop>div{
    width:100%!important;
    max-width:100%!important;
    max-height:92dvh!important;
    margin:0!important;
    border-radius:16px 16px 0 0!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    padding-bottom:max(0px,env(safe-area-inset-bottom))!important;
  }
  .assign-modal-head{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
  .assign-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;position:sticky!important;bottom:0!important;background:#fff!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  .assign-modal-actions>*{width:100%!important}

  .notification-row{grid-template-columns:34px minmax(0,1fr)!important}
  .notification-row time{grid-column:2!important;justify-self:start!important}
  .notification-row-main span{overflow-wrap:anywhere}
  .notification-list-card{padding:0!important;overflow:hidden!important}
}

@media(max-width:460px){
  .dashboard-kpi-grid,.dashboard-kpis,.report-kpis,.report-kpi-grid-v32,.sla-summary-grid,
  .sla-dashboard-strip,.mail-summary,.client-summary-grid{grid-template-columns:1fr!important}
  .report-filter-actions,.assign-modal-actions{grid-template-columns:1fr!important}
  .request-toolbar-right{grid-template-columns:1fr!important}
  .request-search,.status-filter-group,.group-select,.request-toolbar-right>a.btn{grid-column:1!important;width:100%!important}
  .request-toolbar-right>a.btn{justify-content:center!important}
  .detail-top-actions-left,.detail-top-actions-right{grid-template-columns:1fr!important}
  .mobile-card-table td,.mobile-card-table td:nth-child(n){grid-template-columns:1fr!important;gap:3px!important}
  .mobile-card-table td:before{padding-top:0!important;margin-bottom:1px!important}
  .header-left>b{font-size:11px!important}
  .request-message-card .email-body-frame,.request-message-card .email-body-scroll{height:min(260px,42dvh)!important;min-height:205px!important;max-height:260px!important}
  .star-rating label{font-size:31px!important}
}

/* =========================================================
   v3.10 - deleted tickets, dated dashboard charts, company client polish
   ========================================================= */
.company-client-code-row>.btn,
.company-client-meta>.btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:76px!important;
  max-width:none!important;
  min-height:32px;
  padding:6px 10px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-height:1.2!important;
}
.company-client-meta>span{min-width:72px;white-space:nowrap}
.company-client-code-row{flex-wrap:nowrap!important}
.company-client-meta{flex-wrap:nowrap!important;justify-content:flex-start!important}

.sd-spark-scroll{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.sd-spark-bars-dated{
  height:156px!important;
  min-width:570px;
  display:flex!important;
  align-items:stretch!important;
  gap:2px!important;
  padding:18px 10px 7px!important;
  overflow:visible!important;
}
.sd-spark-bars-dated .sd-spark-day{
  flex:1 1 0;
  min-width:24px;
  height:100%;
  display:grid;
  grid-template-rows:minmax(0,1fr) 16px;
  gap:4px;
  align-items:end;
}
.sd-spark-bars-dated .sd-spark-column{height:100%;display:flex;align-items:flex-end;min-height:0}
.sd-spark-bars-dated .sd-spark-column>a{width:100%;flex:0 0 auto!important;min-width:3px;position:relative;display:block;background:#27c17a;border-radius:2px 2px 0 0;text-decoration:none}
.sd-spark-bars-dated.closed .sd-spark-column>a{background:#1687e0}
.sd-spark-bars-dated .sd-spark-day>small{display:block;text-align:center;font-size:7px;line-height:12px;color:#718093;white-space:nowrap}
.sd-spark-bars-dated .sd-spark-column>a em{z-index:20}

.deleted-ticket-page,.deleted-ticket-detail{display:grid;gap:10px;min-width:0}
.deleted-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.deleted-ticket-head h2{margin:0 0 3px;font-size:18px}.deleted-ticket-head p{margin:0;color:#7a8997;font-size:10px}
.deleted-ticket-count{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #dce7ef;border-radius:18px;background:#fff;color:#385066;font-size:10px;font-weight:800;white-space:nowrap}
.deleted-ticket-search{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:8px;align-items:end;padding:11px!important}
.deleted-ticket-search label{margin:0}.deleted-ticket-search input{width:100%}
.deleted-ticket-table-card{padding:0!important;overflow:hidden}.deleted-ticket-table{margin:0!important;font-size:9px}.deleted-ticket-table th,.deleted-ticket-table td{vertical-align:middle}.deleted-ticket-table td:first-child{min-width:220px}.deleted-ticket-table td:first-child b,.deleted-ticket-table td:first-child span{display:block}.deleted-ticket-table td:first-child span{margin-top:3px;white-space:normal;overflow-wrap:anywhere;color:#536578}.deleted-ticket-table td:nth-child(2) b,.deleted-ticket-table td:nth-child(2) small{display:block}.deleted-ticket-table td:nth-child(2) small{margin-top:2px;color:#7a8997}.deleted-ticket-table td:nth-child(5) small{display:block;margin-top:4px;color:#748393}.deleted-ticket-note{font-size:9px}
.deleted-ticket-detail .back-link{display:inline-block;margin-bottom:6px;color:#1687e0;text-decoration:none;font-size:10px;font-weight:700}.deleted-ticket-delete-meta{display:grid;justify-items:end;gap:2px;padding:8px 10px;border:1px solid #ead9d9;border-radius:7px;background:#fff8f8}.deleted-ticket-delete-meta span,.deleted-ticket-delete-meta small{font-size:8px;color:#8b7373}.deleted-ticket-delete-meta b{font-size:11px;color:#b23d3d}.deleted-ticket-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.deleted-ticket-detail .card{padding:13px}.deleted-ticket-detail .card>h3{margin:0 0 10px;font-size:12px}.deleted-ticket-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.deleted-ticket-dl>div{padding:8px;border:1px solid #e4ebf0;border-radius:6px;background:#fafcfd;min-width:0}.deleted-ticket-dl dt{font-size:8px;color:#7d8a97;font-weight:800;text-transform:uppercase}.deleted-ticket-dl dd{margin:4px 0 0;font-size:10px;font-weight:700;overflow-wrap:anywhere}.deleted-ticket-dl dd small{display:block;margin-top:2px;color:#788795;font-weight:400}.deleted-ticket-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.deleted-ticket-kpis>div{display:grid;place-items:center;padding:14px 7px;border:1px solid #e0e9ef;border-radius:7px;background:#f8fbfd}.deleted-ticket-kpis b{font-size:20px;color:#284158}.deleted-ticket-kpis span{margin-top:3px;font-size:8px;color:#748595;text-align:center}.deleted-ticket-text{max-height:260px;overflow:auto;padding:10px;border:1px solid #e5ebef;border-radius:6px;background:#fafbfc;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.deleted-ticket-timeline{display:grid;gap:0}.deleted-ticket-timeline>div{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:6px 0}.deleted-ticket-timeline>div:before{content:"";position:absolute;left:7px;top:19px;bottom:-6px;width:1px;background:#dde7ee}.deleted-ticket-timeline>div:last-child:before{display:none}.deleted-ticket-timeline .timeline-dot{width:8px;height:8px;margin:4px 0 0 3px;border:2px solid #fff;border-radius:50%;background:#1687e0;box-shadow:0 0 0 1px #b9d9ef}.deleted-ticket-timeline section{display:grid;gap:3px}.deleted-ticket-timeline b{font-size:9px;line-height:1.45}.deleted-ticket-timeline small{font-size:8px;color:#7a8997}.deleted-ticket-note-list{display:grid;gap:7px}.deleted-ticket-note-list article{padding:10px;border:1px solid #e1e9ef;border-radius:7px;background:#fbfcfd}.deleted-ticket-note-list article header{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.deleted-ticket-note-list article header b{font-size:9px}.deleted-ticket-note-list article header small{font-size:8px;color:#7b8996}.deleted-ticket-note-list article>div{font-size:9px;line-height:1.5;overflow-wrap:anywhere}

@media(max-width:1024px){
  .company-client-code-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .company-client-meta{display:grid!important;grid-template-columns:auto auto!important;justify-content:start!important;gap:7px!important}
  .company-client-code-row>.btn,.company-client-meta>.btn{min-width:82px!important}
  .deleted-ticket-table-card{overflow:visible!important;padding:9px!important}.deleted-ticket-table-card .table-scroll{overflow:visible!important}.deleted-ticket-table,.deleted-ticket-table tbody{display:block!important;width:100%!important}.deleted-ticket-table thead{display:none!important}.deleted-ticket-table tbody{display:grid!important;gap:8px}.deleted-ticket-table tr{display:grid!important;grid-template-columns:1fr 1fr;border:1px solid #dce6ed;border-radius:8px;background:#fff;overflow:hidden}.deleted-ticket-table td,.deleted-ticket-table td:nth-child(n){display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:7px;width:100%!important;min-width:0!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid #edf1f4!important;white-space:normal!important;text-align:left!important}.deleted-ticket-table td:before{content:attr(data-label);font-size:8px;color:#7c8a98;font-weight:800;text-transform:uppercase}.deleted-ticket-table td:last-child{border-bottom:0!important}.deleted-ticket-table td:nth-last-child(2){border-bottom:0!important}.deleted-ticket-detail-grid{grid-template-columns:1fr}.deleted-ticket-dl{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .deleted-ticket-head{display:grid;grid-template-columns:1fr}.deleted-ticket-count{justify-self:start}.deleted-ticket-search{grid-template-columns:1fr}.deleted-ticket-search .btn{width:100%}.deleted-ticket-table tr{grid-template-columns:1fr}.deleted-ticket-table td,.deleted-ticket-table td:nth-child(n){grid-template-columns:1fr!important;gap:3px!important}.deleted-ticket-table td:before{margin-bottom:2px}.deleted-ticket-table td:nth-last-child(2){border-bottom:1px solid #edf1f4!important}.deleted-ticket-dl{grid-template-columns:1fr}.deleted-ticket-delete-meta{justify-items:start}.deleted-ticket-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sd-spark-scroll{margin:0}.sd-spark-bars-dated{min-width:600px}
}
@media(max-width:480px){
  .company-client-code-row{grid-template-columns:1fr!important}.company-client-meta{grid-template-columns:1fr!important}.company-client-code-row>.btn,.company-client-meta>.btn{width:100%!important;min-width:0!important}
  .deleted-ticket-kpis{grid-template-columns:1fr}.deleted-ticket-detail .card{padding:10px}.deleted-ticket-timeline>div{grid-template-columns:15px minmax(0,1fr)}
}

/* =========================================================
   v3.11 - mobile completion, logs, service form
   ========================================================= */

/* Sidebar must always keep management entries inside its own viewport. */
#sidebar{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
#sidebar .brand{flex:0 0 auto!important}
#sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:12px!important;scrollbar-width:thin}
#sidebar nav a{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#sidebar nav a>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sidebar-footer{position:static!important;flex:0 0 auto!important;margin-top:auto!important}
.ui-icon{display:inline-block!important;flex:0 0 auto!important;width:18px;height:18px;visibility:visible!important}
.brand-logo-full,.brand-logo-mark{object-fit:contain}

/* Mail logs: readable desktop columns, no vertical letter splitting. */
.mail-log-wrap{max-width:100%;overflow:auto!important;-webkit-overflow-scrolling:touch}
.mail-log-table-v311{width:100%!important;min-width:980px!important;table-layout:fixed!important;border-collapse:collapse!important}
.mail-log-table-v311 th,.mail-log-table-v311 td{vertical-align:top!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important;padding:9px 10px!important}
.mail-log-table-v311 th:nth-child(1),.mail-log-table-v311 td:nth-child(1){width:130px!important}
.mail-log-table-v311 th:nth-child(2),.mail-log-table-v311 td:nth-child(2){width:76px!important}
.mail-log-table-v311 th:nth-child(3),.mail-log-table-v311 td:nth-child(3){width:120px!important}
.mail-log-table-v311 th:nth-child(4),.mail-log-table-v311 td:nth-child(4){width:180px!important}
.mail-log-table-v311 th:nth-child(5),.mail-log-table-v311 td:nth-child(5){width:180px!important}
.mail-log-table-v311 th:nth-child(6),.mail-log-table-v311 td:nth-child(6){width:72px!important;text-align:center!important}
.mail-log-table-v311 th:nth-child(7),.mail-log-table-v311 td:nth-child(7){width:auto!important}
.mail-log-date,.mail-log-level,.mail-log-ticket{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.mail-diagnostic-table{min-width:920px!important}

/* Service form */
.service-form-page{display:grid;gap:12px;max-width:1180px;margin:0 auto}
.service-form-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px!important}
.service-form-head>div{display:flex;align-items:center;gap:11px;min-width:0}
.service-form-head .ui-icon{width:24px;height:24px;color:#1687e0}
.service-form-head h2{margin:0 0 3px;font-size:17px}.service-form-head p{margin:0;color:#748292;font-size:10px;line-height:1.5}
.service-form-number{flex:0 0 auto;border:1px solid #dce6ee;border-radius:999px;background:#f6f9fb;padding:6px 10px;color:#53677a;font-size:10px;font-weight:800}
.service-form-editor{display:grid;gap:12px;padding:16px!important}
.service-form-section-title{display:flex;align-items:center;gap:9px;padding-top:5px;border-top:1px solid #edf1f4}.service-form-section-title:first-of-type{border-top:0;padding-top:0}
.service-form-section-title>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#1687e0;color:#fff;font-weight:800;font-size:11px;flex:0 0 auto}
.service-form-section-title b{display:block;color:#27394b;font-size:12px}.service-form-section-title small{display:block;margin-top:2px;color:#8492a0;font-size:9px}
.service-form-grid{display:grid;gap:9px}.service-form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.service-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.service-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-form-editor label{display:grid;gap:5px;min-width:0;color:#485a6b;font-size:10px;font-weight:700}.service-form-editor input,.service-form-editor select,.service-form-editor textarea{width:100%;box-sizing:border-box}
.service-form-editor-actions,.service-preview-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.service-form-editor-actions{padding-top:5px;border-top:1px solid #edf1f4}
.service-form-preview-card{overflow:hidden}.service-print-sheet{max-width:800px;margin:0 auto;overflow:hidden;border-radius:8px}.service-print-sheet>div{padding:0!important;background:transparent!important}.service-print-sheet table{max-width:100%!important}

/* Deleted tickets live inside Requests now. */
.deleted-requests-kanban{display:block!important;overflow:visible!important;padding:0!important;background:transparent!important}.deleted-requests-column{width:100%!important;max-width:none!important;min-width:0!important}.deleted-dropzone{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px!important;padding:9px!important}.deleted-dropzone>.ticket{margin:0!important;height:auto!important;min-height:145px!important}.deleted-requests-column .column-tools{color:#8a96a5;font-size:9px}

/* Company Client controls stay compact and readable. */
.company-client-code-row{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.company-client-code{min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}.company-client-code-row>.btn,.company-client-meta>.btn,.company-client-renew-button{width:auto!important;min-width:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}

.mobile-tech-filter{display:none}

@media(max-width:1024px){
  #sidebar,body:not(.sidebar-mobile-open) #sidebar,body.sidebar-collapsed #sidebar{overflow:hidden!important}
  body.sidebar-mobile-open #sidebar nav{overflow-y:auto!important}
  body.sidebar-mobile-open #sidebar nav a>span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.sidebar-mobile-open .sidebar-footer{display:block!important;position:static!important}
  .brand-logo-full{max-width:190px!important;height:auto!important}
}

@media(max-width:680px){
  /* Header/sidebar and logo/icon visibility. */
  header{min-width:0!important}.header-menu-btn{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}.header-menu-btn .ui-icon{width:18px!important;height:18px!important}
  body.sidebar-mobile-open #sidebar{width:min(286px,88vw)!important}
  body.sidebar-mobile-open #sidebar .brand{min-height:64px!important;padding:9px 12px!important}
  body.sidebar-mobile-open #sidebar .brand-logo-full{display:block!important;width:185px!important;max-width:76%!important;height:auto!important;visibility:visible!important}
  body.sidebar-mobile-open #sidebar nav a{min-height:42px!important;padding:9px 13px!important;gap:11px!important}
  body.sidebar-mobile-open #sidebar nav a .ui-icon{display:block!important;width:18px!important;height:18px!important;visibility:visible!important}
  #sidebar nav a>span{font-size:12px!important}

  /* Compact secondary action buttons: useful touch targets without giant blocks. */
  .detail-top-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;padding:7px 8px!important;flex-wrap:nowrap!important}
  .detail-top-actions-left{display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;gap:5px!important;flex-wrap:wrap!important}
  .detail-top-actions-right{display:flex!important;width:auto!important;flex:0 0 auto!important}
  .detail-top-actions .btn,.detail-top-actions a.btn,.conversation-note-toggle,.section-title-row .btn.small,.workspace-head .btn.small{width:auto!important;min-width:0!important;min-height:34px!important;height:34px!important;flex:0 0 auto!important;padding:6px 9px!important;font-size:10px!important;line-height:1!important}
  .detail-top-actions-left>a.btn:first-child{width:34px!important;padding:0!important;font-size:14px!important}
  .request-delete-icon{width:34px!important;height:34px!important}
  .assign-modal-actions .btn{min-height:40px!important}

  /* Requests: selectable technician queue + larger cards. */
  .mobile-tech-filter{display:block;margin:0 0 8px;padding:9px 10px;border:1px solid #dce5ed;border-radius:8px;background:#fff}
  .mobile-tech-filter label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;color:#56697a;font-size:10px;font-weight:800}
  .mobile-tech-filter select{min-height:38px!important;height:38px!important;font-size:13px!important;padding:5px 9px!important}
  .kanban[data-kanban-mode="technician"]{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important;padding:0!important}
  .kanban[data-kanban-mode="technician"]>.column{width:100%!important;min-width:0!important;max-width:none!important;display:block!important}
  .kanban[data-kanban-mode="technician"]>.column[hidden]{display:none!important}
  .kanban[data-kanban-mode="technician"] .column-head{min-height:46px!important;padding:10px 11px!important}.kanban[data-kanban-mode="technician"] .column-name,.kanban[data-kanban-mode="technician"] .column-title>span{font-size:12px!important}
  .kanban[data-kanban-mode="technician"] .dropzone{padding:8px!important;min-height:80px!important}
  .kanban[data-kanban-mode="technician"] .ticket{padding:12px!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(30,50,70,.04)!important}
  .kanban[data-kanban-mode="technician"] .ticket-title{font-size:14px!important;line-height:1.4!important;margin-bottom:8px!important}.kanban[data-kanban-mode="technician"] .ticket-title a{font-size:14px!important;font-weight:800!important;line-height:1.4!important}
  .kanban[data-kanban-mode="technician"] .ticket small{font-size:11px!important;line-height:1.45!important;margin:3px 0!important;white-space:normal!important}.kanban[data-kanban-mode="technician"] .ticket-actions{font-size:10px!important;margin-top:7px!important}
  .request-search input{font-size:16px!important}

  /* Notification rules become proper mobile cards. */
  .rules-page-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.rules-page-head .btn{width:auto!important;justify-self:start!important;min-height:36px!important}
  .rules-list-v18{display:grid!important;gap:8px!important;overflow:visible!important;background:transparent!important;border:0!important}
  .rule-line-v18{display:grid!important;grid-template-columns:34px 34px minmax(0,1fr) auto!important;grid-template-areas:"switch icon main state" ". . edit edit"!important;gap:7px 8px!important;align-items:center!important;padding:10px!important;border:1px solid #dce5ed!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important}
  .rule-switch-wrap{grid-area:switch!important}.rule-icon-box{grid-area:icon!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important}.rule-icon-box .ui-icon{display:block!important;width:17px!important;height:17px!important}
  .rule-main-link{grid-area:main!important;min-width:0!important}.rule-main-link b{display:block!important;font-size:11px!important;line-height:1.35!important;overflow-wrap:break-word!important}.rule-main-link small{display:block!important;font-size:9px!important;line-height:1.45!important;overflow-wrap:break-word!important}
  .rule-state{grid-area:state!important;justify-self:end!important;font-size:9px!important;white-space:nowrap!important}.rule-edit-link{grid-area:edit!important;justify-self:end!important;width:auto!important;padding:2px 0!important;font-size:10px!important;text-align:right!important}
  .rules-footer{padding-top:9px!important}.rules-footer .btn{width:100%!important;min-height:40px!important}

  /* Companies: each firm is one clear card, no mini desktop table. */
  .company-table-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  .company-domain-table,.company-domain-table tbody{display:block!important;width:100%!important;min-width:0!important}.company-domain-table tbody{display:grid!important;gap:10px!important}
  .company-domain-table tr{border:1px solid #d9e3eb!important;border-radius:10px!important;box-shadow:0 1px 3px rgba(31,50,67,.04)!important;background:#fff!important}
  .company-domain-table td,.company-domain-table td:nth-child(n){display:block!important;width:100%!important;padding:9px 11px!important;border-bottom:1px solid #edf1f4!important;overflow:visible!important}
  .company-domain-table td:before{display:block!important;margin-bottom:5px!important;font-size:8px!important;color:#8090a0!important}
  .company-domain-table td:first-child{padding-top:12px!important}.company-domain-table td:first-child>b{font-size:14px!important;color:#22384b!important}
  .company-domain-table .domain-badges-actions{display:grid!important;gap:6px!important}.company-domain-table .domain-chip-v23{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .company-domain-table .assigned-tech-list{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.company-domain-table .assigned-tech-list>*{font-size:9px!important}
  .company-domain-table .company-client-box{display:grid!important;gap:7px!important;width:100%!important}.company-domain-table .company-client-code-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}.company-domain-table .company-client-code{width:100%!important;min-width:0!important;min-height:34px!important;display:flex!important;align-items:center!important;padding:7px 8px!important;font-size:10px!important}.company-domain-table .company-client-code-row>.btn{height:34px!important;min-height:34px!important;padding:5px 9px!important;font-size:9px!important}
  .company-domain-table .company-client-meta{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important}.company-domain-table .company-client-meta>.btn{height:34px!important;min-height:34px!important;padding:5px 9px!important;font-size:9px!important}.company-domain-table .company-client-renew-button{min-height:32px!important;height:32px!important;padding:4px 0!important;font-size:9px!important}
  .company-domain-table .company-actions-wrap{display:flex!important;width:100%!important;gap:6px!important}.company-domain-table .company-edit-trigger{width:auto!important;flex:1 1 auto!important;min-height:36px!important;height:36px!important}.company-domain-table .company-delete-trigger{width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important}

  /* Mail logs become readable cards (thead is now present so labels work). */
  .mail-log-table.mobile-card-table{min-width:0!important}.mail-log-table.mobile-card-table td{word-break:normal!important;overflow-wrap:anywhere!important}.mail-log-table.mobile-card-table .mail-log-date,.mail-log-table.mobile-card-table .mail-log-level,.mail-log-table.mobile-card-table .mail-log-ticket{white-space:normal!important}

  /* Service Form */
  .service-form-head{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.service-form-number{justify-self:start!important}.service-form-grid.two-col,.service-form-grid.three,.service-form-grid.four{grid-template-columns:1fr!important}.service-form-editor{padding:11px!important}.service-form-editor-actions{display:grid!important;grid-template-columns:1fr!important}.service-form-editor-actions .btn{width:100%!important;min-height:42px!important}.service-form-preview-card{padding:7px!important}.service-print-sheet{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.service-print-sheet>div{min-width:0;width:100%}
  .deleted-dropzone{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .mobile-tech-filter label{grid-template-columns:1fr!important;gap:5px!important}
  .detail-top-actions-left{gap:4px!important}.detail-top-actions .btn,.detail-top-actions a.btn{padding:5px 7px!important;font-size:9px!important}.detail-top-actions-left>a.btn:first-child{width:32px!important;height:32px!important;min-height:32px!important}
  .rule-line-v18{grid-template-columns:32px 30px minmax(0,1fr) auto!important;gap:6px!important;padding:9px!important}.rule-icon-box{width:29px!important;height:29px!important}.rule-main-link small{font-size:8.5px!important}.rule-state{font-size:8px!important;padding:3px 5px!important}
  .company-domain-table .company-client-code-row{grid-template-columns:1fr!important}.company-domain-table .company-client-code-row>.btn{width:100%!important}.company-domain-table .company-client-meta{display:grid!important;grid-template-columns:1fr 1fr!important}.company-domain-table .company-client-meta>.btn{width:100%!important}
}

@media print{
  body.service-form-printing .app-sidebar,body.service-form-printing header,body.service-form-printing .service-form-head,body.service-form-printing .service-form-editor,body.service-form-printing .service-form-preview-card>.section-title-row,body.service-form-printing .flash{display:none!important}
  body.service-form-printing,body.service-form-printing .app,body.service-form-printing main,body.service-form-printing .content,body.service-form-printing .service-form-page,body.service-form-printing .service-form-preview-card{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  body.service-form-printing .service-print-sheet{display:block!important;width:100%!important;max-width:none!important;margin:0!important;overflow:visible!important;border-radius:0!important}
  body.service-form-printing .service-print-sheet>div{min-width:0!important;width:100%!important;background:#fff!important}
}


/* v3.12 Servis Formu / Firma yetkilisi */
.company-contact-cell{min-width:160px}.company-contact-cell b{display:block;color:#26384a;font-size:10px}.company-contact-cell a{display:block;margin-top:3px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1687e0;font-size:9px}.company-modal-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.company-contact-create{margin-top:9px}
.service-form-history{padding:0!important;overflow:hidden}.service-form-history-head{padding:14px 16px;border-bottom:1px solid #e5ebf0;display:flex;align-items:center;justify-content:space-between;gap:12px}.service-form-history-head h3{margin:0 0 3px;font-size:14px}.service-form-history-head p{margin:0;color:#8190a0;font-size:9px}.service-form-history-table{width:100%;border-collapse:collapse}.service-form-history-table th,.service-form-history-table td{padding:10px 11px;border-bottom:1px solid #e9eef2;text-align:left;font-size:9px;vertical-align:middle}.service-form-history-table th{background:#f7f9fb;color:#4b5f72;font-weight:800}.service-form-history-table td b{font-size:10px;color:#26384a}.service-form-history-actions{display:flex;gap:5px;flex-wrap:wrap}.service-form-sent{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#eaf8f1;color:#16794d;font-weight:800;white-space:nowrap}.service-form-unsent{color:#8996a3}.service-form-editor-note{padding:9px 11px;border:1px solid #dce8f1;background:#f6fafc;border-radius:8px;color:#53687c;font-size:9px;line-height:1.55}.service-office-fields{display:none}.service-office-fields.is-open{display:grid}.service-mail-help{display:block;margin-top:3px;color:#8a98a5;font-size:8px;font-weight:500}.service-mail-input{font-family:inherit!important}.service-form-preview-card .service-print-sheet{background:#f5f7fa;padding:8px;border-radius:10px}.service-form-head-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
@media(max-width:1100px){.company-domain-table{min-width:1180px}.company-contact-cell{min-width:150px}}
@media(max-width:760px){.company-modal-contact-grid{grid-template-columns:1fr}.service-form-history-head{align-items:flex-start;flex-direction:column}.service-form-history-table thead{display:none}.service-form-history-table,.service-form-history-table tbody,.service-form-history-table tr,.service-form-history-table td{display:block;width:100%;box-sizing:border-box}.service-form-history-table tr{padding:10px 11px;border-bottom:1px solid #e5ebf0}.service-form-history-table td{border:0;padding:4px 0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;align-items:start}.service-form-history-table td:before{content:attr(data-label);color:#8794a1;font-size:8px;font-weight:800;text-transform:uppercase}.service-form-history-actions{justify-content:flex-start}.service-form-history-actions .btn{width:auto!important;min-height:34px!important;padding:7px 10px!important}.service-form-head-actions{width:100%}.service-form-head-actions .btn{flex:1;min-width:120px}.service-office-fields.is-open{grid-template-columns:1fr!important}}

/* =========================================================
   v3.13 - role-independent responsive layout + auto reports
   Desktop > 1100 | Tablet 761-1100 | Phone <= 760
   ========================================================= */
.report-auto-filter-note{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 10px;
  border:1px solid #dce6ee;
  border-radius:6px;
  background:#f7fafc;
  color:#627487;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.report-filter-card.is-auto-loading{opacity:.72;pointer-events:none}
.report-filter-card.is-auto-loading:after{content:"Rapor güncelleniyor...";grid-column:1/-1;color:#1687e0;font-size:9px;font-weight:800}

/* Previous builds treated every viewport <=1100px as a phone drawer.
   761-1100px is now an actual tablet / narrow-desktop layout. */
@media (min-width:761px) and (max-width:1100px){
  body.sidebar-mobile-open{overflow:auto!important;touch-action:auto!important}
  body.sidebar-mobile-open:after{display:none!important;content:none!important}

  #sidebar,
  body:not(.sidebar-mobile-open) #sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:210px!important;
    max-width:210px!important;
    height:100vh!important;
    transform:none!important;
    transition:width .18s ease!important;
    overflow:hidden!important;
    box-shadow:none!important;
    z-index:20!important;
  }
  body.sidebar-collapsed #sidebar{
    width:72px!important;
    max-width:72px!important;
    transform:none!important;
  }

  #sidebar .brand{min-height:64px!important;padding:10px 12px!important;justify-content:flex-start!important}
  #sidebar .brand-logo-full{display:block!important;width:170px!important;max-width:100%!important;height:auto!important}
  #sidebar .brand-logo-mark{display:none!important}
  #sidebar .sidebar-close-btn{display:none!important}
  #sidebar nav{padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important}
  #sidebar nav a{min-height:42px!important;justify-content:flex-start!important;gap:9px!important;padding:9px 10px!important}
  #sidebar nav a>span,#sidebar .nav-section,#sidebar .sidebar-footer{display:block!important}

  body.sidebar-collapsed #sidebar .brand{padding:9px!important;justify-content:center!important}
  body.sidebar-collapsed #sidebar .brand-logo-full{display:none!important}
  body.sidebar-collapsed #sidebar .brand-logo-mark{display:block!important;width:46px!important;height:auto!important}
  body.sidebar-collapsed #sidebar nav{padding:10px 7px!important}
  body.sidebar-collapsed #sidebar nav a{justify-content:center!important;padding:10px 7px!important}
  body.sidebar-collapsed #sidebar nav a>span,
  body.sidebar-collapsed #sidebar .nav-section,
  body.sidebar-collapsed #sidebar .nav-dot,
  body.sidebar-collapsed #sidebar .sidebar-footer{display:none!important}

  main,body:not(.sidebar-mobile-open) main{
    margin-left:210px!important;
    width:calc(100% - 210px)!important;
    max-width:calc(100% - 210px)!important;
  }
  body.sidebar-collapsed main{
    margin-left:72px!important;
    width:calc(100% - 72px)!important;
    max-width:calc(100% - 72px)!important;
  }
  header{height:60px!important;padding:0 16px!important}
  .header-menu-btn{display:inline-grid!important;width:38px!important;height:38px!important;padding:0!important}
  .content{padding:14px!important;overflow-x:hidden!important}

  /* Tablet content can reflow, but must not become the phone card UI. */
  .mobile-tech-filter{display:none!important}
  .mobile-card-table thead{display:table-header-group!important}
  .mobile-card-table tbody{display:table-row-group!important}
  .mobile-card-table tr{display:table-row!important}
  .mobile-card-table th,.mobile-card-table td{display:table-cell!important}
  .mobile-card-table td:before{display:none!important;content:none!important}
}

/* Phone is the only off-canvas/mobile navigation mode. */
@media (max-width:760px){
  #sidebar,
  body.sidebar-collapsed #sidebar,
  body:not(.sidebar-mobile-open) #sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(286px,88vw)!important;
    max-width:88vw!important;
    height:100dvh!important;
    transform:translate3d(-104%,0,0)!important;
    transition:transform .2s ease!important;
    z-index:90!important;
    overflow:hidden!important;
  }
  body.sidebar-mobile-open #sidebar{transform:translate3d(0,0,0)!important}
  main,body.sidebar-collapsed main,body:not(.sidebar-mobile-open) main{margin-left:0!important;width:100%!important;max-width:100%!important}
  .report-auto-filter-note{width:100%;justify-content:center;white-space:normal;text-align:center}
}

/* Explicit desktop reset. No user role can force mobile/tablet presentation. */
@media (min-width:1101px){
  body.sidebar-mobile-open:after{display:none!important;content:none!important}
  .mobile-tech-filter{display:none!important}
  .mobile-card-table thead{display:table-header-group!important}
  .mobile-card-table tbody{display:table-row-group!important}
  .mobile-card-table tr{display:table-row!important}
  .mobile-card-table th,.mobile-card-table td{display:table-cell!important}
  .mobile-card-table td:before{display:none!important;content:none!important}
}


/* =========================================================
   v3.14 - device-aware responsive reset, compact login,
   stable company viewport
   ========================================================= */

/* -------- Login: compact on desktop, proportional on tablet/phone -------- */
.login-body-v314{
  margin:0!important;
  min-height:100dvh;
  background:#eef3f7;
  color:#26384b;
  font-family:Segoe UI,Arial,sans-serif;
  overflow:auto!important;
}
.login-shell-v314{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:28px 18px;
}
.login-card-v314{
  width:min(410px,100%);
  margin:0;
  padding:26px 28px 22px;
  border:1px solid #d9e3eb;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 42px rgba(31,52,72,.09);
}
.login-brand-v314{display:grid;justify-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid #edf1f4}
.login-brand-v314 img{display:block;width:198px!important;max-width:68%!important;height:auto!important;object-fit:contain}
.login-brand-v314 span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#83909d}
.login-copy-v314{padding:17px 0 12px;text-align:center}
.login-copy-v314 h1{margin:0;font-size:19px;line-height:1.25;color:#24374b}
.login-copy-v314 p{margin:5px 0 0;font-size:10px;color:#7a8998}
.login-form-v314{display:grid;gap:11px}
.login-form-v314 label{display:grid;gap:5px;font-size:10px;color:#4c5e70;font-weight:700}
.login-form-v314 input{height:39px!important;min-height:39px!important;padding:8px 10px!important;font-size:13px!important;border-radius:6px!important}
.login-submit-v314{width:100%;height:40px!important;min-height:40px!important;padding:8px 12px!important;font-size:12px!important;margin-top:2px}
.login-footer-v314{margin-top:15px;padding-top:13px;border-top:1px solid #edf1f4;text-align:center;color:#8793a0;font-size:9px;line-height:1.5}
.login-footer-v314 a{color:#1687e0;text-decoration:none;font-weight:700}

html[data-device-layout="tablet"] .login-card-v314{width:min(430px,calc(100vw - 40px));padding:25px 26px 22px}
html[data-device-layout="phone"] .login-shell-v314{place-items:center;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}
html[data-device-layout="phone"] .login-card-v314{width:100%;max-width:390px;padding:20px 17px 18px;border-radius:11px;box-shadow:0 10px 30px rgba(31,52,72,.08)}
html[data-device-layout="phone"] .login-brand-v314 img{width:176px!important;max-width:65%!important}
html[data-device-layout="phone"] .login-copy-v314{padding:14px 0 10px}
html[data-device-layout="phone"] .login-copy-v314 h1{font-size:18px}
html[data-device-layout="phone"] .login-form-v314 input{height:42px!important;min-height:42px!important;font-size:16px!important}
html[data-device-layout="phone"] .login-submit-v314{height:42px!important;min-height:42px!important}

/* -------- Firmalar: desktop/tablet card stays fixed; table scrolls inside -------- */
.company-table-card{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.company-table-card .company-table-viewport{
  width:100%!important;
  height:clamp(390px,calc(100vh - 305px),660px);
  min-height:390px;
  max-height:660px;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  border:1px solid #e1e7ed;
  border-radius:7px;
  background:#fff;
}
.company-table-card .company-table-viewport .company-domain-table{
  width:100%!important;
  min-width:1345px!important;
  table-layout:fixed!important;
  border:0!important;
  margin:0!important;
}
.company-table-viewport .company-domain-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#f7f9fb!important;
  box-shadow:0 1px 0 #dfe6ed;
}
.company-table-viewport .company-domain-table th:nth-child(1),.company-table-viewport .company-domain-table td:nth-child(1){width:150px!important;text-align:left!important}
.company-table-viewport .company-domain-table th:nth-child(2),.company-table-viewport .company-domain-table td:nth-child(2){width:175px!important;text-align:left!important}
.company-table-viewport .company-domain-table th:nth-child(3),.company-table-viewport .company-domain-table td:nth-child(3){width:330px!important;text-align:left!important}
.company-table-viewport .company-domain-table th:nth-child(4),.company-table-viewport .company-domain-table td:nth-child(4){width:180px!important;text-align:left!important}
.company-table-viewport .company-domain-table th:nth-child(5),.company-table-viewport .company-domain-table td:nth-child(5){width:64px!important;text-align:center!important}
.company-table-viewport .company-domain-table th:nth-child(6),.company-table-viewport .company-domain-table td:nth-child(6){width:230px!important;text-align:left!important}
.company-table-viewport .company-domain-table th:nth-child(7),.company-table-viewport .company-domain-table td:nth-child(7){width:106px!important;text-align:center!important}
.company-table-viewport .company-domain-table th:nth-child(8),.company-table-viewport .company-domain-table td:nth-child(8){width:110px!important;text-align:right!important}
.company-table-viewport .assigned-tech{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.company-table-viewport .assigned-tech-list{align-items:flex-start!important}
.company-table-viewport .company-contact-cell b,.company-table-viewport .company-contact-cell a{word-break:normal!important;overflow-wrap:anywhere!important}
.company-table-viewport .company-client-code-row{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:6px!important}
.company-table-viewport .company-client-code-row>.btn{flex:0 0 auto!important;width:auto!important;min-width:68px!important;white-space:nowrap!important}
.company-table-viewport .company-client-meta{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
.company-table-viewport .company-client-meta>.btn{width:auto!important;min-width:72px!important;white-space:nowrap!important}
.company-table-viewport .company-actions-wrap{justify-content:flex-end!important;flex-wrap:nowrap!important}

/* Phones keep the purpose-built company cards and do not use a fixed table viewport. */
html[data-device-layout="phone"] .company-table-card .company-table-viewport{
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:0!important;background:transparent!important
}

/* -------- Device classification is authoritative; roles never influence layout -------- */
html[data-device-layout="desktop"] body.sidebar-mobile-open{overflow:auto!important;touch-action:auto!important}
html[data-device-layout="desktop"] body.sidebar-mobile-open:after{display:none!important;content:none!important}
html[data-device-layout="desktop"] #sidebar,
html[data-device-layout="desktop"] body:not(.sidebar-mobile-open) #sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:236px!important;max-width:236px!important;height:100vh!important;
  transform:none!important;overflow:hidden!important;box-shadow:1px 0 0 rgba(15,23,42,.18)!important;z-index:20!important
}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar{width:72px!important;max-width:72px!important;transform:none!important}
html[data-device-layout="desktop"] #sidebar .brand{min-height:64px!important;height:64px!important;padding:9px 14px!important;justify-content:flex-start!important}
html[data-device-layout="desktop"] #sidebar .brand-logo-full{display:block!important;width:170px!important;max-width:170px!important;height:auto!important}
html[data-device-layout="desktop"] #sidebar .brand-logo-mark{display:none!important}
html[data-device-layout="desktop"] #sidebar .sidebar-close-btn{display:none!important}
html[data-device-layout="desktop"] #sidebar nav{padding:12px 9px!important;overflow-y:auto!important;overflow-x:hidden!important}
html[data-device-layout="desktop"] #sidebar nav a{justify-content:flex-start!important;min-height:0!important;padding:10px 11px!important;font-size:13px!important;gap:11px!important}
html[data-device-layout="desktop"] #sidebar nav a>span,html[data-device-layout="desktop"] #sidebar .nav-section,html[data-device-layout="desktop"] #sidebar .sidebar-footer{display:block!important}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar .brand{padding:9px 10px!important;justify-content:center!important}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar .brand-logo-full{display:none!important}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar .brand-logo-mark{display:block!important;width:46px!important;max-width:46px!important}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar nav{padding:12px 8px!important}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar nav a{justify-content:center!important;padding:11px 8px!important}
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar nav a>span,
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar .nav-section,
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar .nav-dot,
html[data-device-layout="desktop"] body.sidebar-collapsed #sidebar .sidebar-footer{display:none!important}
html[data-device-layout="desktop"] main,html[data-device-layout="desktop"] body:not(.sidebar-mobile-open) main{margin-left:236px!important;width:calc(100% - 236px)!important;max-width:calc(100% - 236px)!important}
html[data-device-layout="desktop"] body.sidebar-collapsed main{margin-left:72px!important;width:calc(100% - 72px)!important;max-width:calc(100% - 72px)!important}
html[data-device-layout="desktop"] header{height:58px!important;padding:0 20px!important;gap:10px!important}
html[data-device-layout="desktop"] .header-menu-btn{display:inline-grid!important;width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;padding:0!important}
html[data-device-layout="desktop"] .header-user .header-account-link,html[data-device-layout="desktop"] .header-sep{display:flex!important}
html[data-device-layout="desktop"] .header-user>a:last-child>span{display:inline!important}
html[data-device-layout="desktop"] .content{padding:16px 18px 24px!important;overflow-x:hidden!important}
html[data-device-layout="desktop"] .mobile-tech-filter{display:none!important}

/* If Windows scaling/zoom produces a narrow CSS viewport, desktop still remains desktop. */
html[data-device-layout="desktop"] .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html[data-device-layout="desktop"] .two{grid-template-columns:1.35fr 1fr!important}
html[data-device-layout="desktop"] .dashboard-layout{grid-template-columns:1.45fr .85fr!important}
html[data-device-layout="desktop"] .dashboard-bottom{grid-template-columns:1.2fr 1fr!important}
html[data-device-layout="desktop"] .report-chart-grid,html[data-device-layout="desktop"] .report-charts-v32{grid-template-columns:1fr 1fr!important}
html[data-device-layout="desktop"] .satisfaction-report-grid{grid-template-columns:1fr 1fr!important}
html[data-device-layout="desktop"] .mail-primary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
html[data-device-layout="desktop"] .mail-secondary-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
html[data-device-layout="desktop"] .technician-admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important}
html[data-device-layout="desktop"] .account-settings-grid-v28{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
html[data-device-layout="desktop"] .solution-template-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important}
html[data-device-layout="desktop"] .template-editor-grid{grid-template-columns:calc(50% - 6px) calc(50% - 6px)!important;grid-template-areas:"editor preview"!important}
html[data-device-layout="desktop"] .company-form-grid{grid-template-columns:1fr 1fr!important}
html[data-device-layout="desktop"] .planning-grid-v22{grid-template-columns:1fr 1fr 1.25fr 1fr!important}
html[data-device-layout="desktop"] .request-properties-form-v21{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}
html[data-device-layout="desktop"] .request-properties-form-v18{grid-template-columns:1fr 1.15fr .85fr 1.15fr .8fr auto!important}
html[data-device-layout="desktop"] .request-facts{grid-template-columns:repeat(5,1fr)!important}
html[data-device-layout="desktop"] .report-filter-card{grid-template-columns:repeat(5,minmax(120px,1fr))!important}
html[data-device-layout="desktop"] .report-filter-card .report-creator{grid-column:span 2!important}
html[data-device-layout="desktop"] .report-filter-actions{grid-column:auto!important;display:flex!important;justify-content:flex-end!important;width:auto!important}
html[data-device-layout="desktop"] .report-filter-actions .btn{width:auto!important;min-height:0!important}
html[data-device-layout="desktop"] input,html[data-device-layout="desktop"] select,html[data-device-layout="desktop"] textarea{font-size:inherit;min-height:0}
html[data-device-layout="desktop"] .btn,html[data-device-layout="desktop"] button.btn{min-height:0}
html[data-device-layout="desktop"] .detail-heading{display:flex!important;grid-template-columns:none!important}
html[data-device-layout="desktop"] .detail-meta{display:flex!important;grid-template-columns:none!important}
html[data-device-layout="desktop"] .detail-top-actions{display:flex!important;grid-template-columns:none!important}
html[data-device-layout="desktop"] .detail-top-actions-left,html[data-device-layout="desktop"] .detail-top-actions-right{display:flex!important;width:auto!important;grid-template-columns:none!important}
html[data-device-layout="desktop"] .detail-top-actions .btn{width:auto!important}
html[data-device-layout="desktop"] .kanban[data-kanban-mode="technician"]>.column{flex:0 0 286px!important;width:286px!important;min-width:286px!important;max-width:286px!important}
html[data-device-layout="desktop"] .ticket,html[data-device-layout="desktop"] .status-kanban .ticket{height:158px!important;min-height:158px!important;max-height:158px!important}
html[data-device-layout="desktop"] .ticket-drag-handle{display:grid!important}

/* Tables that receive the mobile-card marker from JS must remain tables on desktop. */
html[data-device-layout="desktop"] .mobile-card-table{display:table!important;width:100%!important;max-width:none!important}
html[data-device-layout="desktop"] .mobile-card-table thead{display:table-header-group!important}
html[data-device-layout="desktop"] .mobile-card-table tbody{display:table-row-group!important}
html[data-device-layout="desktop"] .mobile-card-table tr{display:table-row!important;border:0!important;box-shadow:none!important}
html[data-device-layout="desktop"] .mobile-card-table th,html[data-device-layout="desktop"] .mobile-card-table td{display:table-cell!important;width:auto;max-width:none;padding:inherit;border-bottom:1px solid var(--border)!important;white-space:normal!important;text-align:left!important;background:inherit!important}
html[data-device-layout="desktop"] .mobile-card-table td:before{display:none!important;content:none!important}
html[data-device-layout="desktop"] .mobile-card-table-wrap{overflow:auto!important;border:initial;background:initial}

/* Company table must not turn into mobile cards on a desktop, even at high browser zoom. */
html[data-device-layout="desktop"] .company-domain-table{display:table!important;width:100%!important;min-width:1345px!important;border-collapse:collapse!important;background:#fff!important}
html[data-device-layout="desktop"] .company-domain-table thead{display:table-header-group!important}
html[data-device-layout="desktop"] .company-domain-table tbody{display:table-row-group!important}
html[data-device-layout="desktop"] .company-domain-table tr{display:table-row!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
html[data-device-layout="desktop"] .company-domain-table td,html[data-device-layout="desktop"] .company-domain-table td:nth-child(n){display:table-cell!important;grid-template-columns:none!important;gap:0!important;max-width:none!important;padding:10px!important;border-bottom:1px solid var(--border)!important;white-space:normal!important;overflow:hidden!important;background:#fff!important}
html[data-device-layout="desktop"] .company-domain-table td:before{display:none!important;content:none!important}
html[data-device-layout="desktop"] .company-table-card{padding:14px!important;overflow:hidden!important}
html[data-device-layout="desktop"] .company-table-card .company-table-viewport{overflow:auto!important}

/* Tablet is separate: persistent compact sidebar, no phone drawer. */
html[data-device-layout="tablet"] body.sidebar-mobile-open{overflow:auto!important;touch-action:auto!important}
html[data-device-layout="tablet"] body.sidebar-mobile-open:after{display:none!important;content:none!important}
html[data-device-layout="tablet"] #sidebar,html[data-device-layout="tablet"] body:not(.sidebar-mobile-open) #sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:210px!important;max-width:210px!important;height:100dvh!important;transform:none!important;overflow:hidden!important;z-index:20!important
}
html[data-device-layout="tablet"] body.sidebar-collapsed #sidebar{width:72px!important;max-width:72px!important}
html[data-device-layout="tablet"] main,html[data-device-layout="tablet"] body:not(.sidebar-mobile-open) main{margin-left:210px!important;width:calc(100% - 210px)!important;max-width:calc(100% - 210px)!important}
html[data-device-layout="tablet"] body.sidebar-collapsed main{margin-left:72px!important;width:calc(100% - 72px)!important;max-width:calc(100% - 72px)!important}
html[data-device-layout="tablet"] #sidebar .sidebar-close-btn{display:none!important}
html[data-device-layout="tablet"] #sidebar .brand-logo-full{display:block!important;width:165px!important}
html[data-device-layout="tablet"] #sidebar .brand-logo-mark{display:none!important}
html[data-device-layout="tablet"] #sidebar nav a>span,html[data-device-layout="tablet"] #sidebar .nav-section,html[data-device-layout="tablet"] #sidebar .sidebar-footer{display:block!important}
html[data-device-layout="tablet"] body.sidebar-collapsed #sidebar .brand-logo-full{display:none!important}
html[data-device-layout="tablet"] body.sidebar-collapsed #sidebar .brand-logo-mark{display:block!important;width:46px!important}
html[data-device-layout="tablet"] body.sidebar-collapsed #sidebar nav a>span,html[data-device-layout="tablet"] body.sidebar-collapsed #sidebar .nav-section,html[data-device-layout="tablet"] body.sidebar-collapsed #sidebar .sidebar-footer{display:none!important}
html[data-device-layout="tablet"] .header-menu-btn{display:inline-grid!important}
html[data-device-layout="tablet"] .content{padding:13px!important}

/* Phone is always off-canvas, including landscape phones wider than 760 CSS px. */
html[data-device-layout="phone"] body.sidebar-mobile-open{overflow:hidden!important}
html[data-device-layout="phone"] body.sidebar-mobile-open:after{content:""!important;display:block!important;position:fixed!important;inset:0!important;background:rgba(14,27,41,.48)!important;z-index:70!important}
html[data-device-layout="phone"] #sidebar,html[data-device-layout="phone"] body.sidebar-collapsed #sidebar,html[data-device-layout="phone"] body:not(.sidebar-mobile-open) #sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:min(286px,88vw)!important;max-width:88vw!important;height:100dvh!important;transform:translate3d(-104%,0,0)!important;z-index:90!important;overflow:hidden!important
}
html[data-device-layout="phone"] body.sidebar-mobile-open #sidebar{transform:translate3d(0,0,0)!important}
html[data-device-layout="phone"] main,html[data-device-layout="phone"] body.sidebar-collapsed main,html[data-device-layout="phone"] body:not(.sidebar-mobile-open) main{margin-left:0!important;width:100%!important;max-width:100%!important}
html[data-device-layout="phone"] .sidebar-close-btn{display:inline-flex!important}
html[data-device-layout="phone"] .header-menu-btn{display:inline-grid!important}


/* =========================================================
   v3.15 - desktop consistency + isolated login layout
   ========================================================= */

/* Dashboard must fill the desktop workspace regardless of how many KPI cards
   a role is allowed to see. This is content-responsive, never role-responsive. */
html[data-device-layout="desktop"] .dashboard-kpi-grid{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  width:100%!important;
}
html[data-device-layout="desktop"] .sla-dashboard-strip{
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  width:100%!important;
}
html[data-device-layout="desktop"] .sd-dashboard-v22{
  width:100%!important;
  max-width:1600px!important;
}

/* Login is a standalone page. Never let application sidebar/main rules size it. */
html[data-login-page="1"],
html[data-login-page="1"] body{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
}
html[data-login-page="1"] body.login-body-v314{
  margin:0!important;
  min-height:100dvh!important;
  overflow:auto!important;
  background:#eef3f7!important;
}
html[data-login-page="1"] .login-shell-v314{
  width:100%!important;
  min-height:100dvh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px 18px!important;
  margin:0!important;
}
html[data-login-page="1"] main.login-card-v314,
html[data-login-page="1"][data-device-layout="desktop"] main.login-card-v314,
html[data-login-page="1"][data-device-layout="tablet"] main.login-card-v314,
html[data-login-page="1"][data-device-layout="phone"] main.login-card-v314{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  display:block!important;
  width:min(420px,calc(100vw - 36px))!important;
  min-width:0!important;
  max-width:420px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:25px 27px 22px!important;
  overflow:visible!important;
  border:1px solid #d9e3eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(31,52,72,.09)!important;
  transition:none!important;
}
html[data-login-page="1"] .login-brand-v314 img{
  width:185px!important;
  max-width:72%!important;
  height:auto!important;
}
html[data-login-page="1"] .login-copy-v314{padding:15px 0 11px!important}
html[data-login-page="1"] .login-copy-v314 h1{font-size:18px!important}
html[data-login-page="1"] .login-form-v314{gap:10px!important}
html[data-login-page="1"] .login-form-v314 input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  font-size:13px!important;
}
html[data-login-page="1"] .login-submit-v314{
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  padding:8px 12px!important;
  font-size:12px!important;
}

html[data-login-page="1"][data-device-layout="tablet"] main.login-card-v314{
  width:min(430px,calc(100vw - 34px))!important;
  max-width:430px!important;
  padding:24px 25px 21px!important;
}
html[data-login-page="1"][data-device-layout="phone"] .login-shell-v314{
  align-items:center!important;
  padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))!important;
}
html[data-login-page="1"][data-device-layout="phone"] main.login-card-v314{
  width:100%!important;
  max-width:390px!important;
  padding:20px 17px 18px!important;
  border-radius:11px!important;
}
html[data-login-page="1"][data-device-layout="phone"] .login-brand-v314 img{width:168px!important;max-width:68%!important}
html[data-login-page="1"][data-device-layout="phone"] .login-form-v314 input{height:42px!important;min-height:42px!important;font-size:16px!important}
html[data-login-page="1"][data-device-layout="phone"] .login-submit-v314{height:42px!important;min-height:42px!important}

/* Keep standalone login completely outside any legacy responsive main rules. */
@media(max-width:1600px){
  html[data-login-page="1"] main.login-card-v314{margin:0 auto!important}
}

/* =========================================================
   v3.16 - desktop role parity / technician desktop fix
   ========================================================= */
/* Do not let the number of visible KPI cards resize the whole desktop UI.
   Admin and technician accounts now use the exact same desktop grid sizing. */
html[data-device-layout="desktop"] .dashboard-kpi-grid{
  grid-template-columns:repeat(7,minmax(112px,1fr))!important;
  gap:9px!important;
}
html[data-device-layout="desktop"] .dashboard-kpi{
  min-height:92px!important;
  padding:13px 14px!important;
}
html[data-device-layout="desktop"] .sla-dashboard-strip{
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:9px!important;
}
html[data-device-layout="desktop"] .sd-grid-v22{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

/* Narrow desktop windows may reflow, but they never become the phone/tablet UI. */
@media (max-width:1450px){
  html[data-device-layout="desktop"] .dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
}
@media (max-width:1180px){
  html[data-device-layout="desktop"] .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
  html[data-device-layout="desktop"] .sla-dashboard-strip{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
  html[data-device-layout="desktop"] .sd-grid-v22{grid-template-columns:1fr!important}
}
@media (max-width:900px){
  html[data-device-layout="desktop"] .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
}

/* Explicitly neutralize phone-only UI helpers on a desktop account. */
html[data-device-layout="desktop"] .mobile-tech-filter{display:none!important}
html[data-device-layout="desktop"] .rules-list-v18{overflow:visible!important}
html[data-device-layout="desktop"] .company-table-card{background:#fff!important;border:1px solid var(--border)!important;box-shadow:none!important}

/* Report pages: restore readable desktop density after the mobile compatibility layer. */
html[data-device-layout="desktop"] .reports-head h2{font-size:17px!important}
html[data-device-layout="desktop"] .reports-head p{font-size:10px!important}
html[data-device-layout="desktop"] .report-table-card{padding:0!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important}
html[data-device-layout="desktop"] .report-table-title{height:42px!important;padding:0 13px!important;flex-direction:row!important;align-items:center!important}
html[data-device-layout="desktop"] .report-table-title b{font-size:12px!important}
html[data-device-layout="desktop"] .report-table-title span{font-size:9px!important}
html[data-device-layout="desktop"] .report-table-scroll{overflow:auto!important;max-height:460px!important;min-height:180px!important}
html[data-device-layout="desktop"] .report-table,
html[data-device-layout="desktop"] .report-table-v32,
html[data-device-layout="desktop"] .report-rating-table,
html[data-device-layout="desktop"] .satisfaction-report-table{
  display:table!important;
  font-size:10px!important;
  line-height:1.45!important;
  border-collapse:collapse!important;
}
html[data-device-layout="desktop"] .report-table th,
html[data-device-layout="desktop"] .report-table td{
  display:table-cell!important;
  padding:8px 9px!important;
  vertical-align:middle!important;
}
html[data-device-layout="desktop"] .report-table th{font-size:9px!important;background:#f7f9fb!important}
html[data-device-layout="desktop"] .report-rating-stars{font-size:11px!important;letter-spacing:.5px!important}
html[data-device-layout="desktop"] .report-tech-row{font-size:9px!important}
html[data-device-layout="desktop"] .report-tech-row>small{font-size:8px!important}

/* =========================================================
   v3.17 - desktop layout stabilization / compact admin parity
   ========================================================= */

/* Sidebar: never stretch menu rows to fill available height. This keeps
   technician accounts visually identical to admin accounts even when they
   have fewer visible navigation items. */
#sidebar nav{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
  gap:0!important;
}
#sidebar nav>a{flex:0 0 auto!important}
#sidebar .nav-section{flex:0 0 auto!important}
html[data-device-layout="desktop"] #sidebar nav,
html[data-device-layout="tablet"] #sidebar nav,
html[data-device-layout="phone"] body.sidebar-mobile-open #sidebar nav{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
}
html[data-device-layout="desktop"] #sidebar nav a{
  min-height:40px!important;
  height:40px!important;
  padding:0 11px!important;
  margin:2px 0!important;
  font-size:13px!important;
}
html[data-device-layout="desktop"] #sidebar .nav-section{
  padding:14px 11px 5px!important;
  line-height:1.2!important;
}

/* Native check/radio controls must not inherit the global input width. */
html[data-device-layout="desktop"] input[type="checkbox"],
html[data-device-layout="desktop"] input[type="radio"],
html[data-device-layout="tablet"] input[type="checkbox"],
html[data-device-layout="tablet"] input[type="radio"]{
  width:auto!important;
  min-width:14px!important;
  max-width:18px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

/* Reports: restore the pre-v3.16 desktop density and proportions. */
html[data-device-layout="desktop"] .report-table-card{
  padding:0!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:#fff!important;
}
html[data-device-layout="desktop"] .report-table-title{
  height:39px!important;
  min-height:39px!important;
  padding:0 11px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
html[data-device-layout="desktop"] .report-table-title b{font-size:11px!important}
html[data-device-layout="desktop"] .report-table-title span{font-size:9px!important}
html[data-device-layout="desktop"] .report-table-scroll{
  overflow:auto!important;
  max-height:calc(100vh - 330px)!important;
  min-height:240px!important;
}
html[data-device-layout="desktop"] .report-table,
html[data-device-layout="desktop"] .report-table-v32,
html[data-device-layout="desktop"] .report-rating-table,
html[data-device-layout="desktop"] .satisfaction-report-table{
  font-size:10px!important;
  line-height:1.35!important;
}
html[data-device-layout="desktop"] .report-table th{
  padding:7px 8px!important;
  font-size:9px!important;
}
html[data-device-layout="desktop"] .report-table td{
  padding:7px 8px!important;
  vertical-align:middle!important;
}
html[data-device-layout="desktop"] .report-tech-row{
  grid-template-columns:130px minmax(120px,1fr) 64px 170px!important;
  gap:8px!important;
  font-size:8px!important;
}
html[data-device-layout="desktop"] .report-tech-row>small{
  grid-column:auto!important;
  font-size:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[data-device-layout="desktop"] .report-rating-stars{font-size:inherit!important;letter-spacing:.3px!important}

/* Technicians: keep every control readable, preserve a clean horizontal
   viewport, and allow only the company responsibility cell to wrap. */
html[data-device-layout="desktop"] .technician-table-card{
  padding:12px!important;
  overflow:hidden!important;
}
html[data-device-layout="desktop"] .technician-table-card>.table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-gutter:stable!important;
}
html[data-device-layout="desktop"] .technician-table-v35{
  width:100%!important;
  min-width:1495px!important;
  table-layout:fixed!important;
  font-size:10px!important;
}
html[data-device-layout="desktop"] .technician-table-v35 th,
html[data-device-layout="desktop"] .technician-table-v35 td{
  padding:7px 7px!important;
  vertical-align:middle!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html[data-device-layout="desktop"] .technician-table-v35 th{font-size:9px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(1),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(1){width:74px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(2),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(2){width:110px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(3),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(3){width:82px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(4),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(4){width:185px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(5),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(5){width:430px!important;white-space:normal!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(6),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(6){width:75px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(7),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(7){width:58px!important;text-align:center!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(8),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(8){width:72px!important;text-align:center!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(9),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(9){width:88px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(10),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(10){width:72px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(11),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(11){width:96px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(12),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(12){width:96px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(13),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(13){width:78px!important;text-align:center!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(14),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(14){width:78px!important}
html[data-device-layout="desktop"] .technician-table-v35 .domain-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  min-width:0!important;
}
html[data-device-layout="desktop"] .technician-table-v35 .domain-badges span{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:4px 7px!important;
  font-size:8px!important;
}
html[data-device-layout="desktop"] .technician-table-v35 .permission-badge,
html[data-device-layout="desktop"] .technician-table-v35 .calendar-account-badge,
html[data-device-layout="desktop"] .technician-table-v35 .btn{white-space:nowrap!important;word-break:normal!important}
html[data-device-layout="desktop"] .technician-table-v35 .row-actions{flex-wrap:nowrap!important}

/* Companies: reduce wasted column spacing without sacrificing controls.
   Horizontal scrolling remains available for narrower desktop workspaces. */
html[data-device-layout="desktop"] .company-table-card{
  padding:12px!important;
  overflow:hidden!important;
}
html[data-device-layout="desktop"] .company-table-card .company-table-viewport{
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
html[data-device-layout="desktop"] .company-domain-table{
  width:100%!important;
  min-width:1175px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
html[data-device-layout="desktop"] .company-domain-table th,
html[data-device-layout="desktop"] .company-domain-table td,
html[data-device-layout="desktop"] .company-domain-table td:nth-child(n){
  padding:7px 8px!important;
  vertical-align:middle!important;
  line-height:1.25!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html[data-device-layout="desktop"] .company-domain-table th{font-size:9px!important}
html[data-device-layout="desktop"] .company-domain-table td{font-size:9px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(1),html[data-device-layout="desktop"] .company-domain-table td:nth-child(1){width:130px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(2),html[data-device-layout="desktop"] .company-domain-table td:nth-child(2){width:145px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(3),html[data-device-layout="desktop"] .company-domain-table td:nth-child(3){width:285px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(4),html[data-device-layout="desktop"] .company-domain-table td:nth-child(4){width:160px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(5),html[data-device-layout="desktop"] .company-domain-table td:nth-child(5){width:55px!important;text-align:center!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(6),html[data-device-layout="desktop"] .company-domain-table td:nth-child(6){width:195px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(7),html[data-device-layout="desktop"] .company-domain-table td:nth-child(7){width:85px!important;text-align:center!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(8),html[data-device-layout="desktop"] .company-domain-table td:nth-child(8){width:120px!important;text-align:right!important;overflow:visible!important}
html[data-device-layout="desktop"] .company-domain-table .company-contact-cell{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html[data-device-layout="desktop"] .company-domain-table .company-actions-wrap{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
}
html[data-device-layout="desktop"] .company-domain-table .company-actions-wrap .btn,
html[data-device-layout="desktop"] .company-domain-table .company-edit-trigger{
  min-width:70px!important;
  width:auto!important;
  padding:6px 8px!important;
  white-space:nowrap!important;
  word-break:normal!important;
  line-height:1.1!important;
}
html[data-device-layout="desktop"] .company-domain-table .company-delete-trigger{
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
}
html[data-device-layout="desktop"] .company-domain-table .company-client-code-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
}
html[data-device-layout="desktop"] .company-domain-table .company-client-code{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-device-layout="desktop"] .company-domain-table .company-client-code-row>.btn,
html[data-device-layout="desktop"] .company-domain-table .company-client-meta>.btn{
  min-width:66px!important;
  width:auto!important;
  padding:6px 8px!important;
  white-space:nowrap!important;
}

/* SLA page: restore compact desktop form controls and readable proportions. */
html[data-device-layout="desktop"] .sla-settings-page{max-width:none!important;width:100%!important}
html[data-device-layout="desktop"] .sla-summary-grid{
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:10px!important;
}
html[data-device-layout="desktop"] .sla-settings-form{padding:16px!important}
html[data-device-layout="desktop"] .sla-form-top{
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
html[data-device-layout="desktop"] .sla-switch-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:12px!important;
}
html[data-device-layout="desktop"] .sla-switch-row input[type="checkbox"]{
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  height:16px!important;
  margin:1px 0 0!important;
}
html[data-device-layout="desktop"] .sla-switch-row span{min-width:0!important;display:grid!important;gap:3px!important}
html[data-device-layout="desktop"] .sla-switch-row b,
html[data-device-layout="desktop"] .sla-warning-field>span{font-size:11px!important}
html[data-device-layout="desktop"] .sla-switch-row small,
html[data-device-layout="desktop"] .sla-warning-field small{font-size:9px!important}
html[data-device-layout="desktop"] .sla-warning-field input{width:90px!important;min-width:90px!important}
html[data-device-layout="desktop"] .sla-priority-table-wrap{overflow:auto!important;border-radius:8px!important}
html[data-device-layout="desktop"] .sla-priority-table{min-width:760px!important;table-layout:fixed!important}
html[data-device-layout="desktop"] .sla-priority-table th{font-size:9px!important;padding:8px 9px!important}
html[data-device-layout="desktop"] .sla-priority-table td{font-size:10px!important;padding:8px 9px!important}
html[data-device-layout="desktop"] .sla-minute-input{width:130px!important}
html[data-device-layout="desktop"] .sla-minute-input input{width:88px!important;min-width:0!important}
html[data-device-layout="desktop"] .sla-settings-note{font-size:9px!important}

/* Tablet keeps compact controls but not desktop-only table measurements. */
html[data-device-layout="tablet"] #sidebar nav a{min-height:40px!important;height:40px!important;padding:0 10px!important}
html[data-device-layout="tablet"] .sla-switch-row input[type="checkbox"]{width:16px!important;min-width:16px!important;height:16px!important}

/* ==========================================================
   GERCEK DESTEK v3.19 - targeted stabilization
   ========================================================== */

/* Reports: keep a small visual separation between rating and ticket tables. */
.report-rating-table-card{margin-bottom:10px!important}
.report-rating-table-card + .report-table-card{margin-top:0!important}

/* Technician ordering is informational only. */
.tech-order-cell{text-align:center!important}
.tech-row-number{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:11px;background:#f3f6f9;color:#607183;font-size:9px;font-weight:800}

/* Satisfaction link: hover background stays centered around the actual score. */
.tech-rating-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:76px;min-height:38px;padding:4px 7px!important;margin:0 auto!important;border-radius:7px!important;text-align:center!important;vertical-align:middle}
.tech-rating-cell{display:grid!important;grid-template-columns:auto auto!important;justify-content:center!important;align-items:center!important;gap:1px 4px!important;text-align:center!important}
.tech-rating-cell small{grid-column:1/3!important;text-align:center!important;white-space:nowrap!important}
.tech-rating-link:hover{background:#fff8e7!important;box-shadow:0 0 0 1px #f0d58f!important}

/* Company table: compact desktop rows without sacrificing horizontal scroll. */
html[data-device-layout="desktop"] .company-table-card{padding:10px!important}
html[data-device-layout="desktop"] .company-table-viewport{max-height:calc(100vh - 155px)!important;overflow:auto!important}
html[data-device-layout="desktop"] .company-domain-table{min-width:1175px!important}
html[data-device-layout="desktop"] .company-domain-table th,
html[data-device-layout="desktop"] .company-domain-table td,
html[data-device-layout="desktop"] .company-domain-table td:nth-child(n){padding:6px 7px!important;line-height:1.3!important;vertical-align:middle!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(1),html[data-device-layout="desktop"] .company-domain-table td:nth-child(1){width:130px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(2),html[data-device-layout="desktop"] .company-domain-table td:nth-child(2){width:130px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(3),html[data-device-layout="desktop"] .company-domain-table td:nth-child(3){width:330px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(4),html[data-device-layout="desktop"] .company-domain-table td:nth-child(4){width:155px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(5),html[data-device-layout="desktop"] .company-domain-table td:nth-child(5){width:48px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(6),html[data-device-layout="desktop"] .company-domain-table td:nth-child(6){width:200px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(7),html[data-device-layout="desktop"] .company-domain-table td:nth-child(7){width:80px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(8),html[data-device-layout="desktop"] .company-domain-table td:nth-child(8){width:102px!important}
html[data-device-layout="desktop"] .domain-badges-actions{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important}
html[data-device-layout="desktop"] .domain-chip-v23{padding:3px 5px 3px 7px!important;gap:4px!important;min-height:27px!important}
html[data-device-layout="desktop"] .domain-chip-v23 b{max-width:145px!important}
html[data-device-layout="desktop"] .assigned-tech-list{gap:4px!important}
html[data-device-layout="desktop"] .assigned-tech{padding:3px 7px!important;font-size:9px!important}
html[data-device-layout="desktop"] .company-client-box{gap:4px!important}
html[data-device-layout="desktop"] .company-client-code-row{gap:5px!important}
html[data-device-layout="desktop"] .company-client-code-row>.btn,
html[data-device-layout="desktop"] .company-client-meta>.btn,
html[data-device-layout="desktop"] .company-actions-wrap .btn,
html[data-device-layout="desktop"] .company-edit-trigger{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;min-width:max-content!important;padding-left:9px!important;padding-right:9px!important}
html[data-device-layout="desktop"] .company-actions-wrap{gap:5px!important;justify-content:flex-end!important}

/* Technician desktop table: arrow column is now a compact row number. */
html[data-device-layout="desktop"] .technician-table-v35{min-width:1510px!important}
html[data-device-layout="desktop"] .technician-table-v35 th,
html[data-device-layout="desktop"] .technician-table-v35 td{padding:7px 6px!important;vertical-align:middle!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(1),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(1){width:42px!important;text-align:center!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(5),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(5){width:410px!important}
html[data-device-layout="desktop"] .technician-table-v35 th:nth-child(9),html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(9){width:92px!important;text-align:center!important}

/* Task board follows the compact request-board density. */
html[data-device-layout="desktop"] .gk-board-shell{padding:7px!important}
html[data-device-layout="desktop"] .gk-board{gap:8px!important}
html[data-device-layout="desktop"] .gk-column{width:310px!important;min-width:310px!important}
html[data-device-layout="desktop"] .gk-column-head{height:50px!important;padding:0 10px!important}
html[data-device-layout="desktop"] .gk-column-body{padding:8px!important;min-height:540px!important}
html[data-device-layout="desktop"] .gk-card{padding:11px 11px 10px 13px!important;margin-bottom:8px!important}

/* System notification rules do not have an editable mail template. */
.rule-main-static{cursor:default!important}
.rule-system-label{color:#8a98a6!important;pointer-events:none!important;font-size:9px!important}

/* Service form v3.19 */
.service-form-v319{max-width:1180px;margin:0 auto;display:grid;gap:12px}
.service-form-v319 .service-form-head{margin:0!important}
.service-form-head-main{display:flex;align-items:center;gap:10px;min-width:0}
.service-form-head-main>svg{width:22px;height:22px;color:#1687e0;flex:0 0 auto}
.service-form-no-readonly{background:#f5f7f9!important;color:#718096!important}
.service-form-actions-v319{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.service-history-filter-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.service-history-filter{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}
.service-history-filter label{min-width:220px;margin:0!important}
.service-history-filter select{height:34px!important;padding:5px 9px!important}
.service-form-history-table td{vertical-align:middle!important}
.service-form-history-actions{display:flex;gap:5px;flex-wrap:nowrap}

/* Task calendar markers */
.calendar-status-dot.task{background:#7c3aed}
.calendar-v21-event.task-calendar-event{background:#f5f0ff;border-left-color:#7c3aed}
.calendar-v21-event.task-calendar-event.waiting{background:#fff8ec;border-left-color:#e59d21}
.calendar-v21-event.task-calendar-event.completed{background:#eef7f2;border-left-color:#1db179;opacity:.78}
.calendar-v21-event.task-calendar-event .month-event-title{color:#4c1d95}

@media(max-width:760px){
  .service-form-actions-v319>.btn,.service-form-actions-v319>a.btn{flex:1 1 calc(50% - 6px)!important;min-height:38px!important}
  .service-history-filter{width:100%}.service-history-filter label{min-width:0;flex:1 1 100%}
  .service-form-history-actions{flex-wrap:wrap!important}
  .gk-column{width:min(86vw,330px)!important;min-width:min(86vw,330px)!important}
}

/* v3.19 final density pass ------------------------------------------------ */
/* Company rows: legacy v3.8 styles forced every domain chip to 100% width;
   restore intrinsic chip width so several domains can share a row. */
html[data-device-layout="desktop"] .company-domain-table{min-width:1235px!important}
html[data-device-layout="desktop"] .company-domain-table th,
html[data-device-layout="desktop"] .company-domain-table td,
html[data-device-layout="desktop"] .company-domain-table td:nth-child(n){padding-top:4px!important;padding-bottom:4px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(1),html[data-device-layout="desktop"] .company-domain-table td:nth-child(1){width:125px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(2),html[data-device-layout="desktop"] .company-domain-table td:nth-child(2){width:125px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(3),html[data-device-layout="desktop"] .company-domain-table td:nth-child(3){width:405px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(4),html[data-device-layout="desktop"] .company-domain-table td:nth-child(4){width:150px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(5),html[data-device-layout="desktop"] .company-domain-table td:nth-child(5){width:46px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(6),html[data-device-layout="desktop"] .company-domain-table td:nth-child(6){width:190px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(7),html[data-device-layout="desktop"] .company-domain-table td:nth-child(7){width:74px!important}
html[data-device-layout="desktop"] .company-domain-table th:nth-child(8),html[data-device-layout="desktop"] .company-domain-table td:nth-child(8){width:98px!important}
html[data-device-layout="desktop"] .domain-badges-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:3px!important}
html[data-device-layout="desktop"] .domain-chip-v23{display:inline-flex!important;width:auto!important;max-width:190px!important;min-height:25px!important;padding:2px 4px 2px 6px!important;gap:3px!important}
html[data-device-layout="desktop"] .domain-chip-v23>b{max-width:115px!important;font-size:9px!important}
html[data-device-layout="desktop"] .domain-state-button{padding:1px 5px!important}
html[data-device-layout="desktop"] .domain-edit-button{padding-left:5px!important;font-size:8px!important}
html[data-device-layout="desktop"] .assigned-tech{padding:2px 6px!important;font-size:8px!important}
html[data-device-layout="desktop"] .company-routing-note{margin-top:2px!important;line-height:1.2!important}
html[data-device-layout="desktop"] .company-client-code-row>.btn,
html[data-device-layout="desktop"] .company-client-meta>.btn,
html[data-device-layout="desktop"] .company-actions-wrap .btn{min-height:28px!important;padding-top:4px!important;padding-bottom:4px!important}

/* Technician satisfaction hit-area is visually centered on the score. */
html[data-device-layout="desktop"] .technician-table-v35 td:nth-child(9){text-align:center!important;padding-left:4px!important;padding-right:4px!important}
html[data-device-layout="desktop"] .tech-rating-link{display:grid!important;place-items:center!important;width:78px!important;min-width:78px!important;max-width:78px!important;margin:0 auto!important;padding:4px 5px!important}
html[data-device-layout="desktop"] .tech-rating-cell{width:100%!important;justify-content:center!important}

/* Requests use 286px desktop technician columns; tasks follow the same density. */
html[data-device-layout="desktop"] .gk-column{width:286px!important;min-width:286px!important;max-width:286px!important}
html[data-device-layout="desktop"] .gk-column-head{height:44px!important;padding:0 9px!important}
html[data-device-layout="desktop"] .gk-column-body{padding:7px!important}
html[data-device-layout="desktop"] .gk-card{padding:9px 10px!important;margin-bottom:7px!important}

/* Small, deliberate separation between report result blocks. */
.report-rating-table-card{margin-bottom:12px!important}
.report-rating-table-card + .report-table-card{margin-top:0!important}

/* ===== v3.20 Servis Formu: live filter + daha klasik form duzeni ===== */
.service-contact-grid>label:last-child{grid-column:1/-1}
.service-form-history-head .service-history-filter{margin-left:auto}
.service-form-history-table tr[hidden]{display:none!important}
.service-form-history-table tr[data-service-history-no-match] td{text-align:center;padding:22px;color:#7f8d99}
.service-form-history-head [data-service-history-count]{font-weight:800;color:#2a4155}

@media(max-width:760px){
  .service-contact-grid>label:last-child{grid-column:auto}
  .service-form-history-head .service-history-filter{margin-left:0;width:100%}
}

/* ==========================================================
   v3.21 - Servis formu + gorev bildirim/tasarim standardi
   ========================================================== */

/* Tum "Gorev Ekle" aksiyonlari ayni olcu ve hizada. */
.task-add-btn,
a.task-add-btn,
button.task-add-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:118px!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:6px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-align:center!important;
  vertical-align:middle!important;
}
.task-add-btn>span{display:block;line-height:1!important;margin:0!important;padding:0!important}
.calendar-v21-actions .task-add-btn{align-self:center!important}

/* Firma satirinda bakim anlasmasi bilgisi kompakt rozet. */
.company-maintenance-badge{
  display:inline-flex;
  align-items:center;
  margin:4px 0 0;
  padding:3px 7px;
  border-radius:999px;
  background:#eaf5fd;
  color:#1676b7;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
}
.company-maintenance-check{margin:1px 0 9px!important;font-size:11px!important}

/* Servis formu: panelin geri kalanina dokunmadan kendi scope'u icinde. */
.service-form-v321{max-width:1220px;margin:0 auto;gap:13px}
.service-form-editor-v321{padding:17px!important;gap:14px!important}
.service-form-document-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,520px);
  gap:18px;
  align-items:end;
  padding:2px 0 15px;
  border-bottom:1px solid #e5ebf0;
}
.service-form-document-head h3{margin:3px 0 4px;font-size:18px;color:#213a50}
.service-form-document-head p{margin:0;color:#7b8997;font-size:10px;line-height:1.5}
.service-form-eyebrow{font-size:9px;letter-spacing:.7px;color:#1687e0;font-weight:900}
.service-form-document-meta{display:grid;grid-template-columns:150px minmax(220px,1fr);gap:9px;align-items:end}
.service-form-document-meta label{font-size:9px!important}
.service-form-document-meta input{height:36px!important;padding:7px 9px!important;font-size:11px!important}
.service-form-company-grid{grid-template-columns:1.15fr 1fr 1fr!important}
.service-custom-customer,.service-maintenance-kind{display:none!important}
.service-custom-customer.is-open,.service-maintenance-kind.is-open{display:grid!important}
.service-work-grid{grid-template-columns:1.1fr .95fr .7fr .7fr!important}
.service-technician-picker{border:1px solid #dce5ec;border-radius:8px;background:#fbfcfd;overflow:hidden}
.service-technician-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e5ebf0;background:#f6f9fb}
.service-technician-picker-head b{display:block;color:#30485c;font-size:11px}.service-technician-picker-head small{display:block;color:#8795a2;font-size:8px;margin-top:2px}.service-technician-picker-head>span{padding:4px 8px;border-radius:999px;background:#eaf5fd;color:#1676b7;font-size:9px;font-weight:800;white-space:nowrap}
.service-technician-options{display:flex;gap:7px;flex-wrap:wrap;padding:10px 12px}
.service-tech-option{display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;gap:6px!important;padding:6px 9px;border:1px solid #d9e3eb;border-radius:999px;background:#fff;color:#41566a!important;font-size:10px!important;font-weight:700!important;cursor:pointer}
.service-tech-option input{width:auto!important;margin:0!important;padding:0!important}
.service-tech-option:has(input:checked){border-color:#8fc9ef;background:#eef8ff;color:#166a9f!important}
.service-work-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e5ebf0;background:#fff}
.service-work-summary>div{padding:10px 12px;border-right:1px solid #e8edf2}.service-work-summary>div:last-child{border-right:0}.service-work-summary span{display:block;color:#7d8b98;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.25px}.service-work-summary b{display:block;margin-top:3px;color:#223b50;font-size:12px}
.service-form-work-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-form-work-panels textarea{min-height:148px!important}
.service-form-actions-v321{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding-top:11px!important}
.service-form-actions-v321 .btn{min-width:108px;justify-content:center;text-align:center}
.service-type-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#f0f4f7;color:#536779;font-size:8px;font-weight:800;white-space:nowrap}
.service-type-maintenance{background:#eaf5fd;color:#1676b7}.service-type-office{background:#fff4dd;color:#9a6800}.service-type-end_user{background:#f2edff;color:#6846aa}

@media (max-width:1100px){
  .service-form-document-head{grid-template-columns:1fr}
  .service-form-document-meta{max-width:520px}
  .service-form-company-grid,.service-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .task-add-btn,a.task-add-btn,button.task-add-btn{min-width:112px!important;height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:11px!important}
  .service-form-editor-v321{padding:11px!important}
  .service-form-document-meta{grid-template-columns:1fr 1fr;gap:7px}
  .service-form-company-grid,.service-work-grid,.service-form-work-panels{grid-template-columns:1fr!important}
  .service-technician-options{display:grid;grid-template-columns:1fr 1fr}
  .service-tech-option{border-radius:7px!important;justify-content:flex-start!important;min-width:0!important}
  .service-work-summary{grid-template-columns:1fr}.service-work-summary>div{border-right:0;border-bottom:1px solid #e8edf2}.service-work-summary>div:last-child{border-bottom:0}
  .service-form-actions-v321{display:grid!important;grid-template-columns:1fr!important}.service-form-actions-v321 .btn{width:100%!important;min-height:40px!important}
}

/* v3.21 bakım anlaşması ayrıntıları */
.company-address-create{grid-template-columns:minmax(260px,2fr) minmax(140px,1fr) minmax(140px,1fr)!important}
.company-contract-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px;padding:10px;border:1px solid #d9e7f1;border-radius:8px;background:#f8fbfd}
.company-contract-fields label{margin:0!important;font-size:9px!important;color:#5f7182!important}
.company-contract-fields input{height:34px!important;padding:6px 8px!important}
.company-contract-inline{display:block;margin-top:3px;color:#6f8292;font-size:8px;white-space:nowrap}
.company-modal-company-meta{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr)!important}
.company-address-wide{min-width:0}

.service-company-meta-grid{grid-template-columns:minmax(0,2fr) minmax(160px,.75fr) minmax(160px,.75fr)!important;gap:9px!important}
.service-company-meta-grid .service-address-field textarea{min-height:58px!important;resize:vertical}
.service-contract-card{display:none;border:1px solid #cfe4f2;border-radius:9px;background:linear-gradient(135deg,#f8fcff 0%,#eef8ff 100%);overflow:hidden}
.service-contract-card.is-open{display:block}
.service-contract-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #dbeaf4}
.service-contract-card-head>div{display:flex;align-items:center;gap:8px;min-width:0}.service-contract-card-head b{font-size:12px;color:#173a55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-contract-card-head span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#dff5e9;color:#16804f;font-size:8px;font-weight:900;white-space:nowrap}.service-contract-card-head small{font-size:8px;color:#778b9a;text-align:right}
.service-contract-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.service-contract-metrics>div{padding:9px 11px;border-right:1px solid #dfebf3}.service-contract-metrics>div:last-child{border-right:0}.service-contract-metrics span{display:block;color:#748797;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.2px}.service-contract-metrics b{display:block;margin-top:3px;color:#243e53;font-size:10px}.service-contract-metrics .service-contract-remaining b{color:#158457}
.service-maintenance-details{display:none!important;grid-template-columns:1fr 1fr 1.25fr!important;gap:9px!important}
.service-maintenance-details.is-open{display:grid!important}
.service-maintenance-note{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:9px 11px;border:1px solid #d8e5ee;border-radius:7px;background:#f8fbfd}.service-maintenance-note b{font-size:10px;color:#28506d}.service-maintenance-note span{font-size:8px;line-height:1.45;color:#7890a1}

@media(max-width:1100px){
  .company-address-create,.company-modal-company-meta{grid-template-columns:1fr 1fr!important}.company-address-create>label:first-child,.company-modal-company-meta>label:first-child{grid-column:1/-1}
  .service-company-meta-grid{grid-template-columns:1fr 1fr!important}.service-company-meta-grid .service-address-field{grid-column:1/-1}
  .service-contract-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.service-contract-metrics>div{border-bottom:1px solid #dfebf3}
  .service-maintenance-details{grid-template-columns:1fr 1fr!important}.service-maintenance-note{grid-column:1/-1}
}
@media(max-width:760px){
  .company-address-create,.company-modal-company-meta,.company-contract-fields{grid-template-columns:1fr!important}.company-address-create>label:first-child,.company-modal-company-meta>label:first-child{grid-column:auto}
  .service-company-meta-grid,.service-maintenance-details{grid-template-columns:1fr!important}.service-company-meta-grid .service-address-field,.service-maintenance-note{grid-column:auto}
  .service-contract-card-head{align-items:flex-start;flex-direction:column}.service-contract-card-head small{text-align:left}
  .service-contract-metrics{grid-template-columns:1fr 1fr}.service-contract-metrics>div{border-right:1px solid #dfebf3}.service-contract-metrics>div:nth-child(2n){border-right:0}
}
.company-contract-fields[data-company-contract-fields]{display:none}
.company-contract-fields[data-company-contract-fields].is-open{display:grid}

/* v3.22 Servis Formu kompakt çalışma alanı */
.service-form-v322 .service-form-section-title{padding-top:4px}
.service-form-v322 .service-work-grid{grid-template-columns:1.08fr .92fr .68fr .68fr!important;gap:7px!important}
.service-form-v322 .service-work-grid label,.service-form-v322 .service-maintenance-details label{gap:4px!important}
.service-form-v322 .service-work-grid input,.service-form-v322 .service-work-grid select,.service-form-v322 .service-maintenance-details input{height:34px!important;min-height:34px!important;padding:6px 8px!important}
.service-form-v322 .service-maintenance-details{grid-template-columns:1fr 1fr!important;gap:7px!important}
.service-form-v322 .service-technician-picker-head{padding:7px 10px!important}
.service-form-v322 .service-technician-options{padding:7px 10px!important;gap:6px!important}
.service-form-v322 .service-tech-option{padding:5px 8px!important;font-size:9px!important}
.service-work-compact-stats{display:flex;align-items:stretch;gap:6px;flex:0 0 auto}
.service-work-compact-stats>span{display:grid;gap:1px;min-width:82px;padding:5px 8px;border:1px solid #dce6ee;border-radius:7px;background:#fff;text-align:left}
.service-work-compact-stats small{font-size:7px!important;color:#8493a0!important;text-transform:uppercase;letter-spacing:.2px;font-weight:800}
.service-work-compact-stats b{font-size:10px;color:#253f55;white-space:nowrap}
.service-form-v322 .service-form-work-panels{align-items:stretch}
.service-form-v322 .service-form-work-panels label{height:100%}
.service-form-v322 .service-form-work-panels textarea{height:148px!important;min-height:148px!important;max-height:148px!important;resize:vertical}
@media(max-width:1100px){.service-form-v322 .service-maintenance-details{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){
  .service-form-v322 .service-work-grid,.service-form-v322 .service-maintenance-details{grid-template-columns:1fr!important}
  .service-form-v322 .service-technician-picker-head{align-items:flex-start;flex-direction:column}
  .service-work-compact-stats{width:100%}.service-work-compact-stats>span{flex:1;min-width:0}
  .service-form-v322 .service-form-work-panels textarea{height:132px!important;min-height:132px!important;max-height:none!important}
}


/* v3.23 - Servis Formu yatay/sade düzen */
.service-form-v323{max-width:1320px;margin:0 auto;gap:12px}
.service-form-editor-v323{padding:15px!important;gap:12px!important}
.service-form-v323 .service-form-document-head{grid-template-columns:minmax(0,1fr) minmax(360px,470px);padding-bottom:12px}
.service-form-v323 .service-form-customer-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px!important}
.service-form-v323 .service-recipient-mail{min-width:280px}
.service-form-v323 .service-work-grid-v323{grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) 115px 115px minmax(125px,.8fr);gap:7px!important;align-items:end}
.service-form-v323 .service-work-grid-v323 label{gap:4px!important}
.service-form-v323 .service-work-grid-v323 input,.service-form-v323 .service-work-grid-v323 select{height:34px!important;min-height:34px!important;padding:6px 8px!important}
.service-duration-field{display:grid;gap:4px;min-width:0}.service-duration-field>span{font-size:10px;font-weight:700;color:#485a6b}.service-duration-field>b{display:flex;align-items:center;height:34px;padding:0 10px;border:1px solid #dce5ec;border-radius:6px;background:#f6f9fb;color:#203e55;font-size:11px;white-space:nowrap}
.service-form-v323 .service-technician-picker-v323 .service-technician-picker-head{padding:7px 10px!important}
.service-form-v323 .service-technician-picker-v323 .service-technician-options{padding:7px 10px!important;gap:6px!important}
.service-form-v323 .service-contract-card-head{padding:8px 10px}.service-form-v323 .service-contract-metrics>div{padding:7px 9px}
.service-form-v323 .service-form-work-panels textarea{height:140px!important;min-height:140px!important;max-height:140px!important}
.service-form-result-row{display:grid;grid-template-columns:minmax(240px,420px);justify-content:start}.service-form-result-row label{min-width:0}
@media(max-width:1100px){.service-form-v323 .service-work-grid-v323{grid-template-columns:repeat(3,minmax(0,1fr))}.service-duration-field{align-self:end}}
@media(max-width:760px){.service-form-v323 .service-form-document-head{grid-template-columns:1fr}.service-form-v323 .service-form-customer-row,.service-form-v323 .service-work-grid-v323{grid-template-columns:1fr!important}.service-form-v323 .service-recipient-mail{min-width:0}.service-form-v323 .service-form-work-panels{grid-template-columns:1fr!important}.service-form-v323 .service-form-work-panels textarea{height:128px!important;min-height:128px!important;max-height:none!important}.service-form-result-row{grid-template-columns:1fr}}