/* Ana ekran ve okunabilirlik düzenlemeleri */
.topbar-mobile-actions{display:none}
.topbar{position:relative}
.desktop-sidebar-toggle{display:inline-grid;place-items:center;min-width:40px;min-height:40px;margin-right:16px;border:1px solid #e7dedd;border-radius:9px;color:#674f4b;background:#fff}
.desktop-sidebar-toggle:hover{background:#f5efee}
.desktop-sidebar-toggle .icon{width:18px;height:18px}
.topbar-title{flex:1;min-width:0;margin:0;color:#3e2b28;font-size:20px;line-height:1.25;font-weight:650;letter-spacing:-.35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-actions{display:flex;align-items:center;justify-content:flex-end;min-height:44px;margin-bottom:24px}
.topbar-notification,.mobile-profile-button{position:relative;display:inline-grid;place-items:center;min-width:42px;min-height:42px;border-radius:9px;color:#674f4b;background:#fff;border:1px solid #e7dedd}
.topbar-notification:hover,.mobile-profile-button:hover{background:#f5efee}
.topbar-notification .icon{width:18px;height:18px}
.topbar-notification>span{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#a8453b;color:#fff;border:2px solid #fbf8f8;font-size:9px;font-weight:700}
.mobile-profile-button{padding:4px}
.mobile-profile-button .avatar{width:30px;height:30px}
.header-notification-menu{position:absolute;right:40px;top:72px;width:min(430px,calc(100vw - 32px));z-index:24;background:#fff;border:1px solid #e7dedd;border-radius:12px;box-shadow:0 18px 50px #2b16132b;overflow:hidden}
.header-notification-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #eee6e4}
.header-notification-head strong,.header-notification-head small{display:block}
.header-notification-head strong{font-size:14px;color:#44322f}
.header-notification-head small{font-size:11px;color:#766965;margin-top:4px}
.header-notification-list{max-height:390px;overflow-y:auto}
.header-notification-row{width:100%;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid #f0e9e7;text-align:left;color:inherit;background:#fff}
.header-notification-row:hover{background:#faf6f5}
.header-notification-row.unread{background:#fff9f2}
.header-notification-row>span:nth-child(2){min-width:0}
.header-notification-row strong,.header-notification-row small{display:block;overflow-wrap:anywhere}
.header-notification-row strong{font-size:12px;color:#4a3733}
.header-notification-row small{font-size:11px;color:#746662;line-height:1.45;margin-top:4px}
.header-notification-row b,.notification-link-label{display:flex;align-items:center;gap:5px;color:#6f4039;font-size:11px;white-space:nowrap}
.header-notification-row b .icon,.notification-link-label .icon{width:14px;height:14px}
.header-notification-all{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#603b36;font-size:12px;font-weight:650;text-align:left}
.header-notification-all:hover{background:#faf6f5}
.header-notification-all .icon{width:15px;height:15px}
.notification-list .notification-row{grid-template-columns:10px minmax(0,1fr) auto}
.dashboard-page{display:flex;flex-direction:column}
.dashboard-stats{order:1}
.dashboard-grid{order:2;grid-template-columns:minmax(0,1fr) 330px}
.dashboard-bottom{order:3;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)}
.dashboard-focus-panel,.dashboard-insight-card{display:flex;flex-direction:column;min-width:0}
.dashboard-focus-panel>.panel-heading>.icon,.dashboard-insight-card>.panel-heading>.icon{color:#8f6e68;width:20px;height:20px}
.focus-list{padding:0 22px;flex:1}
.focus-list>div,.focus-list>button{width:100%;display:flex;align-items:flex-start;gap:11px;padding:14px 0;border-top:1px solid #f0e9e7;text-align:left;color:inherit}
.focus-list>button:hover strong{text-decoration:underline}
.focus-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f3e9e7;color:#8c635c;flex:none}
.focus-icon .icon{width:15px;height:15px}
.focus-list strong,.focus-list small{display:block;line-height:1.5}
.focus-list strong{font-size:12px;color:#4d3935;font-weight:650}
.focus-list small{font-size:11px;color:#746864;margin-top:3px;overflow-wrap:anywhere}
.focus-all{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:14px 22px;border-top:1px solid #eee6e4;color:#684944;font-size:12px;font-weight:650;text-align:left}
.focus-all:hover{background:#faf6f5}
.focus-all .icon{width:15px;height:15px}
.dashboard-repeat-list{padding:0 22px;flex:1}
.dashboard-repeat-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #f0e9e7}
.dashboard-repeat-list span{min-width:0}
.dashboard-repeat-list small,.dashboard-repeat-list strong{display:block}
.dashboard-repeat-list small{font-size:10px;color:#8c7773;margin-bottom:5px}
.dashboard-repeat-list strong{font-size:12px;line-height:1.5;color:#4e3b37;font-weight:600}
.dashboard-repeat-list b{font-size:11px;color:#a34337;background:#f9ebe8;border-radius:99px;padding:6px 9px;white-space:nowrap}
.dashboard-bottom .event strong{font-size:12px;color:#574440}
.dashboard-bottom .event p{font-size:11px;color:#71635f}
.dashboard-bottom .event time{font-size:10px;color:#766965}

/* Genel okunabilirlik ve dokunma hedefleri */
.panel,.stat{border-radius:12px}
.btn{min-height:44px}
.nav-item{min-height:44px}
.panel-heading h2{font-size:16px}
.panel-heading p{font-size:12px;line-height:1.55;color:#766965}
th{font-size:10px;color:#776966}
td{font-size:12px;color:#6d5e5a}
.inspection-name{font-size:13px;color:#3f302d}
.table-sub{font-size:11px;color:#756864}
.text-button{font-size:12px;min-height:36px}
.badge{font-size:10px}
.sidebar nav{overflow-y:auto;min-height:0;scrollbar-width:thin}
.sidebar>.nav-label{margin-top:32px}

@media(min-width:651px){
  .sidebar,.main{transition:width .2s ease,margin-left .2s ease}
  .layout.sidebar-collapsed .sidebar{width:78px;padding:28px 12px 0}
  .layout.sidebar-collapsed .main{margin-left:78px}
  .layout.sidebar-collapsed .brand{justify-content:center;padding:0}
  .layout.sidebar-collapsed .brand-logo{height:43px;max-width:52px;object-fit:contain}
  .layout.sidebar-collapsed .brand-text,
  .layout.sidebar-collapsed .nav-label,
  .layout.sidebar-collapsed .nav-item>span:not(.nav-count),
  .layout.sidebar-collapsed .profile>div,
  .layout.sidebar-collapsed .profile>.icon-button{display:none}
  .layout.sidebar-collapsed .sidebar>.nav-label{margin-top:28px;height:8px}
  .layout.sidebar-collapsed .sidebar nav{padding-top:0}
  .layout.sidebar-collapsed .nav-item{position:relative;justify-content:center;gap:0;padding:12px 8px}
  .layout.sidebar-collapsed .nav-item.active:before{left:0}
  .layout.sidebar-collapsed .nav-count{position:absolute;right:1px;top:4px;padding:1px 4px;font-size:8px}
  .layout.sidebar-collapsed .second{margin-top:12px;height:5px;border-top:1px solid var(--line)}
  .layout.sidebar-collapsed .profile{justify-content:center;padding:16px 0}
  .layout.sidebar-collapsed .profile .avatar{width:34px;height:34px}
}

@media(max-width:1100px){
  .dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}
  .dashboard-bottom{grid-template-columns:1fr 1fr}
}

@media(max-width:950px){
  .dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}
  .dashboard-focus-panel{min-height:0}
}

@media(max-width:650px){
  .topbar{justify-content:space-between}
  .desktop-sidebar-toggle{display:none}
  .topbar-logo{display:none}
  .topbar-title{display:block;font-size:15px;letter-spacing:-.15px;margin-left:3px}
  .topbar-mobile-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
  .header-notification-menu{position:fixed;left:10px;right:10px;top:56px;width:auto;max-height:calc(100vh - 68px)}
  .header-notification-list{max-height:calc(100vh - 190px)}
  .header-notification-row{grid-template-columns:8px minmax(0,1fr);padding:13px 15px}
  .header-notification-row b{grid-column:2;justify-self:start;margin-top:3px}
  .topbar-notification,.mobile-profile-button{min-width:38px;min-height:38px;border:0;background:transparent}
  .topbar-notification>span{right:-2px;top:-2px;border-color:#fbf8f8}
  .dashboard-grid{order:1;gap:12px;margin-bottom:14px}
  .dashboard-stats{order:2;margin-top:0}
  .dashboard-bottom{order:3;gap:12px}
  .dashboard-focus-panel{display:none}
  .content{padding:18px 15px 30px}
  .page-actions{min-height:44px;margin-bottom:16px}
  .page-actions>.btn{width:100%;justify-content:center}
  .page-heading{margin-bottom:18px}
  .page-heading h1{font-size:26px;line-height:1.2}
  .page-heading p{font-size:13px;line-height:1.55;color:#665956}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .stat{padding:14px;min-height:128px}
  .stat-top{font-size:12px;line-height:1.35;align-items:flex-start}
  .stat-value{font-size:27px;margin:10px 0}
  .stat small{font-size:11px;line-height:1.45}
  .panel-heading{padding:17px 16px}
  .panel-heading h2{font-size:16px}
  .panel-heading p{font-size:11px}
  .inspection-cards{padding:0 12px 12px;gap:10px}
  .inspection-card{padding:14px;border-radius:9px}
  .inspection-card-title{font-size:14px}
  .inspection-card-bottom .person span:last-child{font-size:12px}
  .dashboard-bottom .panel:first-child{display:none}
  .dashboard-repeat-list{padding:0 16px}
  .dashboard-repeat-list>div{gap:12px;padding:12px 0}
  .focus-all{padding:14px 16px}
  .sidebar-note{display:none}
  .sidebar>.nav-label{margin-top:24px}
  .sidebar nav{overflow-y:auto;padding-bottom:12px}
  .sidebar-bottom{background:#fff}
  .footer{font-size:9px}
}

@media(max-width:390px){
  .content{padding-inline:12px}
  .stat{padding:12px;min-height:122px}
  .stat-icon{width:27px;height:27px}
  .stat-value{font-size:25px}
}