/* 1Byte Technology local panel redesign — shared dark workspace theme */
:root{
  --panel-page:#07111f;
  --panel-sidebar:#081726;
  --panel-sidebar-2:#0b2137;
  --panel-surface:#0d1b2d;
  --panel-surface-2:#112238;
  --panel-elevated:#142943;
  --panel-border:#213650;
  --panel-border-strong:#2c4866;
  --panel-text:#f3f7fb;
  --panel-text-2:#b6c4d3;
  --panel-muted:#7f92a8;
  --panel-brand:#0755ad;
  --panel-brand-hover:#0b67ca;
  --panel-brand-soft:#0d315b;
  --panel-cyan:#42c7d0;
  --panel-success:#31bf8a;
  --panel-warning:#ef9f45;
  --panel-danger:#ee6b76;
  --panel-radius:8px;
  color-scheme:dark;
}

/* Portal / management shell */
.portal-root{
  --white:var(--panel-surface);
  --canvas:var(--panel-page);
  --surface:var(--panel-surface-2);
  --surface-blue:var(--panel-brand-soft);
  --ink:var(--panel-text);
  --ink-soft:var(--panel-text-2);
  --muted:var(--panel-muted);
  --line:var(--panel-border);
  --line-strong:var(--panel-border-strong);
  --navy:var(--panel-sidebar);
  --navy-2:var(--panel-sidebar-2);
  --brand:var(--panel-brand);
  --brand-strong:var(--panel-brand-hover);
  --cyan:var(--panel-cyan);
  --success:var(--panel-success);
  --warning:var(--panel-warning);
  --danger:var(--panel-danger);
  min-height:100dvh;
  background:var(--panel-page);
  color:var(--panel-text);
}
.portal-root :is(h1,h2,h3,h4,strong){color:var(--panel-text)}
.portal-shell{
  grid-template-columns:264px minmax(0,1fr)!important;
  min-height:100dvh!important;
  background:linear-gradient(90deg,var(--panel-sidebar) 0 264px,var(--panel-page) 264px 100%)!important;
}
.portal-sidebar{
  width:264px!important;
  height:100dvh!important;
  max-height:100dvh!important;
  padding:20px 14px 16px!important;
  background:var(--panel-sidebar)!important;
  border-right:1px solid #162b43;
}
.portal-sidebar-brand{min-height:46px!important;padding:0 10px!important}
.portal-sidebar-brand img{width:126px!important;filter:brightness(0) invert(1)}
.portal-scope{
  margin:12px 5px 14px!important;
  padding:10px 12px!important;
  border:1px solid #234362!important;
  border-radius:6px!important;
  background:#0c2741!important;
  color:#d9e8f5!important;
  font-size:9px!important;
}
.portal-nav{display:flex!important;flex-direction:column!important;gap:2px!important;padding:0 3px 12px 0!important}
.portal-nav-section{
  width:100%;
  margin:13px 8px 4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#67849d!important;
  cursor:pointer;
  text-align:left;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
}
.portal-nav-section::after{content:"−";float:right;color:#44617d}
.portal-nav-section[aria-expanded="false"]::after{content:"+"}
.portal-nav-button.nav-group-collapsed{display:none!important}
.portal-nav-button.ia-group-start{margin-top:26px!important}
.portal-nav-button.ia-group-start::before{content:attr(data-section-heading);position:absolute;left:8px;top:-19px;color:#67849d;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.portal-nav-button.ia-group-start:first-of-type{margin-top:20px!important}
.portal-nav-button{
  min-height:42px!important;
  gap:10px!important;
  padding:5px 9px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#9eb0c3!important;
  font-size:11px!important;
  font-weight:650!important;
}
.portal-nav-button>svg:first-child{
  width:29px!important;
  height:29px!important;
  padding:6px!important;
  border:1px solid #1e3b58!important;
  border-radius:6px!important;
  background:#0b2137!important;
  color:#7893ad!important;
}
.portal-nav-button:hover{
  transform:none!important;
  border-color:#234663!important;
  background:#0c2945!important;
  color:#fff!important;
}
.portal-nav-button.is-active{
  border-color:#245483!important;
  background:linear-gradient(90deg,#0d3764,#0c2947)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 var(--panel-brand)!important;
}
.portal-nav-button.is-active>svg:first-child{border-color:#2d6ca8!important;background:#0d4f91!important;color:#fff!important}
.portal-nav-button.portal-nav-product{margin-top:0!important;border-color:transparent!important;background:transparent!important;color:#9eb0c3!important}
.portal-nav-button.portal-nav-product:hover{border-color:#234663!important;background:#0c2945!important;color:#fff!important}
.portal-nav-button.portal-nav-product.is-active{border-color:#245483!important;background:linear-gradient(90deg,#0d3764,#0c2947)!important}
.portal-user-card{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:8px 4px 0!important;
  padding:16px 8px 2px!important;
  border-top:1px solid #1f3851!important;
}
.portal-user-card>div{flex:1 1 auto!important;min-width:0!important}
.portal-user-card strong,.portal-user-card span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.portal-user-card>.portal-avatar,.portal-user-card>a,.portal-user-card>button{flex:none!important}
.portal-avatar{background:var(--panel-brand)!important;box-shadow:0 0 0 3px #102b47!important}
.portal-user-card::before{display:none!important}
.portal-sidebar .icon-button{border-color:#284662!important;background:#0b2137!important;color:#9eb0c3!important}
.portal-main{min-height:100dvh!important;background:var(--panel-page)!important}
.portal-topbar{
  min-height:64px!important;
  padding:0 26px!important;
  border-bottom:1px solid var(--panel-border)!important;
  background:rgba(8,20,34,.94)!important;
  backdrop-filter:blur(14px);
}
.portal-search input{
  height:38px!important;
  border-color:var(--panel-border)!important;
  background:#0b192a!important;
  color:var(--panel-text)!important;
}
.portal-search input::placeholder{color:#667b91}
.icon-button{
  border-color:var(--panel-border)!important;
  background:var(--panel-surface)!important;
  color:var(--panel-text-2)!important;
}
.icon-button:hover{border-color:#32699d!important;background:var(--panel-elevated)!important;color:#fff!important}
.portal-content{max-width:1680px;margin:0 auto;padding:26px 28px 42px!important}
.app-page-head{min-height:66px!important;margin-bottom:22px!important}
.app-page-head small{color:#55a7f0!important;letter-spacing:.07em}
.app-page-head h1{font-size:25px!important;letter-spacing:-.025em}
.app-page-head p{color:var(--panel-muted)!important}
.btn{border-radius:6px!important;box-shadow:none!important}
.btn-primary{border-color:#176fc4!important;background:var(--panel-brand)!important;color:#fff!important}
.btn-primary:hover{background:var(--panel-brand-hover)!important}
.btn-secondary,.btn-ghost{
  border-color:var(--panel-border-strong)!important;
  background:var(--panel-surface-2)!important;
  color:var(--panel-text-2)!important;
}
.btn-secondary:hover,.btn-ghost:hover{border-color:#3672a9!important;background:var(--panel-elevated)!important;color:#fff!important}
.metric-grid{gap:12px!important;margin-bottom:16px!important}
.metric-card{
  position:relative;
  min-height:116px!important;
  overflow:hidden;
  border-color:var(--panel-border)!important;
  border-radius:var(--panel-radius)!important;
  background:linear-gradient(145deg,var(--panel-surface-2),var(--panel-surface))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.metric-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--panel-brand)}
.metric-card:nth-child(2)::before{background:#258ed9}.metric-card:nth-child(3)::before{background:var(--panel-cyan)}
.metric-card:nth-child(4)::before{background:var(--panel-success)}.metric-card:nth-child(5)::before{background:var(--panel-warning)}
.metric-card-head span,.metric-card small{color:var(--panel-muted)!important}
.metric-card strong{font-size:27px!important;letter-spacing:-.035em}
.panel-section,.ia-hub-card,.ia-setting-card,.ia-lifecycle-summary{
  border-color:var(--panel-border)!important;
  border-radius:var(--panel-radius)!important;
  background:var(--panel-surface)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.panel-section-head{border-color:var(--panel-border)!important;background:linear-gradient(180deg,var(--panel-surface-2),var(--panel-surface))}
.panel-section-head p,.ia-section-heading p,.ia-hub-card>p,.ia-setting-card>p{color:var(--panel-muted)!important}
.filter-bar,.table-tools{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}
.filter-bar input,.filter-bar select,.field input,.field select,.field textarea{
  border-color:var(--panel-border-strong)!important;
  background:#0a1727!important;
  color:var(--panel-text)!important;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#2678c7!important;box-shadow:0 0 0 3px rgba(7,85,173,.2)!important}
.field>span{color:var(--panel-text-2)!important}
.app-table th{border-color:var(--panel-border)!important;background:#0a1727!important;color:#71859c!important}
.app-table td{border-color:var(--panel-border)!important;color:var(--panel-text-2)!important}
.app-table tbody tr:hover,.support-ticket-row:hover{background:#10243a!important}
.cell-main{color:var(--panel-text)!important}.cell-sub{color:var(--panel-muted)!important}
.badge{border-color:var(--panel-border-strong)!important;background:#17263a!important;color:#a9b8c8!important;border-radius:4px!important}
.badge.success{border-color:#24664f!important;background:#102d27!important;color:#58d3a4!important}
.badge.warning{border-color:#6e5428!important;background:#312614!important;color:#f1b760!important}
.badge.danger{border-color:#6e3540!important;background:#321923!important;color:#f18b95!important}
.badge.info{border-color:#295d90!important;background:#102b4a!important;color:#6ab1f0!important}
.progress-track{background:#17283d!important}.progress-track span{background:var(--panel-brand)!important}
.activity-list{background:var(--panel-surface)}.activity-item{border-color:var(--panel-border)!important}
.activity-icon{background:var(--panel-brand-soft)!important;color:#61aff3!important}
.quick-action{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important;color:var(--panel-text-2)!important}
.quick-action:hover{border-color:#3371aa!important;background:var(--panel-elevated)!important;color:#fff!important}
.company-profile{background:var(--panel-border)!important}.company-profile div{background:var(--panel-surface)!important}
.empty-state,.dsys-empty{color:var(--panel-muted)!important;background:#0a1727!important;border-color:var(--panel-border-strong)!important}

/* Real-data dashboard charts */
.panel-dashboard-analytics{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.45fr);gap:16px;margin:0 0 16px}
.panel-chart-card{min-width:0;border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface);box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden}
.panel-chart-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-surface-2),var(--panel-surface))}
.panel-chart-card>header span{display:block;color:#55a7f0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.panel-chart-card>header h2{margin:4px 0 0;font-size:14px}.panel-chart-card>header small{color:var(--panel-muted);font-size:9px;font-weight:700}
.panel-donut-layout{display:grid;grid-template-columns:136px 1fr;align-items:center;gap:18px;padding:20px}
.panel-donut{position:relative;width:126px;height:126px;border-radius:50%;background:var(--panel-donut);display:grid;place-items:center}
.panel-donut::after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--panel-surface);box-shadow:0 0 0 1px var(--panel-border)}
.panel-donut strong,.panel-donut span{position:relative;z-index:1;text-align:center}.panel-donut strong{align-self:end;font-size:25px;line-height:1}.panel-donut span{align-self:start;color:var(--panel-muted);font-size:9px}
.panel-chart-legend{display:grid;gap:9px;margin:0;padding:0;list-style:none}.panel-chart-legend li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--panel-border);font-size:10px;color:var(--panel-text-2)}
.panel-chart-legend li:last-child{border-bottom:0}.panel-chart-legend i{width:7px;height:7px;border-radius:2px}.panel-chart-legend i.is-blue{background:#0755ad}.panel-chart-legend i.is-cyan{background:#42c7d0}.panel-chart-legend i.is-amber{background:#ef9f45}
.panel-column-chart{display:grid;grid-template-columns:repeat(7,minmax(24px,1fr));align-items:end;gap:10px;height:180px;padding:28px 20px 20px;background-image:linear-gradient(to bottom,transparent 49%,rgba(45,72,102,.28) 50%,transparent 51%)}
.panel-chart-column{height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:5px}.panel-chart-column>span{align-self:end;width:min(32px,72%);min-height:3px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#1781dc,#0755ad);box-shadow:0 0 0 1px rgba(73,153,224,.18)}
.panel-chart-column strong{font-size:9px}.panel-chart-column small{color:var(--panel-muted);font-size:8px;text-transform:uppercase}
.panel-chart-foot{display:flex;gap:18px;padding:12px 18px;border-top:1px solid var(--panel-border);color:var(--panel-muted);font-size:9px}.panel-chart-foot strong{margin-left:4px;color:var(--panel-text)}
.panel-capacity-chart{display:grid;gap:18px;padding:24px 20px 0}.panel-capacity-value{display:flex;align-items:baseline;gap:8px}.panel-capacity-value>strong{font-size:42px;line-height:1;letter-spacing:-.05em}.panel-capacity-value>span{color:var(--panel-muted);font-size:11px}.panel-capacity-value b{color:var(--panel-text-2)}.panel-capacity-track{height:13px;overflow:hidden;border:1px solid var(--panel-border);border-radius:4px;background:#081523}.panel-capacity-track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0755ad,#42c7d0);transition:width .2s ease}.panel-capacity-chart .panel-chart-foot{margin:0 -20px;padding-top:14px}

/* Information architecture and custom admin components */
.ia-mini-metrics{border-color:var(--panel-border)!important}.ia-mini-metrics>div{background:var(--panel-surface-2)!important}.ia-mini-metrics>div+div{border-color:var(--panel-border)!important}
.ia-mini-metrics span,.ia-mini-metrics small,.ia-lifecycle-summary span,.ia-lifecycle-summary small{color:var(--panel-muted)!important}
.ia-lifecycle-summary>div+div{border-color:var(--panel-border)!important}
.ia-setting-card dl{border-color:var(--panel-border)!important}.ia-setting-card dl div{border-color:var(--panel-border)!important}.ia-setting-card dt{color:var(--panel-muted)!important}.ia-setting-card dd{color:var(--panel-text)!important}
.ia-setting-note{margin-top:auto!important;padding-top:12px;border-top:1px solid var(--panel-border);font-size:9px!important}
.profile-detail-grid,.license-detail-grid,.support-ticket-summary,.dsys-company-summary{border-color:var(--panel-border)!important;background:var(--panel-border)!important}
.profile-detail-grid>div,.license-detail-grid div,.support-ticket-summary div,.dsys-company-summary div{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}
.license-secret,.license-notes,.support-ticket-body,.dsys-license-item,.dsys-new-license,.dsys-license-section,.dsys-feature-section,.user-privacy-section{border-color:var(--panel-border)!important;background:var(--panel-surface)!important}
.license-secret code,.dsys-created-keys code{border-color:var(--panel-border)!important;background:#081523!important;color:var(--panel-text)!important}
.license-kind-summary,.dsys-company-access,.hr-central-access{border-color:#285786!important;background:#0d2947!important}
.dsys-pool-option,.feature-checklist-group,.privacy-device-card{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}
.feature-check-option+ .feature-check-option,.privacy-device-card>header,.privacy-record-grid,.privacy-device-card>footer{border-color:var(--panel-border)!important}
.privacy-device-card>header,.privacy-device-card>footer,.privacy-loading,.privacy-empty{background:#0a1727!important}
.portal-notification-drawer{border-color:var(--panel-border)!important;background:var(--panel-surface)!important;box-shadow:0 24px 64px rgba(0,0,0,.4)!important}
.portal-notification-drawer header{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}.portal-notification-drawer header strong{color:var(--panel-text)!important}.portal-notification-drawer header span{color:var(--panel-muted)!important}
.portal-notification-item{border-color:var(--panel-border)!important;background:#0a1727!important}.portal-notification-item strong{color:var(--panel-text)!important}.portal-notification-item p,.portal-notification-item time{color:var(--panel-muted)!important}
.modal-backdrop,.admin-editor-backdrop{background:rgba(2,8,15,.78)!important;backdrop-filter:blur(5px)}
.app-modal{border-color:var(--panel-border-strong)!important;background:var(--panel-surface)!important;box-shadow:0 28px 80px rgba(0,0,0,.5)!important}.modal-head,.modal-actions{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}

/* SETS panel */
.app-shell{
  --bg:var(--panel-page);--panel:var(--panel-surface);--ink:var(--panel-text);--muted:var(--panel-muted);--line:var(--panel-border);--blue:var(--panel-brand);--blue-dark:var(--panel-brand-hover);--green:var(--panel-success);--red:var(--panel-danger);--amber:var(--panel-warning);--sidebar:var(--panel-sidebar);
  grid-template-columns:264px minmax(0,1fr)!important;
  background:var(--panel-page)!important;
  color:var(--panel-text)!important;
}
.app-shell :is(h1,h2,h3,strong){color:var(--panel-text)}
.app-shell .sidebar{width:264px!important;height:100dvh!important;padding:20px 14px 16px!important;background:var(--panel-sidebar)!important;border-right:1px solid #162b43!important}
.app-shell .brand{min-height:46px!important;padding:0 10px!important;background:transparent!important}.app-shell .brand img{width:126px!important;height:auto!important;filter:brightness(0) invert(1)!important}
.app-shell .scope{margin:12px 5px 14px!important;padding:10px 12px!important;border:1px solid #234362!important;border-radius:6px!important;background:#0c2741!important;color:#d9e8f5!important;font-size:9px!important}
.app-shell .nav{gap:12px!important;min-height:0;overflow-y:auto;scrollbar-width:none}.app-shell .nav::-webkit-scrollbar{display:none}.app-shell .nav-group{gap:3px!important}.app-shell .nav-group-title{padding:0 8px!important;color:#67849d!important;font-size:8px!important;letter-spacing:.1em!important}
.app-shell .nav a{min-height:42px!important;padding:5px 8px!important;border-radius:6px!important;border:1px solid transparent!important;background:transparent!important;color:#9eb0c3!important}.app-shell .nav-icon{width:29px!important;height:29px!important;border-radius:6px!important;border-color:#1e3b58!important;background:#0b2137!important;color:#7893ad!important}.app-shell .nav-text strong{font-size:11px!important}.app-shell .nav-text small{color:#71879d!important;font-size:8px!important}
.app-shell .nav a:hover,.app-shell .nav a.active{border-color:#234663!important;background:#0c2945!important;color:#fff!important;box-shadow:none!important}.app-shell .nav a.active{background:linear-gradient(90deg,#0d3764,#0c2947)!important;box-shadow:inset 3px 0 var(--panel-brand)!important}.app-shell .nav a.active .nav-icon,.app-shell .nav a:hover .nav-icon{border-color:#2d6ca8!important;background:#0d4f91!important}
.app-shell .sidebar-user{margin:10px 4px 0!important;padding:12px!important;border-color:#1f3851!important;border-radius:6px!important;background:#0a1d30!important}
.app-shell .workspace{background:var(--panel-page)!important}.app-shell .topbar{min-height:64px!important;padding:0 26px!important;border-color:var(--panel-border)!important;background:rgba(8,20,34,.94)!important;backdrop-filter:blur(14px)}
.app-shell .role-badge{border-color:#285786!important;background:#0d2947!important;color:#71b8f4!important}
.app-shell .content{max-width:1680px;margin:0 auto;padding:26px 28px 42px!important}
.app-shell .page-heading{min-height:66px!important;margin-bottom:22px!important}.app-shell .page-heading h2{font-size:25px!important}.app-shell .page-heading p,.app-shell .section-head p,.app-shell .card-copy{color:var(--panel-muted)!important}
.app-shell .metrics{gap:12px!important;margin-bottom:16px!important}.app-shell .metric{position:relative;min-height:116px!important;overflow:hidden;border-color:var(--panel-border)!important;border-radius:var(--panel-radius)!important;background:linear-gradient(145deg,var(--panel-surface-2),var(--panel-surface))!important}.app-shell .metric::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--panel-brand)}.app-shell .metric:nth-child(2)::before{background:#258ed9}.app-shell .metric:nth-child(3)::before{background:var(--panel-cyan)}.app-shell .metric:nth-child(4)::before{background:var(--panel-success)}.app-shell .metric:nth-child(5)::before{background:var(--panel-warning)}.app-shell .metric span{color:var(--panel-muted)!important}.app-shell .metric strong{color:var(--panel-text)!important}
.app-shell :is(.card,.table-card,.quick-section,.activity-summary-card,.location-summary-card,.message-history-item,.recipient-row,.settings-card){border-color:var(--panel-border)!important;background:var(--panel-surface)!important;box-shadow:0 12px 30px rgba(0,0,0,.1)!important}
.app-shell .table-card .section-head,.app-shell .quick-section>.section-head,.app-shell .table-tools,.app-shell .inline-form,.app-shell .message-history-footer{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}
.app-shell .section:not(.quick-section)>.section-head{background:transparent!important;border-bottom:0!important;margin:0 0 14px!important;padding:0!important;min-height:0!important}
.app-shell :is(input,select,textarea){border-color:var(--panel-border-strong)!important;background:#0a1727!important;color:var(--panel-text)!important}.app-shell label{color:var(--panel-text-2)!important}.app-shell :is(input,select,textarea):focus{border-color:#2678c7!important;outline:2px solid rgba(7,85,173,.22)!important}
.app-shell .button{border:1px solid #176fc4!important;border-radius:6px!important;background:var(--panel-brand)!important;color:#fff!important}.app-shell .button:hover{background:var(--panel-brand-hover)!important}.app-shell .button.secondary{border-color:var(--panel-border-strong)!important;background:var(--panel-surface-2)!important;color:var(--panel-text-2)!important}.app-shell .button.secondary:hover{border-color:#3672a9!important;background:var(--panel-elevated)!important;color:#fff!important}.app-shell .button.danger{border-color:#683743!important;background:#321923!important;color:#f18b95!important}
.app-shell th{border-color:var(--panel-border)!important;background:#0a1727!important;color:#71859c!important}.app-shell td{border-color:var(--panel-border)!important;color:var(--panel-text-2)!important}.app-shell td strong{color:var(--panel-text)!important}.app-shell tbody tr:hover{background:#10243a!important}.app-shell .sub{color:var(--panel-muted)!important}
.app-shell .badge{border-color:var(--panel-border-strong)!important;background:#17263a!important;color:#a9b8c8!important;border-radius:4px!important}.app-shell .badge.completed,.app-shell .badge.active{border-color:#24664f!important;background:#102d27!important;color:#58d3a4!important}.app-shell .badge.assigned{border-color:#295d90!important;background:#102b4a!important;color:#6ab1f0!important}.app-shell .badge.in_progress{border-color:#6e5428!important;background:#312614!important;color:#f1b760!important}
.app-shell .activity-status,.app-shell .geo-card,.app-shell .geo-empty,.app-shell .feature-locked,.app-shell .archive-card .section-head{border-color:var(--panel-border)!important;background:#0a1727!important;color:var(--panel-muted)!important}.app-shell .geo-meta strong,.app-shell .time-stack b{color:var(--panel-text)!important}.app-shell .time-stack,.app-shell .activity-table td:nth-child(n+4){color:var(--panel-text-2)!important}.app-shell .date-picker-button{background:var(--panel-elevated)!important;color:#72b7f1!important}

/* HR panel */
.hr-shell{
  --navy:var(--panel-sidebar);--navy2:var(--panel-sidebar-2);--blue:var(--panel-brand);--cyan:var(--panel-cyan);--ink:var(--panel-text);--muted:var(--panel-muted);--line:var(--panel-border);--bg:var(--panel-page);--white:var(--panel-surface);--green:var(--panel-success);--green-bg:#102d27;--red:var(--panel-danger);--red-bg:#321923;--amber:var(--panel-warning);--amber-bg:#312614;
  background:var(--panel-page);color:var(--panel-text);
}
.hr-shell :is(h1,h2,h3,strong){color:var(--panel-text)}
.hr-sidebar{width:264px!important;padding:20px 14px 16px!important;background:var(--panel-sidebar)!important;border-right:1px solid #162b43}.hr-brand{min-height:46px!important;padding:0 10px 14px!important}.brand-word{font-size:40px!important}.hr-module{margin:0 5px 14px!important;padding:10px 12px!important;border-color:#234362!important;border-radius:6px!important;background:#0c2741!important;color:#d9e8f5!important}.hr-sidebar nav{gap:12px!important;padding-right:3px!important}.hr-sidebar .nav-group{gap:3px!important}.hr-sidebar .nav-group-title{padding:0 8px!important;color:#67849d!important;font-size:8px!important;letter-spacing:.1em!important}.nav-item,.back-link{min-height:42px!important;padding:5px 8px!important;border-radius:6px!important;color:#9eb0c3!important}.nav-item .nav-icon,.back-link .nav-icon{width:29px!important;height:29px!important;border-radius:6px!important;border-color:#1e3b58!important;background:#0b2137!important;color:#7893ad!important}.nav-text strong{font-size:11px!important}.nav-text small{color:#71879d!important;font-size:8px!important}.nav-item:hover,.back-link:hover{transform:none!important;border-color:#234663!important;background:#0c2945!important}.nav-item.active{border-color:#245483!important;background:linear-gradient(90deg,#0d3764,#0c2947)!important;box-shadow:inset 3px 0 var(--panel-brand)!important}.nav-item.active .nav-icon{border-color:#2d6ca8!important;background:#0d4f91!important}.hr-sidebar .sidebar-user{margin:10px 4px 0!important;padding:12px 8px 0!important;border-color:#1f3851!important}
.hr-main{margin-left:264px!important;background:var(--panel-page)!important}.hr-topbar{height:64px!important;padding:0 26px!important;border-color:var(--panel-border)!important;background:rgba(8,20,34,.94)!important;backdrop-filter:blur(14px)}.secure-badge{color:var(--panel-success)!important}.hr-content{max-width:1680px!important;padding:26px 28px 54px!important}.page-heading{margin-bottom:22px!important}.page-heading h1{font-size:25px!important}.page-heading p{color:var(--panel-muted)!important}.eyebrow{color:#55a7f0!important}
.primary-button{border-radius:6px!important;border-color:#176fc4!important;background:var(--panel-brand)!important}.primary-button:hover{background:var(--panel-brand-hover)!important}.secondary-button,.hr-shell .icon-button{border-radius:6px!important;border-color:var(--panel-border-strong)!important;background:var(--panel-surface-2)!important;color:var(--panel-text-2)!important}
.hr-shell .metrics{gap:0!important;border-color:var(--panel-border)!important;background:var(--panel-surface)!important;box-shadow:0 12px 30px rgba(0,0,0,.1)!important}.hr-shell .metric{position:relative;border-color:var(--panel-border)!important;background:linear-gradient(145deg,var(--panel-surface-2),var(--panel-surface))!important}.hr-shell .metric::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--panel-brand)}.hr-shell .metric:nth-child(2)::before{background:#258ed9}.hr-shell .metric:nth-child(3)::before{background:var(--panel-cyan)}.hr-shell .metric:nth-child(4)::before{background:var(--panel-success)}
.toolbar,.table-wrap,.overview-panel,.pipeline-card,.settings-panel,.privacy-status,.empty{border-color:var(--panel-border)!important;background:var(--panel-surface)!important;box-shadow:0 12px 30px rgba(0,0,0,.1)!important}.toolbar{border-bottom:1px solid var(--panel-border)!important}.search,.hr-shell :is(select,input,textarea){border-color:var(--panel-border-strong)!important;background:#0a1727!important;color:var(--panel-text)!important}.search input{background:transparent!important}.toggle span{background:#30445b!important}.hr-shell th{background:#0a1727!important;color:#71859c!important}.hr-shell td{border-color:var(--panel-border)!important;color:var(--panel-text-2)!important}.hr-shell tbody tr:hover{background:#10243a!important}.person span,.panel-title span,.overview-item-copy span,.overview-empty{color:var(--panel-muted)!important}.pipeline-column{border-color:#32699d!important;background:#0a1727!important}.overview-item{border-color:var(--panel-border)!important}.overview-item>span:first-child{border-color:#295d90!important;background:#102b4a!important;color:#6ab1f0!important}
.hr-shell dialog{border:1px solid var(--panel-border-strong)!important;background:var(--panel-surface)!important;color:var(--panel-text)!important}.hr-shell .dialog-head,.hr-shell .dialog-actions,.catalog-foot,.catalog-search{border-color:var(--panel-border)!important;background:var(--panel-surface-2)!important}.catalog-result{border-color:var(--panel-border)!important;background:var(--panel-surface)!important;color:var(--panel-text)!important}.catalog-result:hover{background:var(--panel-elevated)!important}.form-note{background:#0d2947!important;color:#82bde9!important}.document-list{border-color:var(--panel-border)!important;background:#0a1727!important}.document-item{border-color:var(--panel-border)!important}

@media(max-width:1180px){.panel-dashboard-analytics{grid-template-columns:1fr}.panel-donut-layout{grid-template-columns:150px 1fr}}
@media(max-width:980px){.hr-main{margin-left:0!important}}
@media(max-width:900px){
  .portal-shell,.app-shell{grid-template-columns:1fr!important;background:var(--panel-page)!important}
  .portal-sidebar,.app-shell .sidebar,.hr-sidebar{width:min(296px,88vw)!important;box-shadow:20px 0 55px rgba(0,0,0,.42)!important}
}
@media(max-width:640px){
  .portal-topbar,.app-shell .topbar,.hr-topbar{padding:0 14px!important}
  .portal-content,.app-shell .content,.hr-content{padding:20px 14px 36px!important}
  .panel-dashboard-analytics{gap:12px}.panel-donut-layout{grid-template-columns:118px 1fr;padding:16px}.panel-donut{width:108px;height:108px}.panel-column-chart{gap:5px;height:164px;padding-inline:12px}.panel-chart-foot{flex-direction:column;gap:5px}
}
@media(max-width:480px){.panel-donut-layout{grid-template-columns:1fr;justify-items:center}.panel-chart-legend{width:100%}}
@media(prefers-reduced-motion:reduce){.portal-root *,.app-shell *,.hr-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ---- v2: template-fidelity pass (sidebar hierarchy, KPI icon badges, trend pills, chart depth) ---- */

/* Sidebar: bolder, brand-colored group labels instead of faint caption text */
.portal-nav-button.ia-group-start::before,
.app-shell .nav-group-title,
.hr-sidebar .nav-group-title{
  color:var(--panel-brand)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
}
.portal-nav-button.ia-group-start{margin-top:28px!important}
.portal-nav-button.ia-group-start::before{
  left:9px;top:-17px;
  font-size:9px;
  color:#4d9fef;
}

/* Sidebar search-style input (matches Figma's rounded search field) */
.portal-search input,.app-shell .search,.hr-sidebar .search-field input{
  border-radius:10px!important;
  background:#0a1727!important;
  border-color:var(--panel-border)!important;
}

/* KPI cards: icon sits inside a colored rounded badge, not bare */
.metric-card{padding:18px!important}
.metric-card-head{position:relative}
.metric-card-head svg{
  width:34px!important;
  height:34px!important;
  padding:8px;
  box-sizing:border-box;
  border-radius:10px;
  background:rgba(7,85,173,.16);
  color:#4d9fef!important;
}
.metric-card:nth-child(2) .metric-card-head svg{background:rgba(66,199,208,.16);color:var(--panel-cyan)!important}
.metric-card:nth-child(3) .metric-card-head svg{background:rgba(49,191,138,.16);color:var(--panel-success)!important}
.metric-card:nth-child(4) .metric-card-head svg{background:rgba(239,159,69,.16);color:var(--panel-warning)!important}
.metric-card:nth-child(5) .metric-card-head svg{background:rgba(238,107,118,.16);color:var(--panel-danger)!important}
.metric-card strong{font-size:28px!important;letter-spacing:-.03em}

/* Reusable trend pill (green/red), usable anywhere real up/down data exists */
.trend-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800}
.trend-pill.is-up{color:#58d3a4;background:rgba(49,191,138,.16)}
.trend-pill.is-down{color:#f18b95;background:rgba(238,107,118,.16)}

/* Chart cards: more depth + accent top edge like a dashboard "hero" widget */
.panel-chart-card{position:relative;box-shadow:0 18px 44px rgba(0,0,0,.22)!important}
.panel-chart-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--panel-brand),var(--panel-cyan))}
.panel-chart-card>header{padding:18px 20px!important}
.panel-donut{box-shadow:0 0 0 6px rgba(7,85,173,.08)}
.panel-chart-column>span{background:linear-gradient(180deg,#2f96e8,var(--panel-brand))!important}

/* Section/report/settings hub cards: slightly larger radius + depth so they read as distinct "widgets" */
.ia-hub-card,.ia-setting-card{box-shadow:0 16px 38px rgba(0,0,0,.16)!important;padding:20px!important}
.ia-hub-card header span,.ia-setting-card header span{color:#4d9fef!important}
.panel-section{box-shadow:0 16px 38px rgba(0,0,0,.16)!important}

/* Page head: small eyebrow reads closer to Figma's muted section label */
.app-page-head small{letter-spacing:.09em!important}

/* Table header: slightly stronger contrast so tables don't blend into cards */
.app-table th{font-weight:800!important;letter-spacing:.05em!important}

/* Fix: sidebar label text overflowing the fixed-width rail (flex children default to
   min-width:auto and refuse to shrink below their own text width). Force them to shrink
   and truncate with an ellipsis instead of spilling out of the sidebar. */
.portal-nav-button{position:relative!important}
.portal-nav-button.ia-group-start{overflow:visible!important}
.portal-nav-button>span{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.app-shell .nav a,.hr-sidebar .nav-item,.hr-sidebar .back-link{overflow:hidden!important}
.app-shell .nav-text,.hr-sidebar .nav-text{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.app-shell .nav-text strong,.app-shell .nav-text small,
.hr-sidebar .nav-text strong,.hr-sidebar .nav-text small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.portal-scope,.app-shell .scope,.hr-module{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* KVKK aydınlatma metni düzenleyicisi */
.kvkk-editor-modal{width:min(100% - 24px,1180px)!important;max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.kvkk-editor-modal form{display:flex;flex-direction:column;min-height:0;flex:1}
.kvkk-editor-fields{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;overflow:auto;min-height:0}
.kvkk-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kvkk-toolbar .field{min-width:260px;margin:0}
.kvkk-mode{display:inline-flex;padding:4px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-page)}
.kvkk-mode-btn{border:0;border-radius:7px;background:transparent;color:var(--panel-text-2);font-weight:700;font-size:13px;padding:8px 14px;cursor:pointer}
.kvkk-mode-btn.is-active{background:var(--panel-brand);color:#fff}
.kvkk-status{display:grid;gap:3px;padding:12px 14px;border:1px solid #1f4e7a;border-left:3px solid var(--panel-brand);border-radius:10px;background:rgba(7,85,173,.12);font-size:13px}
.kvkk-status strong{color:var(--panel-text);font-weight:700}
.kvkk-status span{color:var(--panel-text-2)}
.kvkk-status.has-warning{border-color:#6b4a1f;border-left-color:var(--panel-warning);background:rgba(239,159,69,.1)}
.kvkk-status.has-warning span{color:#f3c38a}
.kvkk-saved{color:var(--panel-success);font-style:normal;font-weight:700;margin-bottom:2px}
.kvkk-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:stretch}
.kvkk-edit{display:flex;flex-direction:column;gap:10px;min-width:0}
.kvkk-edit .field{margin:0}
.kvkk-body-field textarea{min-height:420px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}
.kvkk-chips{display:flex;flex-direction:column;gap:8px}
.kvkk-chips>span{color:var(--panel-muted);font-size:12px;font-weight:700}
.kvkk-chips>div{display:flex;flex-wrap:wrap;gap:6px}
.kvkk-chip{border:1px solid var(--panel-border-strong);border-radius:999px;background:var(--panel-surface-2);color:#8cc3f5;font-size:12px;font-weight:600;padding:5px 11px;cursor:pointer}
.kvkk-chip:hover{border-color:var(--panel-brand);background:rgba(7,85,173,.2);color:#fff}
.kvkk-preview{display:flex;flex-direction:column;min-width:0;max-height:560px;border:1px solid var(--panel-border);border-radius:14px;background:#f4f7fb;overflow:hidden}
.kvkk-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;background:#0e5599;color:#fff;font-size:12px;font-weight:700}
.kvkk-preview-head small{color:rgba(255,255,255,.75);font-weight:600}
.kvkk-preview h3{margin:16px 16px 0;color:#17232e!important;font-size:18px}
.kvkk-preview-text{margin:12px 16px 16px;padding:14px;border:1px solid #dce3e8;border-radius:10px;background:#fff;color:#17232e;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow:auto;flex:1}
.kvkk-legal-note{margin:0;color:var(--panel-muted);font-size:12px;line-height:1.5}
.kvkk-reset{margin-right:auto}
@media (max-width:900px){.kvkk-layout{grid-template-columns:1fr}.kvkk-body-field textarea{min-height:280px}.kvkk-preview{max-height:none}}

/* Kenar menüsü: Lisanslar alt menüsü ve kaydırma çubuğu oluşturmayan sıkı yerleşim */
.portal-nav-button{min-height:38px!important}
.portal-nav-button>svg:first-child{width:27px!important;height:27px!important;padding:5px!important}
.portal-nav-button.ia-group-start{margin-top:24px!important}
.portal-nav-button.ia-group-start::before{top:-16px}
.portal-nav-button.nav-child-collapsed{display:none!important}
.portal-nav-button.portal-nav-child{min-height:32px!important;margin-left:22px!important;padding:3px 8px 3px 10px!important;border-radius:0 6px 6px 0!important;border-left:1px solid var(--panel-border-strong)!important;font-size:10.5px!important}
.portal-nav-button.portal-nav-child>svg:first-child{width:22px!important;height:22px!important;padding:4px!important;border-radius:5px!important}
.portal-nav-button.portal-nav-child>svg:last-child{display:none}
.portal-nav-button.portal-nav-child.is-active{box-shadow:inset 2px 0 var(--panel-brand)!important}
.portal-nav-parent>svg:last-child{padding:3px;margin:-3px -3px -3px auto;box-sizing:content-box;border-radius:4px;transition:transform .15s ease}
.portal-nav-parent>svg:last-child:hover{background:rgba(127,146,168,.18)}
.portal-nav-parent.is-expanded>svg:last-child{transform:rotate(90deg)}
.portal-nav{scrollbar-width:none}
.portal-nav::-webkit-scrollbar{display:none}
@media(max-height:820px){
  .portal-sidebar{padding-top:14px!important;padding-bottom:12px!important}
  .portal-scope{margin:8px 5px 8px!important;padding:8px 12px!important}
  .portal-nav-button{min-height:33px!important;padding-top:3px!important;padding-bottom:3px!important}
  .portal-nav-button>svg:first-child{width:24px!important;height:24px!important;padding:4px!important}
  .portal-nav-button.ia-group-start{margin-top:21px!important}
  .portal-nav-button.portal-nav-child{min-height:28px!important}
  .portal-nav-button.portal-nav-child>svg:first-child{width:20px!important;height:20px!important;padding:3px!important}
}
.app-shell .quick-tabs .button.button-active{border-color:var(--panel-brand)!important;background:var(--panel-brand)!important;color:#fff!important}
/* Lisans oluştur/ata pencerelerinde lisans seçimi tam genişlikte; uzun lisans adları kesilmez */
.dsys-license-modal .modal-form>.field{grid-column:1/-1}
.dsys-license-modal .modal-form>.field select{width:100%}

/* ---- Yan menü sabitleme (tüm paneller) ---------------------------------------
   site-polish.css body'ye overflow-x:hidden veriyor. Bu, body'yi kaydırma kabına
   çevirdiği için position:sticky yan menüler sayfa kaydırıldığında içerikle birlikte
   yukarı kayıyor, altlarında boş alan kalıyordu. overflow-x:clip aynı yatay taşma
   korumasını sticky'yi bozmadan sağlar. */
body:has(.portal-shell),body:has(.app-shell),body:has(.hr-shell){overflow-x:clip;overflow-y:visible}

/* Masaüstünde yan menü her zaman ekran yüksekliğinde kalır; uzun menüler kendi içinde
   kayar. Mobilde menü çekmece olarak açıldığından (<=900px) bu kural uygulanmaz. */
@media(min-width:901px){
  .app-shell .sidebar,.portal-shell .portal-sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
  .app-shell .sidebar>.nav,.portal-shell .portal-nav{min-height:0!important;overflow-y:auto!important;scrollbar-width:none}
  .app-shell .sidebar>.nav::-webkit-scrollbar,.portal-shell .portal-nav::-webkit-scrollbar{display:none}
}

/* ---- Firma logosu (ana panel Ayarlar) ---------------------------------------- */
.ia-setting-card-logo .ia-logo-preview{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;margin:4px 0 12px;padding:10px 12px;border:1px dashed var(--panel-border-strong);border-radius:6px;background:var(--panel-surface-2)}
.ia-setting-card-logo .ia-logo-preview img{max-height:44px;max-width:100%;object-fit:contain}
.ia-setting-card-logo .ia-logo-preview img[hidden]{display:none}
.ia-setting-card-logo .ia-logo-preview span{color:var(--panel-muted);font-size:11px}
.logo-editor{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logo-editor-preview{display:flex;align-items:center;justify-content:center;min-width:180px;min-height:82px;padding:12px;border:1px dashed var(--panel-border-strong);border-radius:6px;background:var(--panel-surface-2)}
.logo-editor-preview img{max-height:58px;max-width:220px;object-fit:contain}
.logo-editor-preview img[hidden]{display:none}
.logo-editor-preview span{color:var(--panel-muted);font-size:11px}
.logo-editor-actions{display:flex;flex-direction:column;gap:8px}
.logo-file-button{cursor:pointer;justify-content:center}
.logo-editor-status{margin:10px 0 0;color:var(--panel-muted);font-size:11px}

/* Kullanıcı dairesi: firma logosu ya da kişi simgesi (baş harfler koyu zeminde okunmuyordu) */
.portal-user-card .portal-avatar{display:flex!important;align-items:center;justify-content:center;overflow:hidden;line-height:0;color:#fff}
.portal-user-card .portal-avatar svg{width:23px;height:23px;display:block}
.portal-user-card .portal-avatar.portal-avatar-logo{background:#fff!important;padding:3px}
.portal-user-card .portal-avatar img{width:100%;height:100%;object-fit:contain}

/* Bildirim kutusu: uygulamanın .toast kuralı metin rengi için var(--white) kullanıyor, panelde
   bu değişken koyu yüzey rengine eşlendiği için yazı okunmuyordu. */
.portal-root .toast,.app-shell .toast,.hr-shell .toast,body>.toast{border-color:var(--panel-border-strong)!important;background:var(--panel-elevated)!important;color:var(--panel-text)!important;font-size:12px!important;padding:12px 16px!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important}
.license-detail-note{margin:10px 0 0;color:var(--panel-success);font-size:12px;font-weight:700}

/* Dizüstü genişliklerde içerik kenar boşlukları azaltılır; tablolara daha fazla alan kalır. */
@media(max-width:1500px) and (min-width:901px){
  .app-shell .content,.portal-content,.hr-content{padding:22px 18px 36px!important}
  /* Ana panel tabloları: hücre iç boşlukları sıkıştırılır (1280 px'de Firmalar ve lisans tabloları birkaç piksel taşıyordu). */
  .portal-content .app-table th{padding:9px 10px!important}
  .portal-content .app-table td{padding:11px 10px!important}
  /* İK aday süreci panosu: altı sütun, 190 px yerine 150 px alt sınırla ekrana sığar. */
  .hr-shell .pipeline{grid-template-columns:repeat(6,minmax(150px,1fr))!important;gap:10px!important}
}

/* SMTP ayarları penceresi: etkinlik anahtarı ve test satırı. */
.modal-form .mail-enabled{display:flex;align-items:center;gap:8px}
.modal-form .mail-enabled input{width:auto;min-height:0}
.modal-form .mail-test{display:flex;gap:8px;align-items:stretch}
.modal-form .mail-test input{flex:1;min-width:0;color:var(--ink);background:var(--white);border:1px solid var(--line-strong)}
.modal-form .mail-test .btn{flex:none}
@media(max-width:640px){.modal-form .mail-test{flex-direction:column}}
.modal-form [data-mail-status]{margin:0;font-size:12px;color:var(--muted)}