: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}aside{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){aside{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}
aside{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 aside{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) aside{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){
  aside{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 aside{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)}
aside{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 aside{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) aside{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){aside{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}}