:root{--bg:#f5f6f8;--surface:#fff;--ink:#172033;--muted:#6e7789;--line:#e7e9ef;--primary:#6d4aff;--primary-dark:#5635e8;--danger:#d83b55;--success:#16875e;--sidebar:#101626;--shadow:0 10px 35px rgba(24,32,51,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);color:#d8deec;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8b6bff,#5a39ea);color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 22px rgba(109,74,255,.3)}.brand strong,.brand small{display:block}.brand strong{font-size:17px;color:#fff}.brand small{font-size:12px;color:#9ba5bc;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aeb7ca;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#202840;color:#fff}.nav-icon{display:grid;place-items:center;width:22px;font-size:17px}.sidebar-user{margin-top:auto;padding:16px 10px 4px;border-top:1px solid #293149;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#313a55;color:#fff;font-weight:800}.sidebar-user strong,.sidebar-user small{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:11px;color:#8f99af;margin-top:2px}.main{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{height:94px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,246,248,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(231,233,239,.75)}h1,h2,h3,p{margin-top:0}.topbar h1{font-size:24px;margin:2px 0 0}.eyebrow{margin:0;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.content{padding:28px 34px 50px;max-width:1600px;margin:auto}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.card-head h2{font-size:18px;margin:4px 0 0}.card-head p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.card-head>a{color:var(--primary);font-size:12px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;align-items:center;gap:14px}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:21px}.stat-card small{color:var(--muted);margin-top:3px}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:19px}.stat-icon.violet{background:#eeeaff;color:#6d4aff}.stat-icon.blue{background:#e8f3ff;color:#277bc0}.stat-icon.amber{background:#fff3d8;color:#c67b0b}.stat-icon.green{background:#e4f7ef;color:#16875e}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.span-2{grid-column:auto}.list{display:grid}.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted);margin-top:3px}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:12px}.file-type{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;background:#f0edff;color:var(--primary);font-size:9px;font-weight:900}.file-type.large{width:48px;height:48px;font-size:10px}.priority-dot{width:8px;height:8px;border-radius:50%}.priority-dot.low,.priority-bar.low{background:#76a58b}.priority-dot.normal,.priority-bar.normal{background:#588ee8}.priority-dot.high,.priority-bar.high{background:#e19a2c}.priority-dot.urgent,.priority-bar.urgent{background:#d83b55}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0f1f5;color:#596174;font-size:10px;font-weight:800;white-space:nowrap}.badge-low{background:#e8f5ed;color:#357252}.badge-normal{background:#eaf2ff;color:#3972c5}.badge-high{background:#fff1d9;color:#a96400}.badge-urgent{background:#ffe8ec;color:#bd2942}.badge-success,.badge-completed{background:#e4f7ef;color:#16875e}.badge-muted,.badge-cancelled{background:#eef0f3;color:#7b8392}.badge-planned{background:#eaf2ff;color:#3972c5}.timeline-item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.timeline-item:first-of-type{border-top:0}.timeline-item>span{display:grid;place-items:center;min-width:43px;height:47px;border-radius:9px;background:#f4f1ff;color:var(--primary);font-size:16px;font-weight:800}.timeline-item>span small{font-size:8px}.timeline-item div strong,.timeline-item div small{display:block}.timeline-item div small{margin-top:4px;color:var(--muted)}.announcement-mini{padding:12px 0;border-top:1px solid var(--line)}.announcement-mini:first-of-type{border-top:0}.announcement-mini p{color:var(--muted);font-size:12px;margin:5px 0}.announcement-mini small{color:#9ba2af}.page-grid{display:grid;gap:20px}.form-sidebar{grid-template-columns:minmax(0,1fr) 330px}.sticky-card{position:sticky;top:118px;height:max-content}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:11px}td{padding:13px 11px;border-top:1px solid var(--line);vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.form-stack{display:grid;gap:14px}.form-stack label,.form-row label{display:grid;gap:6px;font-size:12px;font-weight:700}.form-stack label small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #dfe2e9;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:0}input:focus,textarea:focus,select:focus{border-color:#8f75ff;box-shadow:0 0 0 3px #f0edff}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:700;color:var(--ink);background:#fff}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{border-color:var(--line);background:transparent}.btn-danger{background:#fff0f2;color:var(--danger)}.btn-small{padding:6px 9px;font-size:11px}.btn-block{width:100%;padding:12px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px;font-weight:650}.alert-success{background:#e4f7ef;color:#146b4c}.alert-danger{background:#ffe8ec;color:#a92138}.alert-warning{background:#fff3d8;color:#8d5a08}.files-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.folder-panel{height:max-content}.folder-list{display:grid;gap:4px}.folder-list a{display:flex;gap:10px;padding:11px;border-radius:9px}.folder-list a.active,.folder-list a:hover{background:#f0edff;color:var(--primary)}.folder-list strong,.folder-list small{display:block}.folder-list small{font-size:10px;color:var(--muted);margin-top:3px}.create-box{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.create-box summary{cursor:pointer;color:var(--primary);font-weight:800;margin-bottom:15px}.upload-box{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:center;padding:15px;background:#f8f7ff;border:1px dashed #c5b8ff;border-radius:12px;margin-bottom:20px}.upload-box>label{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);padding:10px;border-radius:9px;text-align:center;font-weight:700}.upload-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box>small{grid-column:1/-1;color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.file-card{border:1px solid var(--line);border-radius:13px;padding:16px;min-width:0}.file-card-top,.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.file-card h3{font-size:14px;margin:15px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card p{color:var(--muted);font-size:11px;min-height:30px}.file-card>small{color:#9299a7;font-size:10px}.file-actions{display:flex;gap:7px;margin-top:15px}.file-actions details{position:relative}.file-actions summary{list-style:none}.popover{position:absolute;z-index:5;right:0;top:36px;width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.popover>form+form{margin-top:10px}.empty,.empty-state{color:var(--muted)}.empty-state{text-align:center;padding:60px 20px}.empty-state>span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#f0edff;color:var(--primary);font-size:23px;font-weight:800}.empty-state h2,.empty-state h3{color:var(--ink);margin:15px 0 6px}.empty-state.compact{padding:35px 20px}.masonry{columns:2;column-gap:18px}.note-card{break-inside:avoid;margin-bottom:18px}.note-card h2{font-size:18px}.note-card p{color:#4d5668;line-height:1.7}.note-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}.link-danger{border:0;background:none;color:var(--danger);padding:0}.meeting-list,.task-list{display:grid}.meeting-list article,.task-list article{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.meeting-list article:first-child,.task-list article:first-child{border-top:0}.date-tile{min-width:58px;padding:9px;border-radius:11px;background:#f0edff;color:var(--primary);text-align:center}.date-tile strong,.date-tile small{display:block}.date-tile strong{font-size:20px}.meeting-list h3,.task-list h3{font-size:14px;margin:0}.meeting-list p,.task-list p{color:var(--muted);font-size:12px;margin:7px 0}.meeting-list small,.task-list small{color:#9299a7}.priority-bar{width:4px;min-height:62px;border-radius:4px}.inline-status{min-width:135px}.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.announcement-card h2{font-size:18px;margin:18px 0 9px}.announcement-card p{line-height:1.65;color:#4d5668}.announcement-card footer{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check-label input{width:auto}.guest-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,#ece7ff 0,transparent 35%),radial-gradient(circle at 80% 80%,#e4f2ff 0,transparent 35%),#f6f7fa;display:grid;place-items:center;padding:25px}.guest-shell{width:100%;max-width:440px}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 28px 80px rgba(44,38,80,.12)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:40px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:17px}.login-brand small{color:var(--muted);font-size:11px}.login-copy h1{font-size:27px;margin:7px 0 8px}.login-copy>p:last-child{color:var(--muted);line-height:1.5;margin-bottom:25px}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(2,1fr)}.form-sidebar{grid-template-columns:minmax(0,1fr) 300px}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.2)}.main{margin-left:0;width:100%}.topbar{height:78px;padding:0 18px}.topbar>div{flex:1;margin-left:12px}.topbar h1{font-size:19px}.menu-toggle{display:block}.content{padding:20px 16px 40px}.files-layout,.form-sidebar{grid-template-columns:1fr}.sticky-card{position:static}.folder-panel{width:100%}.announcement-grid{grid-template-columns:1fr}.upload-box{grid-template-columns:1fr}.file-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;gap:9px}.stat-card strong{font-size:16px}.stat-icon{width:36px;height:36px}.card{padding:17px}.file-grid,.masonry{display:grid;grid-template-columns:1fr;columns:auto}.form-row{grid-template-columns:1fr}.topbar .btn{padding:7px 9px}.meeting-list article,.task-list article{flex-wrap:wrap}.inline-status{width:100%}.login-card{padding:26px 22px}.stat-card small{font-size:10px}}
.system-label{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#eeeaff;color:#5f3fe0;font-size:9px;font-weight:900;vertical-align:middle}.role-form select{min-width:125px;padding:7px 9px}.settings-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(420px,1.25fr);gap:20px}.settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.file-center-actions{display:flex;align-items:stretch;gap:12px;margin-bottom:20px}.file-search{padding:12px;display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(135px,.7fr)) auto auto;gap:9px;flex:1}.trash-link{white-space:nowrap;background:#fff}.permission-editor{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.permission-editor>summary{cursor:pointer;color:var(--primary);font-weight:800;margin-bottom:16px}.permission-check{width:18px;height:18px}.file-detail-head{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}.file-detail-head h2{font-size:23px;margin:5px 0}.file-detail-head p:last-child{color:var(--muted);margin-bottom:0}.detail-type{width:68px;height:68px;border-radius:17px;font-size:12px}.version-head{margin-top:24px}.version-list{display:grid}.version-list article{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.version-list article:first-child{border-top:0}.version-list strong,.version-list small{display:block}.version-list small{color:var(--muted);margin-top:4px}.version-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0edff;color:var(--primary);font-weight:900}.detail-back{margin-top:14px}.trash-actions{display:flex;gap:7px;justify-content:flex-end}.storage-meter{height:5px;background:#e9ecf2;border-radius:999px;overflow:hidden;margin-top:8px}.storage-meter span{display:block;height:100%;background:linear-gradient(90deg,#6d4aff,#9279ff);border-radius:999px}.storage-stat .grow{min-width:0}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-actions{grid-column:auto}}
@media(max-width:1100px){.file-search{grid-template-columns:1fr 1fr 1fr}.file-center-actions{align-items:flex-start}.trash-link{padding:11px}.file-search input:first-child{grid-column:1/-1}}
@media(max-width:800px){.file-center-actions{display:grid}.file-search{grid-template-columns:1fr 1fr}.file-search input:first-child{grid-column:1/-1}.trash-link{width:max-content}.file-detail-head{align-items:flex-start;flex-wrap:wrap}.file-detail-head .btn{width:100%}}
@media(max-width:520px){.file-search{grid-template-columns:1fr}.file-search input:first-child{grid-column:auto}.version-list article{flex-wrap:wrap}.version-list .btn{margin-left:54px}.trash-actions{display:grid}}
.top-actions{display:flex;align-items:center;gap:8px}.top-actions form{margin:0}.notification-menu{position:relative}.notification-menu>summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:17px;position:relative}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary>span{position:absolute;right:-5px;top:-6px;background:var(--danger);color:#fff;border:2px solid var(--bg);border-radius:999px;min-width:20px;height:20px;padding:0 4px;font-size:9px;display:grid;place-items:center;font-weight:900}.notification-popover{position:absolute;z-index:30;right:0;top:48px;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 20px 60px rgba(23,32,51,.18)}.notification-popover>.row-between{padding:2px 3px 10px}.notification-popover>.row-between a{color:var(--primary);font-size:11px;font-weight:800}.notification-popover>a{display:block;padding:10px;border-top:1px solid var(--line);border-radius:8px}.notification-popover>a.unread{background:#f7f5ff}.notification-popover>a strong,.notification-popover>a small{display:block}.notification-popover>a small{color:var(--muted);margin-top:3px}.notification-list{display:grid}.notification-list>a{display:flex;align-items:center;gap:12px;padding:15px 8px;border-top:1px solid var(--line)}.notification-list>a:first-child{border-top:0}.notification-list>a.unread{background:#f8f7ff}.notification-list strong,.notification-list small{display:block}.notification-list small{color:var(--muted);margin-top:4px}.notification-list time{color:var(--muted);font-size:11px}.notification-type{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0edff;color:var(--primary)}.profile-grid{grid-template-columns:300px 1fr 1fr}.profile-summary{text-align:center;grid-row:span 2}.profile-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #f0edff}.profile-avatar.fallback{display:grid;place-items:center;margin:auto;background:#6d4aff;color:#fff;font-size:36px;font-weight:900}.profile-summary h2{margin:14px 0 5px}.profile-summary>p{color:var(--muted)}.profile-summary dl{text-align:left;margin:22px 0}.profile-summary dl>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.profile-summary dt{color:var(--muted)}.profile-summary dd{margin:0;font-weight:700}.system-notice{margin-top:16px;padding:11px;background:#f0edff;color:#5f3fe0;border-radius:10px;font-size:12px;font-weight:700}.two-factor-setup{display:flex;gap:24px;align-items:flex-start}.two-factor-setup img{width:230px;height:230px;border:1px solid var(--line);border-radius:12px}.two-factor-setup code,.recovery-box code{display:inline-block;padding:7px 9px;background:#f3f4f7;border-radius:6px;font-weight:800;letter-spacing:.08em}.recovery-box{margin-top:22px;padding:16px;background:#fff8e9;border:1px solid #f5db9c;border-radius:12px}.recovery-box>div{display:flex;flex-wrap:wrap;gap:7px}.announcement-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.announcement-actions{display:flex;gap:5px;align-items:center}.announcement-actions details{position:relative}.announcement-actions summary{list-style:none}.announcement-editor{position:absolute;z-index:8;right:0;bottom:36px;width:360px;background:#fff;padding:16px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.edit-card{max-width:760px;margin:auto}
@media(max-width:1100px){.profile-grid{grid-template-columns:280px 1fr}.profile-summary{grid-row:span 2}.profile-grid>section:last-child{grid-column:2}.two-factor-setup{flex-wrap:wrap}}
@media(max-width:800px){.profile-grid{grid-template-columns:1fr}.profile-summary,.profile-grid>section:last-child{grid-column:auto;grid-row:auto}.notification-popover{position:fixed;left:16px;right:16px;top:70px;width:auto}.top-actions{gap:5px}.top-actions>.btn{padding:8px}.two-factor-setup{display:grid}}
@media(max-width:520px){.two-factor-setup img{width:200px;height:200px}.announcement-actions{flex-wrap:wrap}.announcement-editor{position:fixed;inset:80px 12px auto;width:auto;max-height:75vh;overflow:auto}.notification-list>a{align-items:flex-start}.notification-list time{display:none}}
.inline-actions{display:flex;align-items:center;gap:10px}.inline-actions details,.record-editor{position:relative}.inline-actions summary,.record-editor summary{cursor:pointer;color:var(--primary);font-weight:700;list-style:none}.inline-editor,.record-editor form{position:absolute;z-index:12;right:0;bottom:26px;width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:var(--shadow)}.record-editor{margin-top:10px;width:max-content}.record-editor form{left:0;right:auto;bottom:auto;top:25px}
@media(max-width:520px){.inline-editor,.record-editor form{position:fixed;inset:80px 12px auto;width:auto;max-height:75vh;overflow:auto}}
.notification-popover>form{border-top:1px solid var(--line);border-radius:8px}.notification-popover>form.unread{background:#f7f5ff}.notification-popover>form button{display:block;width:100%;padding:10px;border:0;background:transparent;text-align:left;color:inherit}.notification-popover>form strong,.notification-popover>form small{display:block}.notification-popover>form small{color:var(--muted);margin-top:3px}.notification-row{border-top:1px solid var(--line)}.notification-row:first-child{border-top:0}.notification-row.unread{background:#f8f7ff}.notification-row>button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 8px;border:0;background:transparent;text-align:left;color:inherit}
[data-notification-items]>form{border-top:1px solid var(--line);border-radius:8px}[data-notification-items]>form.unread{background:#f7f5ff}[data-notification-items]>form strong,[data-notification-items]>form small{display:block}[data-notification-items]>form small{color:var(--muted);margin-top:3px}
.notification-menu>summary>[data-notification-badge][hidden]{display:none!important}
.brand-logo-shell{display:flex;align-items:center;justify-content:center;width:198px;height:66px;padding:9px 14px;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.22)}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.brand-wordmark{color:#fff;font-size:19px;font-weight:900;letter-spacing:.03em}.main{display:flex;flex-direction:column;min-height:100vh}.content{width:100%;flex:1}.app-footer,.guest-footer{text-align:center;color:var(--muted);font-size:12px;padding:18px 24px 25px}.phase4-settings{align-items:start}.fixed-sender{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8f9fb}.fixed-sender small,.fixed-sender strong{display:block}.fixed-sender small{color:var(--muted);margin-bottom:4px}.system-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.system-info-card{display:flex;align-items:center;gap:14px}.system-info-card>span{display:grid;place-items:center;min-width:48px;height:48px;border-radius:13px;background:#f0edff;color:var(--primary);font-size:10px;font-weight:900}.system-info-card small,.system-info-card strong{display:block}.system-info-card small{color:var(--muted);margin-bottom:5px}.system-info-card strong{font-size:17px}.last-login-card{margin-top:20px}.last-login-card p{color:var(--muted);margin:6px 0 0}.maintenance-card{text-align:center}.maintenance-card .login-brand{justify-content:center}
@media(max-width:1100px){.system-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.system-info-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){body.theme-system{--bg:#111522;--surface:#181e2d;--ink:#edf1fa;--muted:#a5aec1;--line:#2b3346}body.theme-system .card,body.theme-system .stat-card,body.theme-system input,body.theme-system textarea,body.theme-system select,body.theme-system .notification-menu>summary{background:#181e2d;color:var(--ink)}body.theme-system .topbar{background:rgba(17,21,34,.92)}body.theme-system.guest-body{background:#111522}}
.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #f1c7ce}.danger-zone strong,.danger-zone small{display:block}.danger-zone small{color:var(--muted);margin-top:4px}.task-record-actions{display:flex;align-items:center;gap:14px;margin-top:10px}.task-record-actions .record-editor{margin-top:0}.inline-actions form{margin:0}
.branding-current{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8f9fb}.branding-current img{width:48px;height:48px;object-fit:contain;border-radius:9px;background:#fff}.branding-current strong,.branding-current small{display:block}.branding-current small{color:var(--muted);margin-top:3px}
.folder-head-actions{display:flex;align-items:center;gap:9px}.folder-head-actions form{margin:0}
.file-detail-actions{display:flex;align-items:center;gap:8px}.file-preview-panel{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8f9fb}.file-preview-panel .card-head{margin-bottom:14px}.file-preview-panel iframe{display:block;width:100%;height:620px;border:1px solid var(--line);border-radius:10px;background:#fff}.file-preview-panel>img{display:block;max-width:100%;max-height:680px;margin:auto;border-radius:10px;box-shadow:var(--shadow)}.pdf-viewer{display:grid;gap:16px;max-height:720px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px;background:#e7e9ed}.pdf-viewer-page{display:flex;justify-content:center}.pdf-viewer-page canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.15)}.pdf-viewer-status,.pdf-viewer-error{display:grid;place-items:center;min-height:220px;padding:24px;text-align:center;color:var(--muted);background:#fff;border-radius:10px}.pdf-viewer-error strong,.pdf-viewer-error span{display:block}.pdf-viewer-error span{margin-top:8px}.preview-unavailable{margin-top:22px;padding:16px;border:1px dashed var(--line);border-radius:12px}.preview-unavailable strong,.preview-unavailable small{display:block}.preview-unavailable small{color:var(--muted);margin-top:4px}
@media(max-width:800px){.file-detail-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.file-preview-panel iframe{height:480px}.pdf-viewer{max-height:560px;padding:8px}}
.task-notes{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.task-note{padding:10px 12px;margin-bottom:8px;border-radius:10px;background:#f8f7ff}.task-note strong,.task-note small{display:block}.task-note p{margin:5px 0;color:var(--ink)}.task-note small{color:var(--muted)}.task-note-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.task-note-form textarea{min-height:58px}
@media(max-width:520px){.task-note-form{grid-template-columns:1fr}}
.participant-picker{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8f9fb}.participant-checks{display:grid;gap:7px;max-height:210px;overflow:auto;padding:10px;border:1px solid #dfe2e9;border-radius:10px;background:#fff}.participant-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;padding:4px 2px;font-weight:500!important;cursor:pointer}.participant-check input{width:18px;height:18px;flex:0 0 18px}.participant-picker>small{color:var(--muted)}
.inline-status{display:grid;gap:8px;min-width:150px}.inline-status .btn{width:100%}
.badge-former{background:#e4e6ea;color:#69707d}.lifecycle-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.task-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-summary-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.task-summary-card.is-completed{background:#f8faf9;opacity:.82}.task-summary-top{display:flex;align-items:center;justify-content:space-between}.task-summary-card h3{font-size:15px;margin:13px 0 7px}.task-summary-card p{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.task-summary-meta{display:grid;gap:4px;margin:4px 0 15px}.task-summary-meta small{color:var(--muted)}.task-summary-card .btn{margin-top:auto}.task-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.task-detail-sidebar{display:grid;gap:16px;align-content:start}.task-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.task-detail-header h2{font-size:25px;margin:5px 0 8px}.task-detail-header>div>p:last-child{color:var(--muted);line-height:1.6}.task-detail-badges{display:flex;gap:7px}.task-detail-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.task-detail-info>div{padding:13px;border:1px solid var(--line);border-radius:11px;background:#f8f9fb}.task-detail-info dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.task-detail-info dd{margin:5px 0 0;font-weight:700}.task-detail-section{padding-top:20px;border-top:1px solid var(--line)}.task-note-list{display:grid;gap:9px;margin-bottom:12px}.task-delete-form{margin-top:15px;padding-top:15px;border-top:1px solid #f1c7ce}
@media(max-width:1100px){.task-detail-layout{grid-template-columns:1fr}.task-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.task-detail-sidebar>a{grid-column:1/-1}.task-detail-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.task-card-grid{grid-template-columns:1fr}.task-detail-sidebar{grid-template-columns:1fr}.task-detail-sidebar>a{grid-column:auto}.task-detail-header{display:grid}.task-detail-info{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.task-detail-info{grid-template-columns:1fr}}
.badge-mail-pending{background:#fff3d8;color:#8d5a08}.badge-mail-sent{background:#e4f7ef;color:#16875e}.badge-mail-failed{background:#ffe8ec;color:#bd2942}.badge-mail-disabled{background:#eef0f3;color:#596174}
.meeting-record-actions{display:flex;align-items:center;gap:14px;margin-top:10px}.meeting-record-actions .record-editor{margin-top:0}.meeting-record-actions form{margin:0}
.login-brand-centered{justify-content:center;margin-bottom:34px}.login-logo-shell{display:flex;align-items:center;justify-content:center;width:100%;height:76px;padding:6px 12px}.login-logo{display:block;max-width:100%;max-height:100%;object-fit:contain}.login-wordmark{font-size:24px!important;letter-spacing:.04em;color:var(--ink)} 
.mail-tabs{display:flex;align-items:center;gap:7px;margin-bottom:18px;padding:6px;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.mail-tabs a{padding:9px 13px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.mail-tabs a.active,.mail-tabs a:hover{background:#f0edff;color:var(--primary)}.mail-compose-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}.mail-preview-card{position:sticky;top:118px}.mail-preview{min-height:320px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;line-height:1.65;overflow-wrap:anywhere}.mail-preview h1,.mail-preview h2,.mail-preview h3{margin-bottom:12px}.mail-preview a{color:var(--primary);text-decoration:underline}.mail-recipient-picker{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8f9fb}.mail-recipient-picker[hidden]{display:none}.mail-recipient-picker .participant-check span strong,.mail-recipient-picker .participant-check span small{display:block}.mail-recipient-picker .participant-check span small{color:var(--muted);margin-top:2px}.mail-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:5px}.mail-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mail-template-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;min-width:0}.mail-template-card h3{font-size:15px;margin:15px 0 7px}.mail-template-card>p{color:var(--muted);min-height:36px}.mail-template-card>small{color:var(--muted)}.mail-template-preview{margin:14px 0;padding:11px;border-radius:9px;background:#f8f9fb}.mail-template-preview summary{cursor:pointer;color:var(--primary);font-weight:800}.mail-template-preview>div{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);line-height:1.55;overflow-wrap:anywhere}.mail-template-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mail-template-actions form{margin:0}
@media(max-width:1050px){.mail-compose-layout{grid-template-columns:1fr}.mail-preview-card{position:static}.mail-template-grid{grid-template-columns:1fr}}
@media(max-width:620px){.mail-form-actions{display:grid}.mail-tabs{width:100%}.mail-tabs a{flex:1;text-align:center}}
.mail-history-actions{display:flex;align-items:center;gap:9px}.mail-history-actions form{margin:0}.mail-error-cell{max-width:280px;white-space:normal;overflow-wrap:anywhere}.queue-test-card{max-width:900px}.queue-check-list{display:grid;gap:10px;margin-bottom:20px}.queue-check-list article{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8f9fb}.queue-check-list article>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;font-weight:900}.queue-check-list article.is-ok>span{background:#e4f7ef;color:var(--success)}.queue-check-list article.is-error>span{background:#ffe8ec;color:var(--danger)}.queue-check-list strong,.queue-check-list small{display:block}.queue-check-list small{color:var(--muted);margin-top:4px}.onboarding-restart-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.onboarding-restart-card h2{margin:4px 0 6px}.onboarding-restart-card p:last-child{color:var(--muted);margin:0}.onboarding-restart-card form{margin:0}
.onboarding-body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,#ece7ff 0,transparent 32%),radial-gradient(circle at 85% 90%,#e4f2ff 0,transparent 34%),#f6f7fa;display:grid;place-items:center;padding:24px}.onboarding-shell{width:min(760px,100%)}.onboarding-brand{display:flex;justify-content:center;height:70px;margin-bottom:22px}.onboarding-brand img{max-width:230px;max-height:70px;object-fit:contain}.onboarding-brand strong{align-self:center;font-size:24px;letter-spacing:.06em}.onboarding-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 28px 80px rgba(44,38,80,.12)}.onboarding-card>header{text-align:center}.onboarding-card>header h1{font-size:30px;margin:8px 0}.onboarding-card>header>p:last-child{color:var(--muted);line-height:1.6}.onboarding-progress{height:7px;margin-top:28px;border-radius:999px;background:#eceef3;overflow:hidden}.onboarding-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#9279ff);transition:.2s}.onboarding-step-count{text-align:right;color:var(--muted);font-size:11px;font-weight:800;margin-top:8px}.onboarding-step{display:flex;align-items:center;gap:22px;min-height:220px;padding:30px 12px}.onboarding-step>span{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border-radius:22px;background:#f0edff;color:var(--primary);font-size:28px;font-weight:900}.onboarding-step h2{font-size:23px;margin:0 0 10px}.onboarding-step p{color:var(--muted);font-size:15px;line-height:1.75;margin:0}.onboarding-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid var(--line)}.onboarding-card>footer form{margin:0}
@media(max-width:620px){.mail-history-actions,.onboarding-restart-card{align-items:stretch;flex-direction:column}.onboarding-card{padding:25px 20px}.onboarding-card>header h1{font-size:25px}.onboarding-step{display:grid;justify-items:center;text-align:center;min-height:290px;padding:26px 0}.onboarding-card>footer .btn{min-width:110px}}
.storage-progress,.onboarding-progress{display:block;width:100%;border:0;border-radius:999px;overflow:hidden;background:#e9ecf2}.storage-progress{height:5px;margin-top:8px}.onboarding-progress{height:7px;margin-top:28px}.storage-progress::-webkit-progress-bar,.onboarding-progress::-webkit-progress-bar{background:#e9ecf2}.storage-progress::-webkit-progress-value,.onboarding-progress::-webkit-progress-value{background:linear-gradient(90deg,#6d4aff,#9279ff)}.storage-progress::-moz-progress-bar,.onboarding-progress::-moz-progress-bar{background:linear-gradient(90deg,#6d4aff,#9279ff)}
.app-footer{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px}.selected-file-preview{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #cfc5ff;border-radius:11px;background:#fff}.selected-file-preview[hidden]{display:none}.selected-file-preview strong,.selected-file-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-preview small{color:var(--muted);margin-top:4px}.selected-file-thumb{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:10px;overflow:hidden;background:#eeeaff;color:var(--primary);font-size:10px;font-weight:900}.selected-file-thumb img{display:block;width:100%;height:100%;object-fit:cover}.selected-file-thumb img[hidden],.selected-file-thumb span[hidden]{display:none}.file-picker.has-file{border-color:var(--success)}

/* Geçici parola araçları ve tek kullanımlık parola makbuzu */
.password-tool{display:grid;gap:10px}.password-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.password-input-row .btn{white-space:nowrap}.password-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.password-strength{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.password-strength>span{height:7px;border-radius:999px;background:linear-gradient(90deg,#e3e6eb 0 100%)}.password-strength[data-score="1"]>span{background:linear-gradient(90deg,#d83b55 0 25%,#e3e6eb 25%)}.password-strength[data-score="2"]>span{background:linear-gradient(90deg,#e19a2c 0 50%,#e3e6eb 50%)}.password-strength[data-score="3"]>span{background:linear-gradient(90deg,#588ee8 0 75%,#e3e6eb 75%)}.password-strength[data-score="4"]>span{background:#16875e}.password-strength small{color:var(--muted);font-size:10px;white-space:nowrap}.forced-check{padding:10px;border-radius:9px;background:#f8f9fb}.password-reset-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.forced-password-card .login-copy>p:last-child{color:var(--muted);line-height:1.6}.forced-password-logout{margin-top:10px}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(10,16,29,.62);backdrop-filter:blur(4px)}.modal-backdrop.is-open{display:flex}.modal-card{width:min(520px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h2{margin:4px 0 0}.modal-close,.sidebar-close{display:grid;place-items:center;border:0;background:transparent;color:inherit}.modal-close{width:36px;height:36px;font-size:25px}.credential-list{display:grid;gap:0;margin:18px 0}.credential-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}.credential-list dt{color:var(--muted)}.credential-list dd{min-width:0;margin:0;font-weight:750;overflow-wrap:anywhere}.credential-list code{display:block;padding:9px;border-radius:8px;background:#f3f4f7;font-size:15px;word-break:break-all}.modal-warning{padding:11px;border-radius:9px;background:#fff3d8;color:#8d5a08;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}

/* Mobil menü erişilebilirliği: overlay, kapatma ve scroll kilidi */
.sidebar-close{display:none;position:absolute;top:14px;right:12px;width:38px;height:38px;color:#fff;font-size:28px}.sidebar-overlay{position:fixed;inset:0;z-index:19;border:0;background:rgba(9,14,25,.58);opacity:0;transition:opacity .2s}.sidebar-overlay.is-open{opacity:1}.sidebar-overlay[hidden]{display:none}body.menu-open,body.modal-open{overflow:hidden;touch-action:none}

@media(max-width:1024px){
  .content{padding-left:24px;padding-right:24px}.card{min-width:0}.form-sidebar{grid-template-columns:minmax(0,1fr) 300px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{min-width:0}
}
@media(max-width:800px){
  .sidebar{z-index:20;width:min(310px,86vw);padding-top:66px;overflow-y:auto;overscroll-behavior:contain}.sidebar-close{display:grid}.sidebar .brand{position:absolute;top:18px;left:12px;right:54px;padding:0}.sidebar .brand-logo-shell{height:48px;width:170px}.sidebar-user{margin-top:24px}.topbar{min-height:72px;height:auto;padding:12px 16px;gap:10px}.topbar>div{margin-left:0}.topbar>div:not(.top-actions){flex:1;min-width:0}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{flex:0 0 auto;margin-left:0!important}.top-actions>.btn,.top-actions>form .btn{padding:8px 10px;font-size:12px}.content{padding:18px 14px 34px}.form-sidebar,.files-layout,.mail-compose-layout,.profile-grid,.task-detail-layout{grid-template-columns:1fr}.sticky-card,.mail-preview-card{position:static}.card-head{flex-wrap:wrap}.file-actions,.folder-head-actions,.announcement-actions,.meeting-record-actions,.task-record-actions{flex-wrap:wrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.table-wrap table{min-width:680px}.mail-history-actions{flex-wrap:wrap}.upload-box{grid-template-columns:1fr}.upload-box .btn{width:100%}.file-detail-actions{grid-template-columns:1fr 1fr}.onboarding-shell{max-width:100%}
}

/* Dosya Merkezi kök klasör görünümü */
.file-center-page .folder-home-panel{padding:24px}
.folder-home-head{margin-bottom:22px}
.folder-home-head h1{margin:2px 0 7px;font-size:25px;line-height:1.2;color:#202637}
.folder-home-head p:last-child{margin:0;color:#758096}
.folder-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.folder-home-card{position:relative;display:flex;flex-direction:column;min-height:210px;padding:20px;border:1px solid #e3e7ee;border-radius:13px;background:#fff;color:#202637;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.folder-home-card:hover{transform:translateY(-2px);border-color:#d6d0ef;box-shadow:0 12px 28px rgba(27,35,52,.09)}
.folder-home-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.folder-home-icon{display:grid;place-items:center;width:54px;height:48px;border-radius:11px;background:#f2efff;color:#7257d9;font-size:27px}
.folder-card-menu{position:absolute;z-index:3;top:15px;right:15px}
.folder-card-menu summary,.recent-file-actions summary{display:grid;place-items:center;width:36px;height:34px;border:1px solid #e4e8ef;border-radius:9px;background:#fff;color:#697386;cursor:pointer;list-style:none}
.folder-card-menu summary::-webkit-details-marker,.recent-file-actions summary::-webkit-details-marker{display:none}
.folder-card-popover{position:absolute;top:40px;right:0;z-index:5;display:grid;width:190px;padding:7px;border:1px solid #e3e7ee;border-radius:11px;background:#fff;box-shadow:0 14px 35px rgba(23,30,45,.15)}
.folder-card-popover a,.folder-card-popover button{display:block;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#30384a;font:inherit;font-size:12px;text-align:left;text-decoration:none;cursor:pointer}
.folder-card-popover a:hover,.folder-card-popover button:hover{background:#f5f3fc}.folder-card-popover button{color:#b42318}
.folder-home-copy{margin-top:18px}.folder-home-copy h2{margin:0 0 6px;font-size:17px}.folder-home-copy p{margin:0;color:#7a8497;font-size:12px}
.folder-home-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:auto 0 0;padding-top:18px;border-top:1px solid #edf0f4}
.folder-home-meta dt{margin-bottom:3px;color:#8b94a5;font-size:10px}.folder-home-meta dd{margin:0;color:#3e4657;font-size:12px;font-weight:700}
.folder-create-card{align-items:center;justify-content:center;border-style:dashed;background:#fbfaff;text-align:center;cursor:pointer}
.folder-create-card>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:50%;background:#eee9ff;color:#6d4aff;font-size:29px}.folder-create-card strong{font-size:16px}.folder-create-card small{margin-top:6px;color:#7a8497}
.folder-home-empty{display:grid;justify-items:center;padding:46px 20px;border:1px dashed #dce1e9;border-radius:13px;background:#fafbfc;text-align:center}.folder-home-empty>span{font-size:44px;color:#745adb}.folder-home-empty h2{margin:10px 0 5px}.folder-home-empty p{margin:0 0 18px;color:#7a8497}
.recent-files-section{margin-top:28px}.recent-files-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:11px}.recent-files-head h2{margin:0 0 3px;font-size:18px}.recent-files-head small{color:#8992a3}.recent-files-head>a{color:#6548d5;font-size:12px;font-weight:700;text-decoration:none}
.recent-files-table{border:1px solid #e5e9f1;border-radius:11px;background:#fff}.recent-files-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(150px,1.3fr) minmax(110px,1fr) 135px 85px 45px;align-items:center;min-height:54px;padding:7px 12px;border-bottom:1px solid #edf0f4;gap:10px;font-size:12px}.recent-files-row:last-child{border-bottom:0}.recent-files-row>a:not(.recent-file-name){overflow:hidden;color:#4c5669;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.recent-files-labels{min-height:38px;background:#f8f9fb;color:#7d8799;font-size:10px;font-weight:700;text-transform:uppercase}.recent-file-name{display:flex;align-items:center;gap:10px;overflow:hidden;color:#283043;text-decoration:none}.recent-file-name b{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:8px;background:#f1edff;color:#6950cd;font-size:8px}.recent-file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.recent-file-actions{position:relative}.recent-file-actions>div{position:absolute;z-index:5;right:0;top:38px;display:grid;width:110px;padding:6px;border:1px solid #e3e7ee;border-radius:9px;background:#fff;box-shadow:0 10px 26px rgba(23,30,45,.14)}.recent-file-actions a{padding:7px;color:#30384a;text-decoration:none}
@media(min-width:1500px){.folder-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1100px){.folder-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.file-center-page .folder-home-panel{padding:16px}.folder-home-grid{grid-template-columns:1fr}.recent-files-labels{display:none}.recent-files-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:11px}.recent-files-row>:not(.recent-file-name):not(.recent-file-actions){display:none}.recent-file-actions{grid-column:2}.recent-files-head{align-items:center}.folder-home-card{min-height:190px}}

/* File Center modern workspace — presentation only */
:root{--fc-bg:#f5f7fb;--fc-card:#fff;--fc-border:#e5e9f1;--fc-text:#172033;--fc-muted:#758096;--fc-purple:var(--primary)}
body:has(.file-center-hero){background:var(--fc-bg)}
body:has(.file-center-hero) .file-center-hero{display:flex;align-items:center;gap:14px;padding:4px 2px}
.file-center-title-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--fc-border);border-radius:11px;background:#fff;color:var(--fc-text);font-size:23px;box-shadow:0 5px 16px rgba(25,34,52,.05)}
.file-center-title-copy{min-width:0}
body:has(.file-center-hero) .file-center-title-copy h2{margin:0 0 5px;font-size:22px}
.page-breadcrumb{display:flex;align-items:center;gap:7px;color:var(--fc-muted);font-size:11px}
.page-breadcrumb strong{color:#4a556a}
.search-input-shell{position:relative;display:block}
.search-input-shell i{position:absolute;left:12px;top:50%;z-index:1;color:#929caf;font-style:normal;font-size:17px;transform:translateY(-50%)}
.search-input-shell input{padding-left:36px}
.folder-panel-head{align-items:center}
.folder-panel-head h2{margin:0;font-size:17px}
.folder-add-shortcut{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--fc-border);border-radius:8px;background:#fff;color:#596579;font-size:20px;cursor:pointer}
.folder-add-shortcut:hover{border-color:#bfb2ff;color:var(--fc-purple);background:#faf9ff}
.folder-depth-1{--folder-indent:16px}.folder-depth-2{--folder-indent:32px}.folder-depth-3{--folder-indent:48px}.folder-depth-4{--folder-indent:64px}.folder-depth-5{--folder-indent:80px}.folder-depth-6{--folder-indent:96px}
.upload-dropzone em{color:var(--fc-muted);font-size:11px;font-style:normal;font-weight:500}
.upload-dropzone b{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 18px;border-radius:9px;background:var(--fc-purple);color:#fff;font-size:12px}
.file-center-page .upload-dropzone.drag-active{border-color:#8f75ff;background:#f4f1ff}
.folder-more-actions{position:relative}
.folder-more-actions>summary{list-style:none}
.folder-more-popover{position:absolute;right:0;top:40px;z-index:20;width:170px;padding:10px;border:1px solid var(--fc-border);border-radius:10px;background:#fff;box-shadow:0 18px 44px rgba(22,31,48,.16)}
.folder-more-popover .btn{width:100%}
.file-menu-links{display:grid;gap:3px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--fc-border)}
.file-menu-links a{padding:9px 10px;border-radius:8px;color:#344054;font-size:12px;font-weight:700}
.file-menu-links a:hover{background:#f3f5f9;color:var(--fc-purple)}
.file-table-head{display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(150px,1fr) 130px 140px 90px 56px;align-items:center;padding:10px 14px;border:1px solid var(--fc-border);border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafc;color:#7d8799;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
body:has(.file-center-hero) .file-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--fc-border);border-radius:0 0 12px 12px;background:#fff;overflow:visible}
body:has(.file-center-hero) .file-card{display:grid;grid-template-columns:56px minmax(190px,1.4fr) minmax(150px,1fr) 130px 140px 90px 56px;align-items:center;gap:0;min-height:72px;padding:10px 14px;border:0;border-bottom:1px solid var(--fc-border);border-radius:0;box-shadow:none;transform:none}
body:has(.file-center-hero) .file-card:last-child{border-bottom:0;border-radius:0 0 12px 12px}
body:has(.file-center-hero) .file-card:hover{border-color:var(--fc-border);background:#fafbfe;box-shadow:none;transform:none}
.file-card-top{grid-column:1;position:relative;justify-content:flex-start}
.file-card-top .badge{display:none}
.file-select-check{position:absolute;left:-9px;top:-9px;z-index:2;padding:3px;background:#fff}
.file-card-body{grid-column:2;min-height:0;padding-right:12px}
body:has(.file-center-hero) .file-card-body h3{margin:0 0 3px;font-size:12px}
body:has(.file-center-hero) .file-card-body p{min-height:0;margin:0;color:var(--fc-muted);font-size:9px}
body:has(.file-center-hero) .file-meta-grid{display:contents}
.file-meta-grid>div{min-width:0;padding-right:12px}
.file-meta-grid>div:nth-child(1){grid-column:3}.file-meta-grid>div:nth-child(2){grid-column:4}.file-meta-grid>div:nth-child(3){grid-column:6}.file-meta-grid>div:nth-child(4){grid-column:5}
body:has(.file-center-hero) .file-meta-grid dt{display:none}
body:has(.file-center-hero) .file-meta-grid dd{font-size:10px;font-weight:600;color:#5b667a}
body:has(.file-center-hero) .file-actions{grid-column:7;justify-content:flex-end;padding:0;border:0}
body:has(.file-center-hero) .file-actions details{margin:0}
body:has(.file-center-hero) .file-actions summary{width:36px;height:36px;padding:0;border-color:var(--fc-border);font-size:14px}
.file-type.file-ext-pdf{background:#fff0f0;color:#d92d20}.file-type.file-ext-doc,.file-type.file-ext-docx{background:#eef5ff;color:#1570ef}.file-type.file-ext-xls,.file-type.file-ext-xlsx{background:#ecfdf3;color:#039855}.file-type.file-ext-ppt,.file-type.file-ext-pptx{background:#fff4ed;color:#e04f16}.file-type.file-ext-zip,.file-type.file-ext-rar{background:#fff8e7;color:#b7791f}.file-type.file-ext-jpg,.file-type.file-ext-jpeg,.file-type.file-ext-png,.file-type.file-ext-webp{background:#f4f0ff;color:#7f56d9}
.permission-editor:not([open]){display:none}
body.permission-drawer-open{overflow:hidden}
body.file-action-open{overflow:hidden}
body.permission-drawer-open::before{content:"";position:fixed;inset:0;z-index:1090;background:rgba(18,25,38,.42);backdrop-filter:blur(2px)}
body:has(.file-center-hero) .permission-editor[open]{display:block;position:fixed;inset:0 0 0 auto;z-index:1100;width:min(620px,94vw);height:100dvh;margin:0;border:0;border-radius:16px 0 0 16px;background:#fff;box-shadow:-24px 0 70px rgba(20,28,44,.22);overflow-y:auto}
body:has(.file-center-hero) .permission-editor[open]>summary{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--fc-border)}
.permission-chevron{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--fc-border);border-radius:8px;font-size:20px;transform:none!important}

@media(max-width:1050px){
  .file-table-head{grid-template-columns:minmax(220px,1.6fr) minmax(130px,1fr) 110px 110px 70px 48px}
  body:has(.file-center-hero) .file-card{grid-template-columns:52px minmax(168px,1.3fr) minmax(130px,1fr) 110px 110px 70px 48px}
}
@media(max-width:800px){
  .file-table-head{display:none}
  body:has(.file-center-hero) .file-grid{gap:12px;border:0;background:transparent}
  body:has(.file-center-hero) .file-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;min-height:0;padding:14px;border:1px solid var(--fc-border);border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(24,32,51,.05)}
  body:has(.file-center-hero) .file-card:last-child{border:1px solid var(--fc-border);border-radius:12px}
  .file-card-top{grid-column:1}.file-card-body{grid-column:2}.file-meta-grid>div:nth-child(n){grid-column:auto}
  body:has(.file-center-hero) .file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-radius:9px;background:#f7f9fc}
  body:has(.file-center-hero) .file-meta-grid dt{display:block}
  body:has(.file-center-hero) .file-actions{grid-column:3;grid-row:1;margin:0}
  .file-center-title-icon{width:38px;height:38px}
}
@media(max-width:430px){
  body{font-size:13px}.topbar{padding:10px 12px}.menu-toggle{flex:0 0 38px;width:38px;height:38px;padding:0}.topbar h1{font-size:17px}.top-actions{gap:4px}.top-actions>.btn,.top-actions>form .btn{padding:7px 8px;font-size:11px}.notification-menu>summary{width:36px;height:36px}.content{padding:14px 10px 30px}.card{padding:15px;border-radius:13px}.stat-grid{grid-template-columns:1fr}.stat-card{min-height:72px}.form-row,.file-detail-actions{grid-template-columns:1fr}.file-grid,.task-card-grid,.announcement-grid,.mail-template-grid,.system-info-grid{grid-template-columns:1fr}.password-input-row{grid-template-columns:1fr}.password-input-row .btn,.password-tool-actions .btn{width:100%}.password-tool-actions{display:grid}.password-strength{grid-template-columns:1fr}.password-strength small{white-space:normal}.modal-backdrop{align-items:flex-end;padding:10px}.modal-card{max-height:calc(100dvh - 20px);padding:18px;border-radius:18px 18px 12px 12px}.credential-list>div{grid-template-columns:1fr;gap:4px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .btn{width:100%}.login-card{padding:24px 18px}.guest-body,.onboarding-body{padding:12px}.onboarding-card{padding:22px 16px}.onboarding-card>footer{flex-wrap:wrap}.onboarding-card>footer form,.onboarding-card>footer .btn{width:100%}.notification-popover{left:8px;right:8px}.selected-file-preview{align-items:flex-start}.file-detail-head{display:grid}.file-detail-actions{width:100%}
}
@media(max-width:390px){
  .top-actions>a.btn{font-size:0}.top-actions>a.btn::after{content:"Profil";font-size:10px}.top-actions>form .btn{font-size:10px}.card-head h2{font-size:16px}.mail-tabs a{padding:8px 10px}.table-wrap table{min-width:640px}
}
@media(max-width:360px){
  .topbar h1{font-size:15px}.top-actions>a.btn::after{content:"Profil"}.top-actions>.btn,.top-actions>form .btn{padding:6px}.content{padding-left:8px;padding-right:8px}.modal-actions{grid-template-columns:1fr}.stat-card{padding:12px}.file-actions .btn{flex:1}
}

/* Kişiler kartları ve yönetim menüsünün Sistem alt grubu */
.nav-group{border-radius:10px}.nav-group>summary{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aeb7ca;font-weight:700;cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-group>summary.active{background:#202840;color:#fff}.nav-chevron{margin-left:auto;transition:transform .18s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-submenu{display:grid;gap:3px;margin:4px 0 7px;padding-left:14px;border-left:1px solid #313a55}.nav-submenu a{font-size:12px;padding:9px 11px!important}.nav-submenu .nav-icon{font-size:13px}
.people-filter-card{margin-bottom:20px}.people-filters{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.7fr) minmax(180px,.8fr) auto auto;gap:10px;align-items:end}.people-filters label{display:grid;gap:6px;font-size:12px;font-weight:700}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{display:flex;flex-direction:column;min-width:0}.person-card-head{display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--line)}.person-card-head h2{font-size:17px;margin:0 0 7px}.person-photo{width:64px;height:64px;flex:0 0 64px;border-radius:18px;object-fit:cover;border:3px solid #f0edff}.person-photo.fallback{display:grid;place-items:center;background:#6d4aff;color:#fff;font-size:23px;font-weight:900}.person-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0}.person-meta>div{min-width:0;padding:11px;border-radius:10px;background:#f8f9fb}.person-meta small,.person-meta strong{display:block}.person-meta small,.person-contact small{color:var(--muted);margin-bottom:4px}.person-meta strong{overflow-wrap:anywhere}.person-contact{display:grid;gap:8px;margin-top:auto}.person-contact>a,.person-contact-empty{display:flex;align-items:center;gap:11px;min-height:54px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.person-contact>a:hover{border-color:#bdb0ff;background:#faf9ff}.person-contact>a>span,.person-contact-empty>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#f0edff;color:var(--primary)}.person-contact-empty{color:var(--muted)}.person-contact div{min-width:0}.person-contact small,.person-contact strong{display:block}.person-contact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-completion-card .login-copy>p:last-child{color:var(--muted);line-height:1.6}
@media(max-width:1200px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-filters{grid-template-columns:1fr 1fr 1fr}.people-filters .btn{width:100%}}
@media(max-width:800px){.people-filters{grid-template-columns:1fr 1fr}.people-filters label:first-child{grid-column:1/-1}.nav-submenu{padding-left:8px}.nav-group>summary{min-height:44px}}
@media(max-width:520px){.people-grid,.people-filters{grid-template-columns:1fr}.people-filters label:first-child{grid-column:auto}.person-contact>a,.person-contact-empty{min-height:60px;font-size:14px}.person-meta{grid-template-columns:1fr}.people-filter-card{padding:14px}}
.avatar-image{object-fit:cover}.profile-photo-field{display:grid;gap:7px;font-size:12px;font-weight:700}.profile-photo-field>small{color:var(--muted);font-weight:400}.profile-photo-picker{position:relative;width:100%;min-height:42px;overflow:hidden}.profile-photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-photo-picker span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-photo-remove{margin-top:12px;padding-top:12px;border-top:1px solid #f1c7ce}.profile-photo-remove .btn{min-height:42px}
@media(max-width:520px){.profile-photo-picker,.profile-photo-remove .btn{width:100%;min-height:46px}}

/* Datasheet Yönetimi */
.page-actions,.button-row,.table-actions,.filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-actions{justify-content:flex-end;margin-bottom:16px}.narrow-card{max-width:760px;margin:0 auto}.filter-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(130px,.7fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.filter-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.filter-actions{align-self:end}.datasheet-form{gap:18px}.datasheet-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dynamic-section{min-width:0}.dynamic-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:9px}.technical-spec-head,.technical-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}.technical-spec-head{padding:0 0 8px;color:var(--muted);font-size:11px;text-transform:uppercase}.dynamic-row .btn{width:40px;padding:0}.source-text,.code-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}.source-text{background:#f7f8fa;color:#52606d}.sticky-actions{position:sticky;bottom:12px;z-index:4;display:flex;justify-content:flex-end;gap:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(28,35,50,.12);backdrop-filter:blur(8px)}.activity-list{display:grid}.activity-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}.activity-list>div:first-child{border-top:0}.activity-list small{color:var(--muted);white-space:nowrap}
.import-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.source-url{overflow-wrap:anywhere}.datasheet-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.datasheet-image-option{display:grid;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.datasheet-image-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px rgba(109,74,255,.12)}.datasheet-image-option img{width:100%;height:150px;object-fit:contain;border-radius:8px;background:#f5f6f8}.datasheet-image-option label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer}.datasheet-image-option .btn{width:100%}
@media(max-width:1200px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.datasheet-columns{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.filter-grid,.datasheet-columns{grid-template-columns:1fr 1fr}.datasheet-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-list>div{display:grid;gap:3px}.activity-list small{white-space:normal}}
@media(max-width:520px){.filter-grid,.datasheet-columns,.import-tabs,.datasheet-image-grid{grid-template-columns:1fr}.page-actions,.sticky-actions,.button-row{align-items:stretch;flex-direction:column}.page-actions .btn,.sticky-actions .btn,.button-row>*{width:100%}.button-row form .btn{width:100%}.technical-spec-head{display:none}.technical-row{grid-template-columns:1fr auto}.technical-row input:nth-child(2){grid-column:1}.technical-row .btn{grid-column:2;grid-row:1/3}.table-actions{min-width:180px}.activity-list>div{font-size:12px}.datasheet-image-option img{height:190px}}

/* Datasheet Tasarım Editörü */
.design-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:20px;align-items:start}.design-controls{min-width:0}.design-preview-card{position:sticky;top:92px}.design-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;font-weight:700}.toggle-row input{width:19px;height:19px}.section-sorter{display:grid;gap:8px;padding:0;list-style:none}.section-sorter li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:grab}.section-sorter li.is-dragging{opacity:.45}.drag-handle{color:var(--muted);font-size:18px}.sort-actions{display:flex;gap:5px}.sort-actions .btn{width:36px;padding:0}.current-design-logo{display:flex;align-items:center;gap:14px;margin-top:15px;padding:12px;border-radius:11px;background:#f6f7f9}.current-design-logo span{color:var(--muted);font-size:12px}.current-design-logo img{max-width:180px;max-height:65px}.design-preview-canvas{padding:18px;border-radius:12px;background:#e9edf1;overflow:auto}.design-preview-sheet{width:100%;min-height:700px;padding:30px;background:#fff;color:#243746;font-size:10px;box-shadow:0 8px 24px rgba(20,31,44,.12)}.design-preview-sheet header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:4px solid var(--preview-secondary)}.design-preview-sheet header b{color:var(--preview-primary);letter-spacing:1px}.preview-logo img{display:block;max-width:130px;max-height:45px}.preview-logo strong{font-size:18px;letter-spacing:2px}.preview-hero{padding:20px 0 12px}.preview-hero>span{color:var(--preview-secondary);font-weight:900}.preview-hero h1{margin:4px 0;color:var(--preview-title);font-size:25px}.preview-hero small{color:#657585}.preview-hero p{padding-left:10px;border-left:3px solid var(--preview-secondary);font-size:11px}.design-preview-sheet section{margin-top:15px}.design-preview-sheet h2{margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #dbe3e9;color:var(--preview-title);font-size:13px}.design-preview-sheet table{width:100%;border-collapse:collapse}.design-preview-sheet th,.design-preview-sheet td{padding:6px;border:1px solid #dbe3e9;text-align:left}.design-preview-sheet th{width:40%;background:#f2f6f8}.preview-product-image{display:grid;place-items:center;height:110px;border:1px dashed #b8c1ca;border-radius:8px;background:#f6f8fa;color:#7b8791;font-weight:800}.design-preview-sheet footer{margin-top:24px;padding-top:10px;border-top:2px solid var(--preview-primary);color:#657585}.logo-remove-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.logo-remove-card p{margin:4px 0 0;color:var(--muted)}.design-save-actions{z-index:6}
@media(max-width:1100px){.design-editor-layout{grid-template-columns:1fr}.design-preview-card{position:static}.design-preview-sheet{max-width:720px;margin:0 auto}}
@media(max-width:620px){.design-toggle-grid{grid-template-columns:1fr}.design-preview-canvas{padding:8px}.design-preview-sheet{min-height:560px;padding:18px}.logo-remove-card{align-items:stretch;flex-direction:column}.logo-remove-card .btn{width:100%}.section-sorter li{grid-template-columns:auto minmax(0,1fr)}.sort-actions{grid-column:1/-1;justify-content:flex-end}}
.design-preview-document{display:grid;gap:22px}.design-preview-sheet{position:relative;overflow:hidden}.design-preview-sheet footer{position:absolute;left:30px;right:30px;bottom:25px}.preview-cover-page,.preview-back-page{background:var(--preview-cover)}.preview-cover-page:after,.preview-back-page:after{content:"";position:absolute;right:-100px;top:170px;width:360px;height:430px;opacity:.6;background:repeating-linear-gradient(45deg,transparent 0 18px,var(--preview-pattern) 19px 25px,transparent 26px 48px);transform:skewY(-8deg)}.preview-cover-page header{position:relative;z-index:2;border-bottom:0}.preview-cover-copy{position:relative;z-index:2;width:70%;margin-top:150px}.preview-cover-copy>span{color:var(--preview-secondary);font-weight:900}.preview-cover-copy h1{margin:4px 0;color:var(--preview-title);font-size:25px}.preview-cover-copy h3{margin:4px 0 14px;font-size:16px;font-weight:400}.preview-cover-products{position:absolute;z-index:2;left:35px;bottom:90px;display:flex;gap:18px}.preview-cover-products i{display:grid;place-items:center;width:120px;height:100px;border-radius:10px;background:rgba(255,255,255,.65);color:#78838b;font-size:9px}.preview-back-page>.preview-logo{margin-top:210px}.preview-back-page>p{position:relative;z-index:2;width:58%;margin-top:25px;white-space:pre-line;line-height:1.5}.preview-logo{position:relative;z-index:2}

/* Datasheet unified editor */
.datasheet-editor-shell{display:grid;gap:16px}.editor-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 0 6px}.editor-topline h2{font-size:22px;margin:4px 0 5px}.editor-topline p:not(.eyebrow){color:var(--muted);margin:0}.editor-top-actions,.editor-bottom-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:thin}.editor-tab{flex:0 0 auto;border:0;background:transparent;color:#566173;font-weight:750;padding:10px 12px;border-radius:8px}.editor-tab.active{background:#f0edff;color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}.editor-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:18px;align-items:start}.editor-left{min-width:0}.editor-panel{display:none}.editor-panel.active{display:block}.editor-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-card{border-radius:8px;padding:18px;box-shadow:0 6px 20px rgba(28,35,50,.05)}.compact-card .card-head{margin-bottom:14px}.compact-card .card-head h2{font-size:15px}.editor-form{display:block}.editor-form+.editor-form{margin-top:0}.editor-upload-form{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px;border:1px dashed #c9cfdb;border-radius:8px;background:#f9fafc}.editor-upload-form[hidden]{display:none}.editor-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor-image-card{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:grab}.editor-image-card.is-dragging{opacity:.6}.editor-image-card img{width:100%;height:120px;object-fit:contain;background:#f5f6f8;border-radius:6px}.editor-image-card label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750}.editor-image-card input[type=checkbox]{width:auto}.editor-image-card small{color:var(--muted);font-size:10px}.editor-preview{position:sticky;top:118px;border-radius:8px;padding:18px;min-width:0}.editor-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.editor-preview-head h2{font-size:15px;margin:3px 0 0}.preview-page-buttons{display:flex;gap:5px}.preview-page-buttons button{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;font-weight:800;color:#566173}.preview-page-buttons button.active{background:var(--primary);border-color:var(--primary);color:#fff}.preview-pages{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-sheet{position:relative;display:block;aspect-ratio:210/297;padding:18px;background:#fff;border:1px solid #dde2ea;border-radius:3px;box-shadow:0 8px 24px rgba(28,35,50,.08);overflow:hidden;font-size:10px;color:#1f2733}.preview-sheet.active{outline:3px solid rgba(109,74,255,.18)}.preview-sheet header{display:flex;justify-content:space-between;border-bottom:1px solid #e2e6ed;padding-bottom:7px;margin-bottom:14px}.preview-sheet h1{font-size:24px;line-height:1.05;margin:18px 0 6px;color:var(--preview-title)}.preview-sheet h2{font-size:15px;color:var(--preview-title);margin:0 0 10px}.preview-sheet h3{font-size:11px;margin:12px 0 6px}.preview-sheet p,.preview-sheet li{line-height:1.45}.preview-cover{background:linear-gradient(120deg,#111b26 0 58%,var(--preview-secondary) 58% 63%,var(--preview-cover) 63%);color:#fff}.preview-cover h1,.preview-cover p{color:#fff}.preview-brand{display:flex;align-items:center;min-height:36px}.preview-brand img{max-width:110px;max-height:36px}.preview-product{display:block;max-width:72%;max-height:32%;object-fit:contain;margin:20px auto 8px}.preview-product.small{max-width:58%;max-height:90px;margin-top:20px}.preview-product.placeholder{display:grid;place-items:center;height:120px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:8px}.preview-sheet footer{position:absolute;left:18px;right:18px;bottom:14px;border-top:1px solid rgba(120,130,145,.35);padding-top:7px;font-size:9px}.preview-sheet table{width:100%;font-size:9px}.preview-sheet th,.preview-sheet td{padding:6px;border:1px solid #e4e8ef}.preview-sheet th{width:38%;background:#f2f4f7}.section-sorter{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.section-sorter li{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.section-sorter strong{flex:1}.drag-handle{color:#98a1b2;cursor:grab}.design-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.toggle-row input{width:auto}.current-design-logo{display:flex;align-items:center;gap:12px;margin-top:13px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8f9fb}.current-design-logo img{max-width:150px;max-height:54px;object-fit:contain}.editor-bottom-actions{position:sticky;bottom:10px;z-index:5;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(28,35,50,.12);backdrop-filter:blur(8px)}
@media(max-width:1280px){.editor-workspace{grid-template-columns:1fr}.editor-preview{position:static}.preview-pages{grid-template-columns:repeat(4,minmax(160px,1fr));overflow-x:auto}.preview-sheet{min-width:180px}.editor-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.editor-topline{display:grid}.editor-top-actions{justify-content:flex-start}.editor-card-grid,.design-toggle-grid{grid-template-columns:1fr}.editor-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-pages{grid-template-columns:1fr 1fr}.editor-bottom-actions{align-items:stretch;flex-direction:column}.editor-bottom-actions .grow{display:none}.editor-bottom-actions .btn,.editor-bottom-actions form{width:100%}.editor-bottom-actions form .btn{width:100%}}
@media(max-width:520px){.editor-workspace{gap:12px}.compact-card,.editor-preview{padding:14px}.preview-pages{grid-template-columns:1fr}.preview-sheet{min-width:0}.editor-image-grid{grid-template-columns:1fr}.editor-upload-form{display:grid}.editor-upload-form .btn{width:100%}.editor-tab{padding:9px 10px;font-size:12px}}
.upload-box.is-uploading{opacity:.82}.btn[disabled]{cursor:not-allowed;opacity:.72}.selected-file-preview{display:grid;gap:8px}.selected-file-preview[hidden]{display:none}.selected-file-row{display:flex;align-items:center;gap:12px;min-width:0}.selected-file-row strong,.selected-file-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-row small{color:var(--muted);margin-top:4px}
.advanced-template-box{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#f8f9fb}.advanced-template-box summary{cursor:pointer;font-weight:800;color:var(--primary);margin-bottom:10px}.advanced-template-box[open]{display:grid;gap:10px}.advanced-template-box .code-editor{min-height:160px}

/* Android WebView mobile fit fixes */
html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%}.app-shell,.main,.content,.card,.page-grid,.dashboard-grid,.files-layout,.form-sidebar{min-width:0}.content{width:100%}.btn{min-height:38px;text-align:center}.brand-logo-shell{display:flex;align-items:center;max-width:100%;overflow:hidden}.brand-logo{display:block;max-width:100%;max-height:58px;object-fit:contain}.brand-wordmark{font-size:20px;font-weight:900;color:#fff;letter-spacing:.04em}.notification-menu form{margin:0}.notification-menu form button{display:block;width:100%;border:0;background:transparent;text-align:left;color:inherit;padding:10px;border-radius:8px}.notification-menu form+form{border-top:1px solid var(--line)}.list-row,.notification-row button{min-width:0}.list-row strong,.list-row small,.notification-row strong,.notification-row small{overflow-wrap:anywhere}.file-actions,.table-actions,.mail-template-actions,.page-actions,.button-row,.folder-head-actions{min-width:0}.file-actions .btn,.table-actions .btn,.mail-template-actions .btn,.folder-head-actions .btn{white-space:normal}.popover,.inline-editor,.record-editor form,.announcement-editor{max-width:calc(100vw - 24px)}.table-wrap{border-radius:10px}.table-wrap table{width:max-content;min-width:100%}.table-wrap th,.table-wrap td{white-space:nowrap}.table-wrap td:first-child,.table-wrap td small{white-space:normal}.preview-pages,.design-preview-canvas{max-width:100%}

@media(max-width:800px){
  .topbar{align-items:center}.top-actions{max-width:52vw}.top-actions .btn{white-space:nowrap}.notification-popover{max-height:calc(100dvh - 88px);overflow:auto}.card-head{display:flex;align-items:flex-start}.card-head>div{min-width:0}.card-head h2,.card-head p{overflow-wrap:anywhere}.file-center-actions{grid-template-columns:1fr}.file-search{width:100%;min-width:0}.trash-link{justify-self:start}.upload-box>*{min-width:0}.selected-file-row{align-items:flex-start}.selected-file-row .badge{margin-left:auto}.file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.file-actions .btn,.file-actions details,.file-actions summary{width:100%}.popover{position:fixed;left:12px;right:12px;top:auto;bottom:18px;width:auto;max-height:72dvh;overflow:auto}.announcement-card footer,.note-card footer{align-items:flex-start;flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-width:0}.stat-card .grow strong{font-size:16px;overflow-wrap:anywhere}.preview-pages{overflow-x:auto;-webkit-overflow-scrolling:touch}.design-preview-sheet{min-width:560px}.design-preview-canvas{overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-tabs{margin-left:-2px;margin-right:-2px}.current-design-logo{display:grid}.logo-remove-card{min-width:0}
}

@media(max-width:520px){
  .topbar{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center}.topbar>div:not(.top-actions){grid-column:2}.top-actions{grid-column:1/-1;display:grid;grid-template-columns:40px 1fr 1fr;width:100%;max-width:none}.top-actions .notification-menu,.top-actions .notification-menu>summary{width:100%}.top-actions>a.btn,.top-actions>form .btn{width:100%;min-height:40px}.content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(30px,env(safe-area-inset-bottom))}.card{border-radius:12px}.card-head{gap:10px}.card-head>a,.card-head>.badge{width:100%;justify-content:center;text-align:center}.stat-grid{grid-template-columns:1fr}.list-row{align-items:flex-start;flex-wrap:wrap}.list-row>.muted,.list-row>.badge{margin-left:53px}.timeline-item{align-items:flex-start}.file-card h3{white-space:normal;overflow-wrap:anywhere}.file-actions{grid-template-columns:1fr}.selected-file-preview,.selected-file-row{grid-template-columns:auto minmax(0,1fr);width:100%}.selected-file-preview>.badge,.selected-file-row>.badge{grid-column:1/-1;justify-content:center;width:100%}.folder-list a,.person-contact>a,.person-contact-empty{min-width:0}.folder-list strong,.folder-list small{overflow-wrap:anywhere}.role-form select{min-width:0}.table-wrap{margin-left:-2px;margin-right:-2px}.table-wrap table{min-width:560px}.filter-actions,.settings-actions{align-items:stretch;flex-direction:column}.filter-actions .btn,.settings-actions .btn{width:100%}.technical-row{grid-template-columns:minmax(0,1fr) 40px}.dynamic-row{grid-template-columns:minmax(0,1fr) 40px}.preview-pages{grid-template-columns:1fr}.preview-sheet{min-width:280px}.design-preview-sheet{min-width:500px}.preview-cover-copy{width:78%;margin-top:110px}.preview-cover-products{left:18px;right:18px;bottom:70px}.preview-cover-products i{width:92px;height:78px}.preview-back-page>.preview-logo{margin-top:160px}.preview-back-page>p{width:75%}.editor-top-actions{display:grid;grid-template-columns:1fr;width:100%}.editor-top-actions .btn,.editor-top-actions form,.editor-top-actions form .btn{width:100%}
}

/* Refined desktop file-center workspace */
body:has(.file-center-hero){background:#f3f5f9}
body:has(.file-center-hero) .content{max-width:1540px;padding-top:22px}
.file-center-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;padding:2px 4px}
.file-center-hero h2{margin:3px 0 4px;font-size:27px;letter-spacing:-.025em}
.file-center-hero p:not(.eyebrow){margin:0;color:#687386;font-size:13px}
.file-center-actions{margin-bottom:16px}
.file-search.card{padding:14px 16px;border-color:#e1e6ef;border-radius:12px;box-shadow:0 8px 28px rgba(31,39,58,.055)}
.files-layout{grid-template-columns:300px minmax(0,1fr);gap:16px}
.folder-panel{top:110px;padding:16px;border-radius:12px;box-shadow:0 10px 34px rgba(31,39,58,.065)}
.folder-panel .card-head{padding:2px 2px 11px;border-bottom:1px solid #edf0f5}
.folder-panel .card-head h2{font-size:18px}
.folder-overview{grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 16px;padding:0;border:1px solid #e5e9f0;background:#f8fafc;overflow:hidden}
.folder-overview>div{display:grid;justify-items:center;gap:2px;padding:11px 5px;text-align:center}
.folder-overview>div+div{margin:0;padding-top:11px;border-top:0;border-left:1px solid #e5e9f0}
.folder-overview strong{font-size:15px}
.folder-overview small{font-size:9px}
.folder-group-label{margin:15px 4px 7px}
.folder-list{gap:5px}
.folder-list a{min-height:52px;padding:9px;border-radius:10px}
.folder-list a.active{border-color:#cfc4ff;background:linear-gradient(90deg,#eeeaff,#f7f5ff);box-shadow:inset 3px 0 0 var(--primary)}
.folder-list .folder-tree-item.is-child{background:#fafbfe}
.create-box{margin-top:14px}
.create-box summary{border-radius:10px;background:#f8f6ff}
.file-main-panel{padding:20px 22px 24px;border-radius:12px;box-shadow:0 10px 34px rgba(31,39,58,.065)}
.folder-breadcrumbs{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #edf0f5}
.file-main-head{margin-bottom:14px;padding:0 0 16px}
.file-title-row h2{font-size:24px}
.folder-head-actions{max-width:520px}
.folder-head-actions .btn,.folder-head-actions summary{min-height:34px;padding:7px 10px}
.upload-box{margin-bottom:20px;border-radius:12px;background:linear-gradient(135deg,#fbfaff,#f7f9ff)}
.upload-box>label.upload-dropzone{border-radius:10px}
.subfolder-section{margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid #edf0f5}
.subfolder-heading{margin-bottom:11px}
.subfolder-heading strong,.file-section-heading>div>span{font-size:14px;font-weight:900;color:#20293a}
.subfolder-heading small,.file-section-heading small{margin-left:7px;padding:3px 7px;border-radius:999px;background:#eef1f6;color:#687386;font-size:9px}
.subfolder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.subfolder-card{min-height:70px;border-radius:11px;background:#fcfdff;box-shadow:0 3px 10px rgba(31,39,58,.025)}
.subfolder-card:hover{border-color:#a995ff;background:#f8f6ff;box-shadow:0 8px 22px rgba(83,61,180,.09)}
.bulk-move-bar{position:sticky;top:104px;z-index:8;margin-bottom:16px;padding:10px 12px;border-color:#d8d0ff;background:rgba(247,245,255,.96);box-shadow:0 7px 20px rgba(70,54,140,.08);backdrop-filter:blur(8px)}
.file-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 10px}
.file-section-heading>div{display:flex;align-items:center}
.file-section-heading>span{color:#8a94a6;font-size:10px}
.file-grid{gap:14px}
.file-card{display:flex;flex-direction:column;min-height:270px;padding:15px;border-color:#e1e6ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(31,39,58,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.file-card:hover{transform:translateY(-2px);border-color:#cfc5ff;box-shadow:0 12px 28px rgba(65,51,125,.09)}
.file-card-body{min-height:68px}
.file-meta-grid{margin-top:auto;border:0;border-radius:9px;background:#f7f9fc}
.file-actions{padding-top:10px;border-top:1px solid #eef1f5}
.permission-editor{margin-top:26px;border-radius:12px;overflow:hidden}
.permission-editor>summary{min-height:64px;padding:14px 16px;border-bottom:0;cursor:pointer}
.permission-editor[open]>summary{border-bottom:1px solid #e8ecf3}
.permission-chevron{margin-left:auto;color:var(--primary);font-size:22px;transition:transform .2s ease}
.permission-editor[open] .permission-chevron{transform:rotate(90deg)}

@media(max-width:1100px){
  .files-layout{grid-template-columns:260px minmax(0,1fr)}
  .subfolder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .files-layout{grid-template-columns:1fr}
  .folder-panel{position:static}
  .bulk-move-bar{top:76px}
  .file-section-heading>span{display:none}
}

.bulk-move-bar{display:grid;grid-template-columns:auto auto minmax(190px,1fr) auto;align-items:center;gap:10px;margin:0 0 14px;padding:11px 12px;border:1px solid #ded8ff;border-radius:10px;background:#f8f6ff}
.bulk-move-bar strong{color:#5d50a5;font-size:11px;white-space:nowrap}
.bulk-move-bar select{min-height:36px;padding:7px 9px}
.bulk-select-all{display:flex;align-items:center;gap:6px;color:#4e586b;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.bulk-select-all input,.file-select-check input{width:16px;height:16px;margin:0;accent-color:var(--primary)}
.file-select-check{display:flex;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;border:1px solid #e1e5ee;border-radius:8px;background:#fff;color:#677187;font-size:9px;font-weight:800;cursor:pointer}
.file-select-check span{display:none}
.file-card:has([data-bulk-file-check]:checked){border-color:#9b83ff;box-shadow:0 0 0 2px #eeeaff}

@media(max-width:700px){
  .bulk-move-bar{grid-template-columns:1fr 1fr}
  .bulk-move-bar select,.bulk-move-bar .btn{grid-column:1/-1;width:100%}
}

/* File action menus must escape the card bounds. */
.file-grid{isolation:isolate}
.file-card{position:relative;overflow:visible}
.file-card:has(.file-actions details[open]){z-index:30}
.file-actions{overflow:visible}
.file-actions details[open]{z-index:40}
.file-actions details[open]>summary{border-color:#8f75ff;background:#f0edff;color:var(--primary)}
.file-actions .popover{z-index:50;width:min(310px,calc(100vw - 32px));max-height:min(560px,70vh);overflow-y:auto;text-align:left}
.file-actions .popover form+form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}

@media(max-width:520px){
  .file-actions .popover{position:fixed;inset:auto 12px 16px;width:auto;max-height:75vh}
}

@media(max-width:380px){
  .topbar{grid-template-columns:36px minmax(0,1fr);padding:9px 8px}.menu-toggle{width:36px;height:36px;flex-basis:36px}.top-actions{grid-template-columns:36px 1fr 1fr}.top-actions>a.btn::after{font-size:11px}.notification-menu>summary{height:36px}.content{padding-left:8px;padding-right:8px}.card{padding:13px}.badge{white-space:normal;text-align:center}.table-wrap table{min-width:520px}.modal-card{padding:16px}.design-preview-sheet{min-width:460px}
}

/* WebView app shell polish: 360px-430px focused, desktop-safe overrides */
.mobile-app-brand{display:none}
@supports(padding:max(0px)){
  body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
}

@media(max-width:768px){
  :root{--mobile-gutter:max(14px,env(safe-area-inset-left));--mobile-gutter-right:max(14px,env(safe-area-inset-right));--mobile-gap:14px}
  body{background:#f6f7fa;font-size:14px}
  .app-shell{display:block;min-height:100dvh}
  .main{width:100%;margin-left:0}
  .topbar{position:sticky;top:0;z-index:18;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;min-height:58px;height:auto;padding:8px var(--mobile-gutter-right) 8px var(--mobile-gutter);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(218,223,232,.92);box-shadow:0 6px 18px rgba(20,28,42,.06);backdrop-filter:blur(10px)}
  .menu-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:20px}
  .mobile-app-brand{display:block;color:#111827;font-size:18px;font-weight:900;line-height:1;letter-spacing:0;text-transform:lowercase}
  .topbar>div:not(.top-actions){display:grid;align-content:center;gap:3px;min-width:0;margin-left:0}
  .topbar h1{font-size:11px;line-height:1.15;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
  .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:none;margin-left:0!important}
  .notification-menu>summary{width:38px;height:38px;border-radius:12px}
  .top-actions>.btn,.top-actions>form .btn{min-height:38px;padding:8px 10px;border-radius:12px;font-size:12px;background:#fff;border-color:#dfe2e9}
  .content{display:grid;gap:var(--mobile-gap);max-width:none;padding:14px var(--mobile-gutter-right) max(22px,env(safe-area-inset-bottom)) var(--mobile-gutter)}
  .page-grid,.dashboard-grid,.files-layout,.settings-grid,.mail-compose-layout,.task-detail-layout,.design-editor-layout,.editor-workspace{gap:var(--mobile-gap);grid-template-columns:1fr}
  .card,.stat-card,.file-card,.mail-template-card,.task-summary-card,.person-card{width:100%;border-radius:12px;padding:16px;box-shadow:0 5px 18px rgba(24,32,51,.05)}
  .card-head{gap:10px;margin-bottom:14px}
  .card-head h2{font-size:17px;line-height:1.25}
  .card-head p:not(.eyebrow){font-size:12px;line-height:1.45}
  .stat-grid,.file-grid,.people-grid,.announcement-grid,.mail-template-grid,.task-card-grid,.datasheet-image-grid,.editor-card-grid{grid-template-columns:1fr;gap:var(--mobile-gap);margin-bottom:0}
  input,textarea,select,.btn{width:100%;min-height:42px}
  select{min-width:0}
  .btn-ghost{background:#fff;border-color:#cfd5df;color:#344054}
  .file-search,.people-filters,.filter-grid{grid-template-columns:1fr;gap:10px;padding:14px}
  .file-center-actions{display:grid;gap:12px;margin-bottom:0}
  .trash-link{justify-self:stretch;width:100%}
  .upload-box{grid-template-columns:1fr;gap:10px;padding:14px;margin-bottom:14px}
  .upload-box>small,.selected-file-preview{grid-column:auto}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-wrap table{width:max-content;min-width:620px}
  td,th{padding:11px 10px}
  .sidebar{top:env(safe-area-inset-top);height:calc(100dvh - env(safe-area-inset-top));width:min(310px,86vw)}
  .app-footer{padding-bottom:env(safe-area-inset-bottom)}
}

@media(max-width:480px){
  :root{--mobile-gutter:max(12px,env(safe-area-inset-left));--mobile-gutter-right:max(12px,env(safe-area-inset-right));--mobile-gap:12px}
  body{font-size:13px}
  .topbar{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;min-height:54px;padding-top:7px;padding-bottom:7px}
  .menu-toggle{width:40px;height:40px;border-radius:11px}
  .mobile-app-brand{font-size:17px}
  .topbar h1{font-size:10px}
  .top-actions{gap:5px}
  .notification-menu>summary{width:36px;height:36px}
  .top-actions>.btn,.top-actions>form .btn{width:auto;min-height:36px;padding:7px 9px;font-size:11px}
  .top-actions>a.btn{font-size:0;min-width:48px}
  .top-actions>a.btn::after{content:"Profil";font-size:11px}
  .top-actions>form .btn{min-width:46px}
  .content{gap:12px;padding-top:12px}
  .card,.stat-card,.file-card,.mail-template-card,.task-summary-card,.person-card{padding:14px;border-radius:12px}
  .card-head{margin-bottom:12px}
  .form-stack{gap:12px}
  .form-row,.technical-row,.dynamic-row,.password-input-row{grid-template-columns:1fr}
  .button-row,.page-actions,.sticky-actions,.mail-form-actions,.settings-actions,.filter-actions{display:grid;grid-template-columns:1fr;gap:9px;align-items:stretch}
  .file-actions,.folder-head-actions,.announcement-actions,.meeting-record-actions,.task-record-actions,.table-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .file-card h3,.folder-list strong,.person-contact strong,.list-row strong{white-space:normal;overflow-wrap:anywhere}
  .file-card p,.folder-list small,.list-row small,.person-contact small{overflow-wrap:anywhere}
  .folder-list a{align-items:flex-start;padding:12px;gap:10px;border:1px solid transparent}
  .folder-list a.active{border-color:#d9d2ff}
  .selected-file-preview,.selected-file-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;padding:12px}
  .selected-file-preview>.badge,.selected-file-row>.badge{grid-column:1/-1;width:100%;justify-content:center;margin-left:0}
  .table-wrap table{min-width:560px}
  .notification-popover{left:12px;right:12px;top:58px;max-height:calc(100dvh - 74px)}
  .modal-backdrop{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .modal-card{max-height:calc(100dvh - 24px)}
}

@media(max-width:380px){
  .topbar{grid-template-columns:38px minmax(0,1fr) auto;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .menu-toggle{width:38px;height:38px}
  .mobile-app-brand{font-size:16px}
  .top-actions>.btn,.top-actions>form .btn{padding-left:7px;padding-right:7px}
  .content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
}

/* Mobile Material dashboard visual layer */
.mobile-sidebar-logout{display:none}.mobile-header-logo,.mobile-header-mark{display:none}

@media(max-width:768px){
  :root{
    --md-primary:#6750a4;
    --md-on-primary:#fff;
    --md-primary-container:#eaddff;
    --md-on-primary-container:#21005d;
    --md-secondary-container:#e8def8;
    --md-surface:#fffbff;
    --md-surface-container:#f3edf7;
    --md-surface-container-high:#ece6f0;
    --md-outline:#cac4d0;
    --md-outline-variant:#e7e0ec;
    --md-on-surface:#1d1b20;
    --md-on-surface-variant:#49454f;
    --md-shadow:0 1px 2px rgba(29,27,32,.08),0 2px 8px rgba(29,27,32,.06);
    --md-shadow-raised:0 2px 3px rgba(29,27,32,.08),0 6px 16px rgba(29,27,32,.08);
    --primary:var(--md-primary);
    --primary-dark:#4f378b;
    --surface:var(--md-surface);
    --line:var(--md-outline-variant);
    --ink:var(--md-on-surface);
    --muted:var(--md-on-surface-variant);
  }
  *{-webkit-tap-highlight-color:transparent}
  body{background:var(--md-surface-container);color:var(--md-on-surface)}
  .topbar{
    grid-template-columns:48px minmax(0,1fr) auto;
    min-height:56px;
    height:56px;
    padding-top:0;
    padding-bottom:0;
    background:rgba(255,251,255,.96);
    border-bottom:1px solid rgba(202,196,208,.42);
    box-shadow:0 1px 0 rgba(202,196,208,.42);
  }
  .menu-toggle{
    width:44px;
    height:44px;
    border:0;
    border-radius:22px;
    background:transparent;
    color:var(--md-on-surface);
    overflow:hidden;
    transition:background-color 200ms ease,transform 200ms ease;
  }
  .mobile-header-logo{display:block;max-width:36px;max-height:28px;object-fit:contain}
  .mobile-header-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:17px;background:var(--md-primary);color:#fff;font-size:19px;font-weight:900;text-transform:lowercase}
  .mobile-app-brand{display:none}
  .topbar>div:not(.top-actions){justify-items:center;text-align:center}
  .topbar h1{max-width:100%;color:var(--md-on-surface);font-size:16px;font-weight:750;line-height:1.2}
  .top-actions{gap:4px}
  .top-actions>form{display:none}
  .top-actions>.btn,.notification-menu>summary{
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    padding:0;
    border:0;
    border-radius:21px;
    background:transparent;
    color:var(--md-on-surface-variant);
    box-shadow:none;
    transition:background-color 200ms ease,transform 200ms ease,color 200ms ease;
  }
  .notification-menu>summary{font-size:18px}
  .top-actions>a.btn{font-size:0}
  .top-actions>a.btn::after{content:"👤";font-size:18px;line-height:1}
  .notification-menu>summary>span{right:1px;top:1px;min-width:17px;height:17px;border-color:var(--md-surface);font-size:8px}
  .mobile-sidebar-logout{display:block;margin:12px 10px 0}.mobile-sidebar-logout .btn{width:100%;background:#252033;color:#fff;border-color:transparent}

  .content{gap:14px;padding-top:14px;background:var(--md-surface-container)}
  .card,.stat-card,.file-card,.mail-template-card,.task-summary-card,.person-card,.login-card,.onboarding-card{
    border-color:rgba(202,196,208,.55);
    border-radius:20px;
    padding:16px;
    background:var(--md-surface);
    box-shadow:var(--md-shadow);
  }
  .card-head{margin-bottom:12px}.card-head h2{font-size:17px;font-weight:760}.eyebrow{color:var(--md-primary);letter-spacing:.08em}
  .list-row,.timeline-item,.meeting-list article,.task-list article,.notification-list>a{
    min-height:52px;
    padding:10px 0;
    gap:10px;
  }
  .list-row strong,.timeline-item strong,.meeting-list h3,.task-list h3{font-size:13px;line-height:1.25}.list-row small,.timeline-item small,.meeting-list p,.task-list p{font-size:11px;line-height:1.35}
  .file-type{width:44px;height:44px;border-radius:14px;background:var(--md-primary-container);color:var(--md-on-primary-container);font-size:10px}.file-type.large{width:56px;height:56px;border-radius:18px;font-size:13px}
  .list-row>.muted{margin-left:auto;color:#79747e;text-align:right;font-size:12px;white-space:nowrap}.file-card>small{display:block;color:#79747e;text-align:right;line-height:1.45}.file-card h3{font-size:15px;line-height:1.3}.file-card p{min-height:0;margin-bottom:10px;line-height:1.45}
  .folder-list{gap:8px}.folder-list a{min-height:64px;border-radius:18px;background:var(--md-surface);box-shadow:inset 0 0 0 1px rgba(202,196,208,.45);transition:background-color 200ms ease,transform 200ms ease}.folder-list a.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}
  .btn{border-radius:20px;font-weight:760;transition:background-color 200ms ease,box-shadow 200ms ease,transform 200ms ease,color 200ms ease,border-color 200ms ease}
  .btn-primary{background:var(--md-primary);color:var(--md-on-primary);box-shadow:none}.btn-primary:active{background:#4f378b}
  .btn-ghost{background:var(--md-secondary-container);border-color:transparent;color:var(--md-on-primary-container)}.btn-danger{border-color:transparent}
  input,textarea,select{min-height:46px;border-radius:16px;border-color:var(--md-outline);background:var(--md-surface);transition:border-color 200ms ease,box-shadow 200ms ease,background-color 200ms ease}
  input:focus,textarea:focus,select:focus{border-color:var(--md-primary);box-shadow:0 0 0 3px rgba(103,80,164,.14)}
  .upload-box,.file-search{border-radius:20px;background:var(--md-surface);box-shadow:var(--md-shadow);border-color:rgba(202,196,208,.55)}
  .selected-file-preview,.selected-file-row{border-radius:18px;border-color:var(--md-outline-variant);background:var(--md-surface-container)}
  .table-wrap{border-radius:18px;background:var(--md-surface);box-shadow:var(--md-shadow)}
  .notification-popover{border-radius:20px;box-shadow:var(--md-shadow-raised);border-color:rgba(202,196,208,.6)}
  .menu-toggle:active,.notification-menu>summary:active,.top-actions>.btn:active,.btn:active,.file-card:active,.folder-list a:active,.list-row:active{transform:scale(.98);background-color:rgba(103,80,164,.10)}
}

@media(max-width:480px){
  .topbar{height:56px;min-height:56px;grid-template-columns:46px minmax(0,1fr) auto}
  .content{gap:12px;padding-top:12px}
  .card,.stat-card,.file-card,.mail-template-card,.task-summary-card,.person-card{border-radius:18px;padding:16px}
  .stat-card{min-height:76px}
  .file-type.large{width:54px;height:54px}
  .top-actions>.btn,.notification-menu>summary{width:40px;min-width:40px;height:40px;min-height:40px}
  .table-wrap table{min-width:560px}
}

/* Mobile drawer top spacing fix for Android WebView */
@media(max-width:768px){
  body{padding-top:0}
  .sidebar{
    top:0;
    bottom:0;
    height:100dvh;
    padding:12px 14px 18px;
  }
  .sidebar .brand{
    position:static;
    display:flex;
    align-items:center;
    height:56px;
    min-height:56px;
    padding:0 48px 0 0;
    margin:0 0 8px;
  }
  .sidebar .brand-logo-shell{
    width:170px;
    height:44px;
    padding:6px 10px;
  }
  .sidebar .brand-wordmark{
    display:flex;
    align-items:center;
    height:44px;
    font-size:19px;
  }
  .sidebar nav{margin-top:0}
  .sidebar-close{top:12px;right:10px}
}

@supports(-webkit-touch-callout:none){
  @media(max-width:768px){
    .sidebar{padding-top:max(12px,env(safe-area-inset-top))}
  }
}

/* Compact drawer brand: remove oversized logo gap in WebView */
@media(max-width:768px){
  .sidebar .brand{
    height:52px;
    min-height:52px;
    padding:0 48px 0 6px;
    margin:0 0 8px;
    color:#fff;
    font-size:24px;
    font-weight:800;
    letter-spacing:0;
    text-transform:lowercase;
  }
  .sidebar .brand::before{content:"tagronic"}
  .sidebar .brand-logo-shell,
  .sidebar .brand-logo,
  .sidebar .brand-wordmark{
    display:none!important;
  }
  .sidebar nav{padding-top:0}
}

/* Final mobile UX polish: Material 3 native dashboard feel */
.mobile-header-menu{display:none}

@media(max-width:768px){
  :root{
    --mobile-gap:16px;
    --md-elevation-1:0 1px 2px rgba(29,27,32,.08),0 1px 3px 1px rgba(29,27,32,.05);
    --md-elevation-2:0 2px 6px rgba(29,27,32,.08),0 1px 3px rgba(29,27,32,.06);
    --md-state-layer:rgba(103,80,164,.12);
  }
  .topbar{
    grid-template-columns:48px minmax(0,1fr) 88px;
    height:56px;
    min-height:56px;
    padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));
    background:rgba(255,251,255,.98);
    box-shadow:0 1px 0 rgba(202,196,208,.55);
  }
  .menu-toggle{
    justify-self:start;
    width:48px;
    height:48px;
    border-radius:24px;
    background:transparent;
  }
  .mobile-header-menu{
    display:block;
    position:relative;
    width:22px;
    height:14px;
  }
  .mobile-header-menu::before,
  .mobile-header-menu::after,
  .mobile-header-menu{
    border-top:2px solid var(--md-on-surface);
  }
  .mobile-header-menu::before,
  .mobile-header-menu::after{
    content:"";
    position:absolute;
    left:0;
    width:22px;
  }
  .mobile-header-menu::before{top:4px}
  .mobile-header-menu::after{top:10px}
  .topbar>div:not(.top-actions){
    justify-items:center;
    text-align:center;
    overflow:hidden;
  }
  .topbar h1{
    width:100%;
    font-size:17px;
    font-weight:760;
    letter-spacing:0;
    color:var(--md-on-surface);
  }
  .top-actions{
    justify-self:end;
    display:grid;
    grid-template-columns:44px 44px;
    gap:0;
    width:88px;
  }
  .notification-menu>summary,
  .top-actions>a.btn{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    border-radius:22px;
  }
  .content{
    gap:16px;
    padding-top:16px;
    padding-bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));
  }
  .page-grid,.dashboard-grid,.files-layout,.settings-grid,.mail-compose-layout,.task-detail-layout,.design-editor-layout,.editor-workspace,
  .stat-grid,.file-grid,.people-grid,.announcement-grid,.mail-template-grid,.task-card-grid,.datasheet-image-grid,.editor-card-grid{
    gap:16px;
  }
  .card,.stat-card,.file-card,.mail-template-card,.task-summary-card,.person-card,.login-card,.onboarding-card{
    border-radius:20px;
    padding:16px;
    box-shadow:var(--md-elevation-1);
  }
  .list-row,.timeline-item,.meeting-list article,.task-list article,.notification-list>a,.version-list article{
    min-height:64px;
    padding:10px 0;
  }
  .file-type{width:48px;height:48px;border-radius:16px;font-size:11px}
  .file-type.large,.detail-type{width:60px;height:60px;border-radius:20px;font-size:14px}
  .list-row>.muted{
    color:#79747e;
    text-align:right;
    margin-left:auto;
    min-width:64px;
  }
  .file-card>small,.version-list small{
    color:#79747e;
    text-align:right;
  }
  .menu-toggle,.notification-menu>summary,.top-actions>a.btn,.btn,.file-card,.folder-list a,.list-row,.task-summary-card,.person-card{
    transition:background-color 190ms cubic-bezier(.2,0,0,1),box-shadow 190ms cubic-bezier(.2,0,0,1),transform 190ms cubic-bezier(.2,0,0,1);
  }
  .menu-toggle:active,.notification-menu>summary:active,.top-actions>a.btn:active,.btn:active,.file-card:active,.folder-list a:active,.list-row:active,.task-summary-card:active,.person-card:active{
    background-color:var(--md-state-layer);
    transform:scale(.985);
  }
  .file-card:active,.task-summary-card:active,.person-card:active{
    box-shadow:var(--md-elevation-2);
  }
}

@media(max-width:480px){
  .topbar{grid-template-columns:48px minmax(0,1fr) 88px}
  .content{gap:16px;padding-top:14px}
}

/* Force final single-row mobile app bar */
@media(max-width:768px){
  .topbar{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 88px!important;
    grid-template-rows:56px!important;
    align-items:center!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:visible;
  }
  .topbar>div:not(.top-actions){
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    min-width:0;
  }
  .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:44px 44px!important;
    width:88px!important;
    max-width:88px!important;
    height:44px!important;
    margin:0!important;
  }
  .menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .mobile-app-brand{display:none!important}
  .topbar h1{
    display:block!important;
    margin:0!important;
    max-width:100%!important;
    font-size:17px!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .notification-menu,
  .notification-menu>summary,
  .top-actions>a.btn{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .top-actions>form{display:none!important}
  .content{padding-top:16px!important}
}

/* Final drawer brand cleanup: avoid duplicate/clipped title */
@media(max-width:768px){
  .sidebar{
    padding-top:12px!important;
  }
  .sidebar .brand{
    display:none!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }
  .sidebar .brand::before{
    content:none!important;
  }
  .sidebar nav{
    margin-top:0!important;
    padding-top:0!important;
  }
}

@supports(-webkit-touch-callout:none){
  @media(max-width:768px){
    .sidebar{padding-top:max(12px,env(safe-area-inset-top))!important}
  }
}

/* Android APK native title bar removed: restore the web Material app bar */
@media(max-width:768px){
  .topbar{
    position:sticky!important;
    top:0!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 88px!important;
    grid-template-rows:56px!important;
    align-items:center!important;
    height:calc(56px + env(safe-area-inset-top))!important;
    min-height:calc(56px + env(safe-area-inset-top))!important;
    max-height:calc(56px + env(safe-area-inset-top))!important;
    padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))!important;
    border-bottom:1px solid rgba(202,196,208,.55)!important;
    background:rgba(255,251,255,.98)!important;
    box-shadow:0 1px 0 rgba(202,196,208,.55)!important;
    overflow:visible!important;
    z-index:18!important;
  }
  .content{
    padding-top:18px!important;
  }
}

/* Balanced mobile drawer header with compact logo */
@media(max-width:768px){
  .sidebar{
    padding-top:max(12px,env(safe-area-inset-top))!important;
  }
  .sidebar .brand{
    display:flex!important;
    position:static!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 48px 0 8px!important;
    margin:0 0 10px!important;
    color:#fff!important;
  }
  .sidebar .brand::before{
    content:none!important;
  }
  .sidebar .brand-logo-shell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:142px!important;
    height:38px!important;
    max-width:142px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
    overflow:hidden!important;
  }
  .sidebar .brand-logo{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  .sidebar .brand-wordmark{
    display:flex!important;
    align-items:center!important;
    height:38px!important;
    color:#fff!important;
    font-size:21px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
  .sidebar-close{
    top:max(18px,calc(env(safe-area-inset-top) + 8px))!important;
    right:12px!important;
    width:36px!important;
    height:36px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:24px!important;
  }
  .sidebar nav{
    padding-top:2px!important;
  }
}

/* Android WebView drawer stack: keep the mobile sidebar above the dim overlay. */
@media(max-width:768px){
  .topbar{
    z-index:900!important;
  }

  .sidebar-overlay,
  .mobile-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:999!important;
    width:100vw!important;
    height:100dvh!important;
    border:0!important;
    background:rgba(0,0,0,.55)!important;
    opacity:0;
    transition:opacity .25s ease;
  }

  .sidebar-overlay.is-open,
  .mobile-overlay.active{
    opacity:1;
  }

  .sidebar-overlay[hidden],
  .mobile-overlay[hidden]{
    display:none!important;
  }

  .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1001!important;
    width:min(82vw,320px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:max(12px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    transform:translateX(-100%)!important;
    transition:transform .25s ease!important;
    will-change:transform;
    box-shadow:none;
  }

  .sidebar.open{
    transform:translateX(0)!important;
    box-shadow:20px 0 60px rgba(0,0,0,.32)!important;
  }

  body.drawer-open{
    overflow:hidden;
    touch-action:none;
  }

  .sidebar-close{
    display:grid!important;
    position:absolute!important;
    top:max(12px,calc(env(safe-area-inset-top) + 8px))!important;
    right:10px!important;
    z-index:1002!important;
  }

  .sidebar .brand{
    margin-bottom:8px!important;
  }
}

/* File center redesign */
.file-center-actions{
  align-items:flex-start;
}
.file-search.card{
  border-radius:8px;
  padding:12px;
  box-shadow:0 8px 24px rgba(24,32,51,.05);
}
.file-search-field{
  display:grid;
  gap:5px;
  min-width:0;
}
.file-search-field>span{
  color:#7b8497;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.file-search-field input,
.file-search-field select{
  min-height:42px;
}
.file-search-submit,
.trash-link{
  align-self:end;
  min-height:42px;
  border-radius:8px;
}
.files-layout{
  align-items:start;
}
.folder-panel{
  border-radius:8px;
  padding:20px;
}
.folder-overview{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:-4px 0 16px;
  padding:12px;
  border:1px solid #edf0f5;
  border-radius:8px;
  background:#fafbfc;
}
.folder-overview>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.folder-overview strong{
  font-size:15px;
}
.folder-overview small{
  color:var(--muted);
  font-size:11px;
}
.folder-list a{
  align-items:flex-start;
  border:1px solid transparent;
  border-radius:8px;
}
.folder-list a span{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:7px;
  background:#f6f7fa;
  color:#596174;
  font-size:13px;
}
.folder-list a.active{
  border-color:#dfd8ff;
  background:#f1edff;
}

.folder-list .folder-tree-item{position:relative;padding-left:11px}
.folder-list .folder-tree-item.is-child{width:calc(100% - var(--folder-indent));margin-left:var(--folder-indent);padding-left:10px;background:#fbfcff}
.folder-list .folder-tree-item.is-child::before{content:"";position:absolute;left:-10px;top:-8px;width:10px;height:35px;border-left:2px solid #d8ddea;border-bottom:2px solid #d8ddea;border-radius:0 0 0 7px;pointer-events:none}
.folder-list .folder-tree-item.is-child:hover::before,.folder-list .folder-tree-item.is-child.active::before{border-color:#8d75ff}
.folder-list .folder-tree-item.is-child>div::before{content:"Alt klasör";display:block;margin-bottom:2px;color:#929bad;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.folder-list .folder-tree-item>span{flex:0 0 22px}
.folder-list .folder-tree-item[hidden]{display:none}
.folder-tree-toggle.has-children{cursor:pointer;transition:transform .18s ease,background .18s ease}
.folder-tree-toggle.has-children:hover{background:#e9e4ff}
.folder-tree-toggle.has-children.is-open{transform:rotate(90deg)}
.folder-breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-4px 0 18px;color:var(--muted);font-size:12px}
.folder-breadcrumbs a:hover{color:var(--primary)}
.folder-breadcrumbs a.current{color:var(--ink);font-weight:800}
.folder-breadcrumbs span{color:#b2b7c2}
.subfolder-section{margin:0 0 22px}
.subfolder-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.subfolder-heading small{color:var(--muted)}
.subfolder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.subfolder-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s,background .2s,transform .2s}
.subfolder-card:hover{border-color:#c9bcff;background:#faf9ff;transform:translateY(-1px)}
.subfolder-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f0edff;color:var(--primary);font-size:18px}
.subfolder-card strong,.subfolder-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subfolder-card small{margin-top:3px;color:var(--muted);font-size:10px}
.subfolder-card>b{color:var(--primary);font-size:19px}

@media(max-width:1100px){.subfolder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.subfolder-grid{grid-template-columns:1fr}.folder-list .folder-tree-item.is-child{margin-left:var(--folder-indent)}}
.folder-list a.active span{
  background:#fff;
  color:var(--primary);
}
.create-box{
  border-top-color:#edf0f5;
}
.create-box summary{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 0 0;
  list-style:none;
}
.file-main-panel{
  border-radius:8px;
  min-height:520px;
}
.file-main-head{
  padding-bottom:16px;
  border-bottom:1px solid #edf0f5;
}
.file-main-stats{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.file-main-stats span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:32px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.file-main-stats strong{
  color:var(--ink);
}
.upload-box{
  border-radius:8px;
  background:#fbfaff;
}
.file-grid{
  gap:14px;
}
.file-card{
  display:grid;
  grid-template-rows:auto minmax(94px,auto) auto auto;
  gap:12px;
  border-radius:8px;
  padding:16px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.file-card:hover{
  border-color:#d8ddea;
  box-shadow:0 12px 28px rgba(24,32,51,.08);
  transform:translateY(-1px);
}
.file-card-body h3{
  margin:0 0 6px;
  line-height:1.3;
}
.file-card-body p{
  min-height:0;
  margin:0;
  line-height:1.45;
}
.file-meta-line{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  color:#8790a1;
  font-size:10px;
  line-height:1.35;
}
.file-meta-line span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.file-meta-line span:not(:last-child)::after{
  content:"";
  width:3px;
  height:3px;
  border-radius:50%;
  background:#c2c8d3;
}
.file-actions{
  align-items:center;
  flex-wrap:wrap;
  margin-top:0;
}
.file-actions .btn{
  border-radius:8px;
}
.permission-editor{
  margin-top:28px;
  padding-top:0;
  border:1px solid #e1e5ee;
  border-radius:8px;
  background:#fbfcfe;
  overflow:hidden;
}
.permission-editor>summary{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:16px 18px;
  color:var(--ink);
  list-style:none;
}
.permission-editor>summary>span{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#f1edff;
  color:var(--primary);
}
.permission-editor>summary strong,
.permission-editor>summary small{
  display:block;
}
.permission-editor>summary small{
  margin-top:3px;
  color:var(--muted);
  font-weight:500;
}
.permission-form{
  display:grid;
  gap:14px;
  padding:0 18px 18px;
}
.permission-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.permission-card{
  display:grid;
  gap:13px;
  padding:14px;
  border:1px solid #e3e7ef;
  border-radius:8px;
  background:#fff;
}
.permission-card.is-fixed{
  background:#f8fbf9;
  border-color:#d6eadf;
}
.permission-user{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.permission-user strong,
.permission-user small{
  display:block;
  min-width:0;
}
.permission-user small{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  overflow-wrap:anywhere;
}
.permission-avatar{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#eef2f7;
  color:#3f4a5f;
  font-weight:900;
}
.permission-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.permission-toggle{
  position:relative;
  display:block;
  min-width:0;
}
.permission-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.permission-toggle span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 8px;
  border:1px solid #dfe3eb;
  border-radius:8px;
  background:#fff;
  color:#657083;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.permission-toggle input:checked+span{
  border-color:#cfc6ff;
  background:#f1edff;
  color:var(--primary);
}
.permission-toggle input:disabled+span{
  border-color:#d6eadf;
  background:#eaf8f0;
  color:#16875e;
}
.permission-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}

@media(max-width:1180px){
  .file-search.card{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .file-search-query{
    grid-column:1/-1;
  }
  .file-search-submit,
  .file-search .btn{
    width:100%;
  }
  .permission-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .file-center-actions{
    display:grid;
  }
  .file-search.card{
    grid-template-columns:1fr;
  }
  .trash-link{
    justify-self:stretch;
  }
  .file-main-head{
    display:grid;
  }
  .file-main-stats{
    width:100%;
  }
  .file-main-stats span{
    flex:1;
    justify-content:center;
  }
  .permission-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .permission-user{
    grid-template-columns:auto minmax(0,1fr);
  }
  .permission-user .badge{
    grid-column:1/-1;
    justify-content:center;
  }
}

@media(max-width:420px){
  .folder-overview{
    grid-template-columns:1fr;
  }
  .permission-options{
    grid-template-columns:1fr;
  }
}

/* Targeted live-layout corrections */
body:has(.file-center-page) .content{max-width:none;padding-top:24px}
.file-center-page{width:100%;max-width:1580px;margin:0 auto;padding-top:2px}
.file-center-page .file-center-hero{position:relative;inset:auto;transform:none;margin:0 0 18px;padding:0;min-height:46px;overflow:visible}
.file-center-page .file-center-title-copy h2{margin:0 0 5px;line-height:1.2}
.file-center-page .file-center-actions{margin-bottom:16px}
.file-center-page .file-search.card{grid-template-columns:minmax(320px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:12px;padding:16px;border:1px solid #e5e9f1;border-radius:12px}
.file-center-page .file-search-field{display:grid;align-content:end;gap:6px}
.file-center-page .file-search-field>span:first-child{margin:0;line-height:1.2}
.file-center-page .file-search input,.file-center-page .file-search select,.file-center-page .file-search .btn{height:44px;min-height:44px}
.file-center-page .files-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:18px}
.file-center-page .folder-panel{width:100%;padding:16px}
.file-center-page .folder-list a{min-height:48px;padding:8px 9px}
.file-center-page .folder-list .folder-tree-item.is-child{width:calc(100% - min(var(--folder-indent),48px));margin-left:min(var(--folder-indent),48px)}
.file-center-page .create-box summary{width:100%;min-height:44px}
.file-center-page .file-main-panel{padding:18px 20px 22px}
.file-center-page .file-main-head{min-height:0;margin-bottom:14px;padding-bottom:14px}
.file-center-page .file-title-row h2{font-size:21px;line-height:1.25}
.file-center-page .file-title-block>p:last-child{display:-webkit-box;max-width:760px;margin-top:5px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}
.file-center-page .file-table-head,.file-center-page .file-card{grid-template-columns:36px minmax(260px,2.2fr) minmax(170px,1.3fr) minmax(120px,.9fr) 140px 90px 52px}
.file-center-page .file-table-head{padding:9px 12px}
.file-center-page .file-card{min-height:68px;height:68px;padding:7px 12px}
.file-center-page .file-select-cell{grid-column:1;display:grid;place-items:center}
.file-center-page .file-select-check{position:static;display:grid;place-items:center;width:32px;height:40px;padding:0;border:0;background:transparent}
.file-center-page .file-name-cell{grid-column:2;display:flex;align-items:center;gap:11px;min-width:0;padding-right:14px}
.file-center-page .file-type{flex:0 0 38px;width:38px;height:38px;border-radius:9px;font-size:8px}
.file-center-page .file-card-body{min-width:0;padding:0}
.file-center-page .file-card-body h3{margin:0 0 2px;font-size:13px;font-weight:750;line-height:1.25}
.file-center-page .file-card-body p{margin:0;font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-page .file-meta-grid>div{display:flex;align-items:center;height:100%;padding-right:12px;overflow:hidden}
.file-center-page .file-meta-grid>div:nth-child(1){grid-column:3}.file-center-page .file-meta-grid>div:nth-child(2){grid-column:4}.file-center-page .file-meta-grid>div:nth-child(3){grid-column:6}.file-center-page .file-meta-grid>div:nth-child(4){grid-column:5}
.file-center-page .file-meta-grid dd{width:100%;font-size:11px;line-height:1.25;white-space:nowrap}
.file-center-page .file-actions{grid-column:7;align-self:center}
.file-center-page .file-actions summary{min-width:40px;min-height:40px}
.file-center-page .bulk-move-bar{grid-template-columns:auto auto minmax(200px,360px) auto;justify-content:start;padding:10px 12px}
.file-center-page .bulk-move-bar:not(.has-selection){border-color:#e5e9f1;background:#fafbfc;box-shadow:none}
.file-center-page .bulk-move-bar.has-selection{border-color:#cfc4ff;background:#f7f5ff}
.file-center-page .bulk-move-bar select,.file-center-page .bulk-move-bar button{height:42px;min-height:42px}

@media(max-width:1200px){
  .file-center-page .files-layout{grid-template-columns:1fr}
  .file-center-page .folder-panel{position:static}
  .file-center-page .file-search.card{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  .file-center-page .file-table-head{display:none}
  .file-center-page .file-grid{gap:12px;border:0;background:transparent}
  .file-center-page .file-card{display:grid;grid-template-columns:36px 48px minmax(0,1fr) 44px;gap:9px;width:100%;height:auto;min-height:132px;padding:13px;border:1px solid #e5e9f1;border-radius:12px}
  .file-center-page .file-select-cell{grid-column:1}.file-center-page .file-name-cell{display:contents}
  .file-center-page .file-name-cell>.file-type{grid-column:2;align-self:start}
  .file-center-page .file-card-body{grid-column:3;align-self:start;padding-top:2px}
  .file-center-page .file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 10px;border-radius:9px;background:#f7f9fc}
  .file-center-page .file-meta-grid>div:nth-child(n){display:block;grid-column:auto;padding:0}
  .file-center-page .file-meta-grid dt{display:block;margin-bottom:2px}
  .file-center-page .file-actions{grid-column:4;grid-row:1;align-self:start}
}
@media(max-width:800px){
  body:has(.file-center-page) .content{padding-top:16px}
  .file-center-page .file-search.card{grid-template-columns:1fr}
  .file-center-page .file-center-hero{margin-bottom:16px}
  .file-center-page .folder-list{grid-template-columns:1fr}
  .file-center-page .bulk-move-bar{grid-template-columns:1fr 1fr}
}

/* File center SaaS polish */
.file-center-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  max-width:1440px;
  margin:0 auto 16px;
}
.file-center-hero>div,
.file-title-block,
.folder-list a>div,
.file-card,
.permission-card,
.permission-user{
  min-width:0;
}
.file-center-hero h2{
  margin:4px 0 5px;
  font-size:24px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.file-center-hero p:not(.eyebrow){
  margin:0;
  color:var(--muted);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.file-center-actions,
.files-layout{
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
}
.file-center-actions{
  margin-bottom:16px;
}
.file-search.card{
  display:grid;
  grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,.75fr)) auto auto;
  gap:10px;
  align-items:end;
  width:100%;
  border-color:#e4e8f0;
  border-radius:8px;
  background:#fff;
  padding:12px;
  box-shadow:0 10px 30px rgba(18,25,38,.05);
}
.file-search-field>span{
  margin-bottom:1px;
  color:#687386;
  letter-spacing:0;
  text-transform:none;
  font-size:12px;
}
.file-search-field input,
.file-search-field select{
  height:42px;
  min-height:42px;
  border-color:#dce2eb;
  border-radius:8px;
  background:#fbfcfe;
}
.file-search-field input:focus,
.file-search-field select:focus{
  background:#fff;
}
.file-search-submit,
.file-search .btn,
.trash-link{
  height:42px;
  min-height:42px;
  border-radius:8px;
  white-space:nowrap;
}
.files-layout{
  grid-template-columns:270px minmax(0,1fr);
  gap:18px;
}
.folder-panel,
.file-main-panel{
  border-color:#e3e7ef;
  border-radius:8px;
  box-shadow:0 14px 38px rgba(18,25,38,.06);
}
.folder-panel{
  position:sticky;
  top:112px;
  padding:18px;
}
.folder-panel .card-head{
  margin-bottom:12px;
}
.folder-overview{
  gap:0;
  padding:10px 12px;
  border-radius:8px;
  background:#f8fafc;
}
.folder-overview>div+div{
  border-top:1px solid #edf0f5;
  margin-top:8px;
  padding-top:8px;
}
.folder-group-label{
  margin:14px 0 7px;
  color:#8a94a6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.folder-list a{
  min-height:54px;
  padding:10px;
  border-radius:8px;
}
.folder-list a strong{
  display:block;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.folder-list a small{
  display:block;
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.folder-list a.active{
  border-color:#d8d0ff;
  background:#f0edff;
  box-shadow:inset 3px 0 0 var(--primary);
}
.folder-list a:hover{
  border-color:#e0e4ec;
}
.folder-list a span{
  background:#eef2f7;
}
.create-box summary{
  justify-content:center;
  width:100%;
  min-height:40px;
  margin-bottom:0;
  padding:10px 12px;
  border:1px dashed #c9c1ff;
  border-radius:8px;
  background:#fbfaff;
  color:var(--primary);
}
.create-box summary span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
}
.create-box[open] summary{
  margin-bottom:14px;
}
.file-main-panel{
  padding:20px;
  background:#fff;
}
.file-main-head{
  align-items:center;
  margin-bottom:16px;
  padding-bottom:16px;
}
.file-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:4px;
}
.file-title-row h2{
  max-width:min(620px,100%);
  margin:0;
  font-size:22px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-stat-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid #e3e7ef;
  border-radius:999px;
  background:#f8fafc;
  color:#5d6778;
  font-size:11px;
  font-weight:800;
}
.file-title-block>p:last-child{
  max-width:760px;
  overflow-wrap:anywhere;
}
.folder-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.folder-head-actions .btn,
.folder-head-actions summary{
  max-width:170px;
  border-radius:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.folder-head-actions form{
  min-width:0;
}
.folder-access-badge{
  cursor:default;
  background:#f5f7fb;
  color:#596174;
}
.folder-head-actions .btn-danger{
  border-color:#ffd8df;
  background:#fff0f2;
}
.upload-box{
  grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr);
  align-items:stretch;
  gap:14px;
  margin-bottom:16px;
  padding:14px;
  border:1px dashed #bdaeef;
  border-radius:8px;
  background:#fbfaff;
}
.upload-box>label.upload-dropzone{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-content:center;
  align-items:center;
  column-gap:12px;
  row-gap:2px;
  min-height:86px;
  padding:16px;
  border:1px dashed #cabdff;
  border-radius:8px;
  background:#fff;
  text-align:left;
}
.upload-icon{
  display:grid;
  place-items:center;
  grid-row:1/3;
  width:38px;
  height:38px;
  border-radius:8px;
  background:#f1edff;
  color:var(--primary);
  font-size:20px;
  font-weight:900;
}
.upload-dropzone strong{
  min-width:0;
  color:var(--ink);
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.upload-dropzone small{
  color:var(--muted);
  font-size:11px;
}
.upload-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-content:center;
}
.upload-controls input,
.upload-controls .btn{
  min-width:0;
  height:42px;
  border-radius:8px;
}
.selected-file-preview{
  grid-column:1/-1;
  padding:10px;
  border:1px solid #e5e8f0;
  border-radius:8px;
  background:#fff;
}
.file-grid{
  grid-template-columns:repeat(3,minmax(240px,1fr));
}
.file-card{
  grid-template-rows:auto minmax(82px,auto) auto auto;
  border-color:#e1e6ef;
  border-radius:8px;
}
.file-card-top .badge{
  background:#f1f3f7;
  color:#667085;
}
.file-card-body h3{
  font-size:14px;
  font-weight:850;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.file-card-body p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-height:32px;
  overflow:hidden;
  color:#8a94a6;
  font-size:11px;
  overflow-wrap:anywhere;
}
.file-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 12px;
  margin:0;
  padding:10px;
  border-radius:8px;
  background:#f8fafc;
}
.file-meta-grid div{
  min-width:0;
}
.file-meta-grid dt{
  margin:0 0 2px;
  color:#8a94a6;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.file-meta-grid dd{
  margin:0;
  color:#394357;
  font-size:11px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-actions{
  padding-top:2px;
  min-width:0;
}
.file-actions .btn{
  flex:0 1 auto;
  max-width:100%;
  min-height:34px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-actions details{
  margin-left:auto;
}
.permission-editor{
  margin-top:20px;
  border:1px solid #e1e6ef;
  border-radius:8px;
  background:#fff;
}
.permission-editor>summary{
  cursor:pointer;
  border-bottom:1px solid #eef1f6;
  background:#fbfcfe;
}
.permission-editor>summary::-webkit-details-marker{
  display:none;
}
.permission-form{
  padding:16px 18px 18px;
}
.permission-table-head,
.permission-card{
  display:grid;
  grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(92px,.45fr));
  gap:10px;
  align-items:center;
}
.permission-table-head{
  padding:0 12px 8px;
  color:#7b8497;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.permission-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.permission-card{
  padding:12px;
  border-radius:8px;
}
.permission-user{
  display:flex;
  align-items:center;
  gap:10px;
}
.permission-user>div{
  flex:1;
  min-width:0;
}
.permission-user strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.permission-user small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.permission-user .badge{
  max-width:112px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.permission-options{
  display:contents;
}
.permission-toggle span{
  min-width:0;
  min-height:36px;
  border-radius:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.permission-toggle span::before{
  flex:0 0 14px;
  content:"";
  width:14px;
  height:14px;
  margin-right:7px;
  border:1px solid #c7ced9;
  border-radius:4px;
  background:#fff;
}
.permission-toggle input:checked+span::before{
  border-color:var(--primary);
  background:linear-gradient(135deg,var(--primary),#8b73ff);
  box-shadow:inset 0 0 0 3px #fff;
}
.permission-toggle input:disabled+span{
  opacity:.78;
}
.permission-actions{
  justify-content:flex-end;
  border-top:1px solid #eef1f6;
  margin-top:6px;
  padding-top:14px;
}

@media(max-width:1280px){
  .file-search.card{
    grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.7fr)) auto auto;
  }
  .file-search-field:nth-of-type(4){
    grid-column:1/2;
  }
  .file-grid{
    grid-template-columns:repeat(2,minmax(240px,1fr));
  }
}

@media(max-width:960px){
  .files-layout{
    grid-template-columns:1fr;
  }
  .folder-panel{
    position:static;
  }
  .folder-list{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .folder-group-label{
    display:none;
  }
  .folder-list a{
    flex:0 0 220px;
  }
  .file-title-row h2{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .folder-overview{
    grid-template-columns:repeat(3,1fr);
  }
  .folder-overview>div+div{
    border-top:0;
    border-left:1px solid #edf0f5;
    margin-top:0;
    padding-top:0;
    padding-left:10px;
  }
  .file-search.card,
  .upload-box{
    grid-template-columns:1fr;
  }
  .permission-table-head{
    display:none;
  }
  .permission-card{
    grid-template-columns:1fr;
  }
  .permission-options{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
}

@media(max-width:768px){
  .file-center-hero{
    display:grid;
  }
  .file-center-hero .trash-link{
    width:100%;
  }
  .file-search.card{
    grid-template-columns:1fr;
  }
  .file-search-field:nth-of-type(4){
    grid-column:auto;
  }
  .file-main-head{
    align-items:flex-start;
  }
  .folder-head-actions{
    justify-content:flex-start;
    width:100%;
  }
  .folder-head-actions .btn,
  .folder-head-actions details,
  .folder-head-actions form{
    max-width:none;
    width:100%;
  }
  .folder-head-actions form .btn,
  .folder-head-actions summary{
    max-width:none;
    width:100%;
  }
  .upload-controls{
    grid-template-columns:1fr;
  }
  .file-grid{
    grid-template-columns:1fr;
  }
  .file-meta-grid{
    grid-template-columns:1fr 1fr;
  }
  .file-actions details{
    margin-left:0;
  }
}

@media(max-width:520px){
  .file-center-hero h2{
    font-size:21px;
  }
  .folder-overview{
    grid-template-columns:1fr;
  }
  .folder-overview>div+div{
    border-left:0;
    border-top:1px solid #edf0f5;
    padding-left:0;
    padding-top:8px;
    margin-top:8px;
  }
  .folder-list a{
    flex-basis:190px;
  }
  .upload-box>label.upload-dropzone{
    grid-template-columns:1fr;
    text-align:center;
  }
  .upload-icon{
    grid-row:auto;
    margin:0 auto 6px;
  }
  .upload-dropzone strong{
    white-space:normal;
  }
  .file-meta-grid,
  .permission-options{
    grid-template-columns:1fr;
  }
  .permission-user{
    align-items:flex-start;
    flex-direction:column;
  }
  .permission-user strong,
  .permission-user small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .permission-user .badge{
    align-self:flex-start;
  }
}

/* File cards: hard overflow guards for long enterprise filenames */
.file-grid{
  min-width:0;
}
.file-card{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.file-card-top,
.file-card-body,
.file-meta-grid,
.file-actions{
  min-width:0;
  max-width:100%;
}
.file-card-body{
  overflow:hidden;
}
.file-card-body h3,
.file-card h3{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.file-meta-grid{
  width:100%;
  overflow:hidden;
}
.file-meta-grid dd{
  min-width:0;
  max-width:100%;
}
.file-actions{
  overflow:hidden;
}
.file-actions details{
  flex:0 0 auto;
}

@media(max-width:520px){
  .file-card-body h3,
  .file-card h3{
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}

/* Mobile file center compact layout */
@media(max-width:768px){
  body:has(.file-center-hero){
    background:#f7f5fb;
  }
  .file-center-hero{
    gap:8px;
    margin:0 0 12px;
    padding:0 2px;
  }
  .file-center-hero .eyebrow{
    font-size:10px;
  }
  .file-center-hero h2{
    margin:4px 0 4px;
    font-size:24px;
    line-height:1.15;
  }
  .file-center-hero p:not(.eyebrow){
    font-size:14px;
    line-height:1.45;
  }
  .file-center-actions{
    margin-bottom:12px;
  }
  .file-search.card{
    gap:10px;
    padding:14px;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(31,35,48,.06);
  }
  .file-search-field{
    gap:5px;
  }
  .file-search-field>span{
    color:#5f6878;
    font-size:12px;
    font-weight:850;
  }
  .file-search-field input,
  .file-search-field select{
    height:44px;
    min-height:44px;
    padding:9px 12px;
    border-radius:12px;
    font-size:14px;
  }
  .file-search-submit,
  .file-search .btn{
    height:44px;
    min-height:44px;
    border-radius:12px;
    font-size:14px;
  }
  .files-layout{
    gap:12px;
  }
  .folder-panel{
    padding:16px;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(31,35,48,.06);
  }
  .folder-panel .card-head{
    margin-bottom:10px;
  }
  .folder-panel .card-head h2{
    font-size:22px;
  }
  .folder-overview{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:10px;
    border-radius:12px;
  }
  .folder-overview>div{
    display:grid;
    justify-items:start;
    gap:2px;
  }
  .folder-overview>div+div{
    border-top:0;
    border-left:1px solid #e8ebf1;
    margin-top:0;
    padding-top:0;
    padding-left:10px;
  }
  .folder-overview strong{
    font-size:17px;
  }
  .folder-overview small{
    font-size:10px;
    line-height:1.2;
  }
  .folder-list{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:2px 2px 10px;
    scroll-snap-type:x proximity;
  }
  .folder-list a{
    flex:0 0 190px;
    min-height:66px;
    padding:10px;
    border-radius:14px;
    scroll-snap-align:start;
  }
  .folder-list a span{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
  .folder-list a strong{
    font-size:13px;
  }
  .folder-list a small{
    font-size:11px;
  }
  .create-box{
    margin-top:10px;
    padding-top:10px;
  }
  .create-box summary{
    min-height:42px;
    border-radius:12px;
  }
  .file-main-panel{
    padding:16px;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(31,35,48,.06);
  }
  .file-title-row{
    gap:6px;
  }
  .file-title-row h2{
    font-size:21px;
  }
  .file-stat-pill{
    min-height:24px;
    padding:4px 8px;
  }
  .upload-box{
    gap:10px;
    padding:12px;
    border-radius:14px;
  }
  .upload-box>label.upload-dropzone{
    min-height:84px;
    border-radius:12px;
  }
  .file-card{
    border-radius:14px;
    padding:14px;
  }
  .file-meta-grid{
    border-radius:12px;
  }
  .permission-editor{
    border-radius:14px;
  }
}

@media(max-width:420px){
  .file-center-hero h2{
    font-size:22px;
  }
  .file-center-hero p:not(.eyebrow){
    font-size:13px;
  }
  .file-search.card{
    padding:12px;
  }
  .folder-overview{
    grid-template-columns:1fr;
  }
  .folder-overview>div{
    display:flex;
  }
  .folder-overview>div+div{
    border-left:0;
    border-top:1px solid #e8ebf1;
    margin-top:8px;
    padding-top:8px;
    padding-left:0;
  }
}

/* Mobile app download page */
.mobile-download-shell{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);
  gap:20px;
  max-width:1440px;
  margin:0 auto;
  align-items:start;
}
.mobile-download-card,
.mobile-guide-card,
.mobile-feature-card{
  border-radius:8px;
  border-color:#e3e7ef;
  box-shadow:0 14px 38px rgba(18,25,38,.06);
}
.mobile-download-card{
  min-height:420px;
  padding:22px;
}
.mobile-download-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:16px;
  padding-bottom:20px;
  border-bottom:1px solid #edf0f5;
}
.mobile-app-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:14px;
  background:linear-gradient(145deg,#f1edff,#e8f3ff);
  color:var(--primary);
  font-size:12px;
  font-weight:900;
}
.mobile-download-hero h2{
  margin:4px 0 6px;
  font-size:23px;
}

/* Final file action menu overrides (kept last to beat legacy overflow guards). */
.file-grid{isolation:isolate}
.file-grid .file-card{position:relative;overflow:visible}
.file-grid .file-card:has(.file-actions details[open]){z-index:30}
.file-grid .file-actions{overflow:visible}
.file-grid .file-actions details[open]{z-index:40}
.file-grid .file-actions details[open]>summary{border-color:#8f75ff;background:#f0edff;color:var(--primary)}
.file-grid .file-actions .popover{z-index:50;width:min(310px,calc(100vw - 32px));max-height:min(560px,70vh);overflow-y:auto;text-align:left}
.file-grid .file-actions .popover form+form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}

@media(max-width:520px){
  .file-grid .file-actions .popover{position:fixed;inset:auto 12px 16px;width:auto;max-height:75vh}
}
.mobile-download-hero p:not(.eyebrow){
  margin:0;
  max-width:720px;
  color:var(--muted);
  line-height:1.55;
}
.mobile-version-panel{
  display:grid;
  gap:16px;
  margin-top:18px;
  padding:16px;
  border:1px solid #e4e8f0;
  border-radius:8px;
  background:#fbfcfe;
}
.mobile-version-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:13px;
  align-items:center;
}
.mobile-version-main strong,
.mobile-version-main small{
  display:block;
}
.mobile-version-main strong{
  font-size:15px;
}
.mobile-version-main small{
  margin-top:4px;
  color:var(--muted);
  line-height:1.45;
}
.mobile-version-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.mobile-version-stats div{
  min-width:0;
  padding:12px;
  border:1px solid #e7ebf2;
  border-radius:8px;
  background:#fff;
}
.mobile-version-stats span,
.mobile-version-stats strong{
  display:block;
}
.mobile-version-stats span{
  color:#8a94a6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mobile-version-stats strong{
  margin-top:5px;
  color:#202a3d;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mobile-download-action{
  display:grid;
  gap:9px;
  margin-top:18px;
}
.mobile-download-action .btn{
  min-height:46px;
  border-radius:8px;
}
.mobile-download-action p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.mobile-download-side{
  display:grid;
  gap:18px;
}
.mobile-guide-card,
.mobile-feature-card{
  padding:20px;
}
.mobile-steps,
.mobile-feature-list{
  display:grid;
  gap:10px;
}
.mobile-steps>div,
.mobile-feature-list>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:12px;
  border:1px solid #eef1f6;
  border-radius:8px;
  background:#fbfcfe;
}
.mobile-steps>div span,
.mobile-feature-list>div span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#f1edff;
  color:var(--primary);
  font-weight:900;
}
.mobile-feature-list>div span{
  background:#eaf8f0;
  color:#16875e;
}
.mobile-steps strong,
.mobile-steps small,
.mobile-feature-list strong,
.mobile-feature-list small{
  display:block;
}
.mobile-steps strong,
.mobile-feature-list strong{
  font-size:13px;
}
.mobile-steps small,
.mobile-feature-list small{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

@media(max-width:1100px){
  .mobile-download-shell{
    grid-template-columns:1fr;
  }
  .mobile-download-side{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .mobile-download-hero{
    grid-template-columns:auto minmax(0,1fr);
  }
  .mobile-download-hero .badge{
    grid-column:1/-1;
    justify-self:start;
  }
  .mobile-version-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mobile-download-side{
    grid-template-columns:1fr;
  }
}

@media(max-width:460px){
  .mobile-download-card,
  .mobile-guide-card,
  .mobile-feature-card{
    padding:16px;
  }
  .mobile-download-hero{
    grid-template-columns:1fr;
  }
  .mobile-version-main,
  .mobile-steps>div,
  .mobile-feature-list>div{
    grid-template-columns:1fr;
  }
  .mobile-version-stats{
    grid-template-columns:1fr;
  }
}

/* Mobile push notifications */
.mobile-push-layout{
  grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);
  align-items:start;
}
.mobile-push-compose,
.mobile-push-history{
  border-radius:8px;
}
.push-user-picker{
  display:grid;
  gap:8px;
  max-height:260px;
  overflow:auto;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f8f9fb;
}
.push-user-picker[hidden]{
  display:none;
}
.push-user-picker label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px;
  border:1px solid #e4e8f0;
  border-radius:8px;
  background:#fff;
}
.push-user-picker input{
  width:auto;
}
.push-user-picker strong,
.push-user-picker small{
  display:block;
}
.push-user-picker small{
  color:var(--muted);
  margin-top:2px;
  overflow-wrap:anywhere;
}
.mobile-push-history td:nth-child(2){
  max-width:360px;
  white-space:normal;
}

@media(max-width:980px){
  .mobile-push-layout{
    grid-template-columns:1fr;
  }
}

/* File actions open as a modal so they never overlap permission controls. */
.file-grid .file-actions details[open]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(24,30,44,.42);
  backdrop-filter:blur(2px);
}
.file-grid .file-actions details[open]>.popover{
  position:fixed;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  z-index:1001;
  width:min(380px,calc(100vw - 28px));
  max-height:min(680px,calc(100vh - 40px));
  padding:18px;
  overflow-y:auto;
  border-radius:14px;
  background:#fff;
  box-shadow:0 28px 80px rgba(20,25,38,.28);
  transform:translate(-50%,-50%);
}

@media(max-width:520px){
  .file-grid .file-actions details[open]>.popover{
    inset:auto 10px 10px;
    width:auto;
    max-height:calc(100dvh - 70px);
    transform:none;
  }
}

/* File Center v2 — final scoped layer */
body:has(.file-center-hero) .content{max-width:1540px;padding-top:22px}
body:has(.file-center-hero) .file-center-hero{align-items:flex-end;margin-bottom:16px}
body:has(.file-center-hero) .file-center-hero h2{font-size:27px;letter-spacing:-.025em}
body:has(.file-center-hero) .file-search.card{padding:14px 16px;border-radius:12px;box-shadow:0 8px 28px rgba(31,39,58,.055)}
body:has(.file-center-hero) .files-layout{grid-template-columns:300px minmax(0,1fr);gap:16px}
body:has(.file-center-hero) .folder-panel{top:110px;padding:16px;border-radius:12px;box-shadow:0 10px 34px rgba(31,39,58,.065)}
body:has(.file-center-hero) .folder-overview{grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 16px;padding:0;overflow:hidden}
body:has(.file-center-hero) .folder-overview>div{display:grid;justify-items:center;gap:2px;padding:11px 5px;text-align:center}
body:has(.file-center-hero) .folder-overview>div+div{margin:0;padding:11px 5px;border-top:0;border-left:1px solid #e5e9f0}
body:has(.file-center-hero) .folder-list{gap:5px}
body:has(.file-center-hero) .folder-list a{min-height:52px;padding:9px;border-radius:10px}
body:has(.file-center-hero) .folder-list a.active{background:linear-gradient(90deg,#eeeaff,#f7f5ff)}
body:has(.file-center-hero) .file-main-panel{padding:20px 22px 24px;border-radius:12px;box-shadow:0 10px 34px rgba(31,39,58,.065)}
body:has(.file-center-hero) .folder-breadcrumbs{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #edf0f5}
body:has(.file-center-hero) .upload-box{margin-bottom:20px;border-radius:12px;background:linear-gradient(135deg,#fbfaff,#f7f9ff)}
body:has(.file-center-hero) .subfolder-section{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #edf0f5}
body:has(.file-center-hero) .subfolder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body:has(.file-center-hero) .subfolder-card{min-height:70px;border-radius:11px;background:#fcfdff}
body:has(.file-center-hero) .bulk-move-bar{position:sticky;top:104px;z-index:8;margin-bottom:16px;background:rgba(247,245,255,.97);box-shadow:0 7px 20px rgba(70,54,140,.08)}
body:has(.file-center-hero) .permission-editor{margin-top:26px;border-radius:12px}
body:has(.file-center-hero) .permission-editor>summary{min-height:64px;padding:14px 16px;border-bottom:0}
body:has(.file-center-hero) .permission-editor[open]>summary{border-bottom:1px solid #e8ecf3}

@media(max-width:1100px){
  body:has(.file-center-hero) .files-layout{grid-template-columns:260px minmax(0,1fr)}
  body:has(.file-center-hero) .file-grid,body:has(.file-center-hero) .subfolder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  body:has(.file-center-hero) .files-layout{grid-template-columns:1fr}
  body:has(.file-center-hero) .folder-panel{position:static}
  body:has(.file-center-hero) .file-grid,body:has(.file-center-hero) .subfolder-grid{grid-template-columns:1fr}
}

/* File Center v3 — final component overrides */
.file-center-title-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5e9f1;border-radius:11px;background:#fff;color:#172033;font-size:23px;box-shadow:0 5px 16px rgba(25,34,52,.05)}
.file-center-title-copy{min-width:0}.page-breadcrumb{display:flex;align-items:center;gap:7px;color:#758096;font-size:11px}.page-breadcrumb strong{color:#4a556a}
.search-input-shell{position:relative;display:block}.search-input-shell i{position:absolute;left:12px;top:50%;z-index:1;color:#929caf;font-style:normal;font-size:17px;transform:translateY(-50%)}.search-input-shell input{padding-left:36px}
.folder-panel-head{align-items:center}.folder-add-shortcut{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e5e9f1;border-radius:8px;background:#fff;color:#596579;font-size:20px;cursor:pointer}
.folder-depth-1{--folder-indent:16px}.folder-depth-2{--folder-indent:32px}.folder-depth-3{--folder-indent:48px}.folder-depth-4{--folder-indent:64px}.folder-depth-5{--folder-indent:80px}.folder-depth-6{--folder-indent:96px}
.file-center-page .upload-dropzone em{color:#758096;font-size:11px;font-style:normal;font-weight:500}.file-center-page .upload-dropzone b{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 18px;border-radius:9px;background:var(--primary);color:#fff;font-size:12px}.file-center-page .upload-dropzone.drag-active{border-color:#8f75ff;background:#f4f1ff}
.folder-more-actions{position:relative}.folder-more-actions>summary{list-style:none}.folder-more-popover{position:absolute;right:0;top:40px;z-index:20;width:170px;padding:10px;border:1px solid #e5e9f1;border-radius:10px;background:#fff;box-shadow:0 18px 44px rgba(22,31,48,.16)}.folder-more-popover .btn{width:100%}
.file-menu-links{display:grid;gap:3px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e5e9f1}.file-menu-links a{padding:9px 10px;border-radius:8px;color:#344054;font-size:12px;font-weight:700}.file-menu-links a:hover{background:#f3f5f9;color:var(--primary)}
.file-table-head{display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(150px,1fr) 130px 140px 90px 56px;align-items:center;padding:10px 14px;border:1px solid #e5e9f1;border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafc;color:#7d8799;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
body:has(.file-center-hero) .file-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #e5e9f1;border-radius:0 0 12px 12px;background:#fff;overflow:visible}
body:has(.file-center-hero) .file-card{display:grid;grid-template-columns:56px minmax(190px,1.4fr) minmax(150px,1fr) 130px 140px 90px 56px;align-items:center;gap:0;min-height:72px;padding:10px 14px;border:0;border-bottom:1px solid #e5e9f1;border-radius:0;box-shadow:none;transform:none}
body:has(.file-center-hero) .file-card:last-child{border-bottom:0;border-radius:0 0 12px 12px}body:has(.file-center-hero) .file-card:hover{background:#fafbfe;box-shadow:none;transform:none}
.file-card-top{grid-column:1;position:relative;justify-content:flex-start}.file-card-top .badge{display:none}.file-select-check{position:absolute;left:-9px;top:-9px;z-index:2;padding:3px;background:#fff}
body:has(.file-center-hero) .file-card-body{grid-column:2;min-height:0;padding-right:12px}body:has(.file-center-hero) .file-card-body h3{margin:0 0 3px;font-size:12px}body:has(.file-center-hero) .file-card-body p{min-height:0;margin:0;color:#758096;font-size:9px}
body:has(.file-center-hero) .file-meta-grid{display:contents}.file-meta-grid>div{min-width:0;padding-right:12px}.file-meta-grid>div:nth-child(1){grid-column:3}.file-meta-grid>div:nth-child(2){grid-column:4}.file-meta-grid>div:nth-child(3){grid-column:6}.file-meta-grid>div:nth-child(4){grid-column:5}body:has(.file-center-hero) .file-meta-grid dt{display:none}body:has(.file-center-hero) .file-meta-grid dd{font-size:10px;font-weight:600;color:#5b667a}
body:has(.file-center-hero) .file-actions{grid-column:7;justify-content:flex-end;padding:0;border:0}body:has(.file-center-hero) .file-actions details{margin:0}body:has(.file-center-hero) .file-actions summary{width:36px;height:36px;padding:0;border-color:#e5e9f1;font-size:14px}
.file-type.file-ext-pdf{background:#fff0f0;color:#d92d20}.file-type.file-ext-doc,.file-type.file-ext-docx{background:#eef5ff;color:#1570ef}.file-type.file-ext-xls,.file-type.file-ext-xlsx{background:#ecfdf3;color:#039855}.file-type.file-ext-ppt,.file-type.file-ext-pptx{background:#fff4ed;color:#e04f16}.file-type.file-ext-zip,.file-type.file-ext-rar{background:#fff8e7;color:#b7791f}.file-type.file-ext-jpg,.file-type.file-ext-jpeg,.file-type.file-ext-png,.file-type.file-ext-webp{background:#f4f0ff;color:#7f56d9}
.file-center-page .permission-editor:not([open]){display:none}body.permission-drawer-open{overflow:hidden}body.permission-drawer-open::before{content:"";position:fixed;inset:0;z-index:1090;background:rgba(18,25,38,.42);backdrop-filter:blur(2px)}.file-center-page .permission-editor[open]{display:block;position:fixed;inset:0 0 0 auto;z-index:1100;width:min(620px,94vw);height:100dvh;margin:0;border:0;border-radius:16px 0 0 16px;background:#fff;box-shadow:-24px 0 70px rgba(20,28,44,.22);overflow-y:auto}.file-center-page .permission-editor[open]>summary{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e5e9f1}.file-center-page .permission-chevron{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e5e9f1;border-radius:8px;font-size:20px;transform:none}
@media(max-width:800px){.file-table-head{display:none}body:has(.file-center-hero) .file-grid{gap:12px;border:0;background:transparent}body:has(.file-center-hero) .file-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;min-height:0;padding:14px;border:1px solid #e5e9f1;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(24,32,51,.05)}body:has(.file-center-hero) .file-card:last-child{border:1px solid #e5e9f1;border-radius:12px}.file-card-top{grid-column:1}.file-card-body{grid-column:2}.file-meta-grid>div:nth-child(n){grid-column:auto}body:has(.file-center-hero) .file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-radius:9px;background:#f7f9fc}body:has(.file-center-hero) .file-meta-grid dt{display:block}body:has(.file-center-hero) .file-actions{grid-column:3;grid-row:1;margin:0}}
.mobile-filter-toggle{display:none}
@media(max-width:800px){.mobile-filter-toggle{display:flex;width:100%;min-height:44px}.file-center-actions [data-file-filter-form]:not(.is-open){display:none}.file-center-actions [data-file-filter-form].is-open{display:grid}}

/* Final responsive audit: isolated to the File Center only. */
body:has(.file-center-page) .content{max-width:none;padding-top:24px}
.file-center-page{--fc-line:#e5e9f1;--fc-muted:#758096;--fc-radius:12px;width:100%;max-width:1580px;margin:0 auto;padding-top:2px}
.file-center-page *{min-width:0}
.file-center-page .file-search input,.file-center-page .file-search select,.file-center-page .file-search .btn{height:42px;min-height:42px}
.file-center-page .file-search-field>span:first-child{min-height:16px}
.file-center-page .folder-list strong,.file-center-page .folder-list small,.file-center-page .subfolder-card strong,.file-center-page .subfolder-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-page .folder-breadcrumbs{min-width:0;overflow:hidden;flex-wrap:nowrap}
.file-center-page .folder-breadcrumbs a{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-page .file-card-body h3,.file-center-page .file-meta-grid dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(109,74,255,.28);outline-offset:2px}
.file-center-page .folder-more-popover,.file-center-page .file-actions .popover{max-width:calc(100vw - 24px)}
.file-center-page .permission-editor[open] .permission-form{min-width:0}
.file-center-page .file-center-hero{position:relative;inset:auto;transform:none;min-height:46px;margin:0 0 18px;padding:0;overflow:visible}
.file-center-page .file-center-title-copy h2{margin:0 0 5px;line-height:1.2}
.file-center-page .file-search.card{grid-template-columns:minmax(320px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:12px;padding:16px}
.file-center-page .file-search-field{display:grid;align-content:end;gap:6px}
.file-center-page .file-search input,.file-center-page .file-search select,.file-center-page .file-search .btn{height:44px;min-height:44px}
.file-center-page .files-layout{grid-template-columns:290px minmax(0,1fr);gap:18px}
.file-center-page .folder-list a{min-height:48px;padding:8px 9px}
.file-center-page .folder-list .folder-tree-item.is-child{width:calc(100% - min(var(--folder-indent),48px));margin-left:min(var(--folder-indent),48px)}
.file-center-page .file-main-panel{padding:18px 20px 22px}
.file-center-page .file-main-head{min-height:0;margin-bottom:14px;padding-bottom:14px}
.file-center-page .file-title-row h2{font-size:21px;line-height:1.25}
.file-center-page .file-table-head,.file-center-page .file-card{grid-template-columns:36px minmax(260px,2.2fr) minmax(170px,1.3fr) minmax(120px,.9fr) 140px 90px 52px}
.file-center-page .file-table-head{padding:9px 12px}
.file-center-page .file-card{min-height:68px;height:68px;padding:7px 12px}
.file-center-page .file-select-cell{grid-column:1;display:grid;place-items:center}
.file-center-page .file-select-check{position:static;display:grid;place-items:center;width:32px;height:40px;padding:0;border:0;background:transparent}
.file-center-page .file-name-cell{grid-column:2;display:flex;align-items:center;gap:11px;padding-right:14px}
.file-center-page .file-type{flex:0 0 38px;width:38px;height:38px;border-radius:9px;font-size:8px}
.file-center-page .file-card-body{min-height:0;padding:0}
.file-center-page .file-card-body h3{margin:0 0 2px;font-size:13px;font-weight:750;line-height:1.25}
.file-center-page .file-card-body p{min-height:0;margin:0;font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-page .file-meta-grid>div{display:flex;align-items:center;height:100%;padding-right:12px;overflow:hidden}
.file-center-page .file-meta-grid>div:nth-child(1){grid-column:3}.file-center-page .file-meta-grid>div:nth-child(2){grid-column:4}.file-center-page .file-meta-grid>div:nth-child(3){grid-column:6}.file-center-page .file-meta-grid>div:nth-child(4){grid-column:5}
.file-center-page .file-meta-grid dd{width:100%;font-size:11px;line-height:1.25;white-space:nowrap}
.file-center-page .file-actions{grid-column:7;align-self:center}
.file-center-page .bulk-move-bar{grid-template-columns:auto auto minmax(200px,360px) auto;justify-content:start;padding:10px 12px}
.file-center-page .bulk-move-bar:not(.has-selection){border-color:#e5e9f1;background:#fafbfc;box-shadow:none}
.file-center-page .bulk-move-bar.has-selection{border-color:#cfc4ff;background:#f7f5ff}

@media(max-width:1200px){
  .file-center-page .files-layout{grid-template-columns:1fr}
  .file-center-page .folder-panel{position:static;max-height:none}
  .file-center-page .folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .file-center-page .folder-group-label,.file-center-page .create-box{grid-column:1/-1}
  .file-center-page .file-search{grid-template-columns:repeat(2,minmax(0,1fr))}
  .file-center-page .file-search-submit,.file-center-page .file-search>.btn{width:100%}
}
@media(max-width:1100px){
  .file-center-page .file-table-head{display:none}
  .file-center-page .file-grid{gap:12px;border:0;background:transparent}
  .file-center-page .file-card{display:grid;grid-template-columns:36px 48px minmax(0,1fr) 44px;gap:9px;width:100%;height:auto;min-height:132px;padding:13px;border:1px solid #e5e9f1;border-radius:12px}
  .file-center-page .file-select-cell{grid-column:1}.file-center-page .file-name-cell{display:contents}
  .file-center-page .file-name-cell>.file-type{grid-column:2;align-self:start}.file-center-page .file-card-body{grid-column:3;align-self:start;padding-top:2px}
  .file-center-page .file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 10px;border-radius:9px;background:#f7f9fc}
  .file-center-page .file-meta-grid>div:nth-child(n){display:block;grid-column:auto;padding:0}.file-center-page .file-meta-grid dt{display:block;margin-bottom:2px}
  .file-center-page .file-actions{grid-column:4;grid-row:1;align-self:start}
}
@media(max-width:800px){
  .file-center-page{max-width:none}
  .file-center-page .file-center-hero{align-items:center}
  .file-center-page .file-center-title-copy h2{font-size:20px}
  .file-center-page .folder-list{grid-template-columns:1fr}
  .file-center-page .file-search{grid-template-columns:1fr}
  .file-center-page .subfolder-grid{grid-template-columns:1fr}
  .file-center-page .bulk-move-bar{position:static;grid-template-columns:1fr 1fr}
  .file-center-page .bulk-move-bar select,.file-center-page .bulk-move-bar button{grid-column:1/-1}
  .file-center-page .permission-editor[open]{inset:0;width:100vw;max-width:none;border-radius:0}
  .file-center-page .folder-breadcrumbs a{max-width:120px}
  .file-center-page :is(.btn,button,summary,select,input){min-height:44px}
}
@media(max-width:420px){
  .file-center-page .file-center-title-icon{width:38px;height:38px}
  .file-center-page .file-center-hero{gap:10px}
  .file-center-page .trash-link{width:auto;min-width:44px;font-size:0}
  .file-center-page .trash-link::before{content:"♲";font-size:18px}
  .file-center-page .file-meta-grid{grid-template-columns:1fr}
  .file-center-page .bulk-move-bar{grid-template-columns:1fr}
  .file-center-page .bulk-move-bar>*{grid-column:1}
}

/* Live visual polish — compact unified workspace */
body:has(.file-center-page) .content{padding:10px 0 40px}
.file-center-page{width:calc(100% - 48px);max-width:1760px}
.file-center-page .file-center-context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin:0 0 10px}
.file-center-page .file-center-context-bar .page-breadcrumb{min-width:0;overflow:hidden;white-space:nowrap}
.file-center-page .file-center-context-bar .page-breadcrumb strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-page .file-center-actions{margin-bottom:12px}
.file-center-page .files-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}
.file-center-page .folder-panel,.file-center-page .file-main-panel{border-color:#e6eaf1;box-shadow:0 6px 22px rgba(25,34,52,.045)}
.file-center-page .file-main-panel{padding:16px 18px 20px}
.file-center-page .file-main-head{margin-bottom:14px;padding-bottom:13px}
.file-center-page .file-title-block{position:relative;padding-left:48px}
.file-center-page .file-title-block::before{content:"▱";position:absolute;left:0;top:3px;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f1edff;color:var(--primary);font-size:18px}
.file-center-page .file-title-row h2{font-size:19px}
.file-center-page .file-stat-pill{font-size:10px}
.file-center-page .folder-access-badge{min-height:30px;padding:5px 9px;border:0;background:#f0f2f6;color:#667085;cursor:default}
.file-center-page .folder-head-actions .btn,.file-center-page .folder-head-actions summary{min-height:38px;padding:7px 11px;font-size:11px}
.file-center-page .upload-box{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px;padding:12px;border-radius:12px;background:#fbfaff}
.file-center-page .upload-box>label.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:104px;padding:14px;border:1px dashed #bdaeef;border-radius:10px;background:#fff}
.file-center-page .upload-dropzone .upload-icon{width:38px;height:38px}
.file-center-page .upload-dropzone b{min-height:34px;padding:7px 17px}
.file-center-page .upload-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.file-center-page .upload-controls input,.file-center-page .upload-controls button{height:42px;min-height:42px}
.file-center-page .upload-controls button{min-width:104px}
.file-center-page .bulk-move-bar{min-height:50px;margin-bottom:12px;padding:5px 10px;border-radius:10px}
.file-center-page .bulk-move-bar strong{padding:4px 8px;border-radius:999px;background:#eef1f6;color:#667085}
.file-center-page .bulk-move-bar select,.file-center-page .bulk-move-bar button{height:38px;min-height:38px}
.file-center-page .bulk-move-bar:not(.has-selection) select{opacity:.6;pointer-events:none}
.file-center-page .file-section-heading{margin:0 0 8px}
.file-center-page .folder-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:0;border:0;background:transparent;overflow:visible}
.file-center-page .folder-overview>div,.file-center-page .folder-overview>div+div{display:grid;justify-items:center;align-content:center;gap:2px;min-height:54px;margin:0;padding:7px 4px;border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc;text-align:center}
.file-center-page .folder-overview strong{font-size:14px;line-height:1.15}.file-center-page .folder-overview small{font-size:9px;line-height:1.15}
@media(min-width:1101px){
  .file-center-page .file-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #e5e9f1;border-radius:0 0 10px 10px;background:#fff;overflow:visible}
  .file-center-page .file-table-head,.file-center-page .file-card{grid-template-columns:36px minmax(240px,2.2fr) minmax(210px,1.4fr) minmax(120px,.8fr) 150px 100px 48px}
  .file-center-page .file-table-head{display:grid;font-size:11px;letter-spacing:.035em}
  .file-center-page .file-table-head>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .file-card{display:grid;height:62px;min-height:62px;padding:5px 12px;border:0;border-bottom:1px solid #e5e9f1;border-radius:0;background:#fff;box-shadow:none;transform:none}
  .file-center-page .file-card:last-child{border-bottom:0;border-radius:0}
  .file-center-page .file-card:hover{border-color:#e5e9f1;background:#f8fafc;box-shadow:none;transform:none}
  .file-center-page .file-card>.file-meta-grid{grid-column:3/7;display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(120px,.8fr) 150px 100px;align-self:stretch;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(1){grid-column:1}.file-center-page .file-card>.file-meta-grid>div:nth-child(2){grid-column:2}.file-center-page .file-card>.file-meta-grid>div:nth-child(3){grid-column:4}.file-center-page .file-card>.file-meta-grid>div:nth-child(4){grid-column:3}
  .file-center-page .file-card>.file-meta-grid>div{display:flex;align-items:center;height:auto;min-width:0;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .file-meta-grid dt{display:none}
  .file-center-page .file-card>.file-meta-grid dd{display:block;width:100%;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
  .file-center-page .file-name-cell,.file-center-page .file-card-body,.file-center-page .file-card-body h3,.file-center-page .file-card-body p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .file-card-body h3{font-size:13px}.file-center-page .file-card-body p{font-size:11px}
  .file-center-page .file-actions{position:relative;align-self:center;justify-self:end}
  .file-center-page .file-actions summary{position:relative;inset:auto;transform:none}
}
.file-center-page .folder-list strong{font-size:12.5px}.file-center-page .folder-list small{font-size:10.5px}
.file-center-page .folder-list .folder-tree-item.is-child::before{border-width:1px;border-color:#dfe3eb}
.file-center-page .folder-overview small{font-size:10px}

@media(max-width:1100px){
  .file-center-page{width:calc(100% - 32px)}
  .file-center-page .file-table-head{display:none}
  .file-center-page .file-card>.file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 10px;background:#f7f9fc}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(n){grid-column:auto}
  .file-center-page .file-meta-grid dt{display:block;margin:0 0 2px}
}
@media(max-width:800px){
  body:has(.file-center-page) .content{padding:12px 14px 32px}
  .file-center-page .file-center-context-bar{margin-bottom:12px}
  .file-center-page .upload-controls{grid-template-columns:1fr}
  .file-center-page .upload-controls button{width:100%}
  .file-center-page .folder-head-actions{display:flex;width:100%;overflow-x:auto;padding-bottom:3px}
}

/* Kök klasör ekranı: son katman, yalnızca mevcut file-center-page wrapper'ı içinde. */
.file-center-page .folder-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.file-center-page .folder-home-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;min-height:210px;padding:20px;border:1px solid #e3e7ee;border-radius:13px;background:#fff;color:#202637;text-align:left;appearance:none;-webkit-appearance:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.file-center-page .folder-home-card:hover{transform:translateY(-2px);border-color:#d6d0ef;box-shadow:0 12px 28px rgba(27,35,52,.09)}
.file-center-page .folder-home-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.file-center-page .folder-home-icon{display:grid;place-items:center;width:54px;height:48px;border-radius:11px;background:#f2efff;color:#7257d9;font-size:27px}
.file-center-page .folder-card-menu{position:absolute;z-index:3;top:15px;right:15px}
.file-center-page .folder-card-menu>summary,.file-center-page .recent-file-actions>summary{display:grid;place-items:center;width:36px;height:34px;padding:0;border:1px solid #e4e8ef;border-radius:9px;background:#fff;color:#697386;cursor:pointer;list-style:none;appearance:none;-webkit-appearance:none}
.file-center-page .folder-card-menu>summary::marker,.file-center-page .recent-file-actions>summary::marker{content:""}
.file-center-page .folder-card-menu>summary::-webkit-details-marker,.file-center-page .recent-file-actions>summary::-webkit-details-marker{display:none}
.file-center-page .folder-card-popover{position:absolute;top:40px;right:0;z-index:5;display:grid;width:190px;padding:7px;border:1px solid #e3e7ee;border-radius:11px;background:#fff;box-shadow:0 14px 35px rgba(23,30,45,.15)}
.file-center-page .folder-create-card{align-items:center;justify-content:center;border-style:dashed;background:#fbfaff;text-align:center;cursor:pointer}
.file-center-page .recent-files-table{display:block;width:100%;overflow:visible;border:1px solid #e5e9f1;border-radius:11px;background:#fff}
.file-center-page .recent-files-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(150px,1.3fr) minmax(110px,1fr) 135px 85px 45px;align-items:center;min-height:54px;padding:7px 12px;border-bottom:1px solid #edf0f4;gap:10px;font-size:12px}
.file-center-page .recent-files-row:last-child{border-bottom:0}
.file-center-page .recent-files-row>*{min-width:0}
.file-center-page .recent-file-actions{position:relative;justify-self:end;margin:0}
.file-center-page .recent-file-actions>div{position:absolute;z-index:10;right:0;top:38px;display:grid;width:110px;padding:6px;border:1px solid #e3e7ee;border-radius:9px;background:#fff;box-shadow:0 10px 26px rgba(23,30,45,.14)}
@media(min-width:1500px){.file-center-page .folder-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1100px){.file-center-page .folder-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.file-center-page .folder-home-grid{grid-template-columns:1fr}.file-center-page .recent-files-labels{display:none}.file-center-page .recent-files-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:11px}.file-center-page .recent-files-row>:not(.recent-file-name):not(.recent-file-actions){display:none}.file-center-page .recent-file-actions{grid-column:2}.file-center-page .folder-home-card{min-height:190px}}

/*
 * Responsive width guard
 * The media queries use the viewport width, while the desktop sidebar removes
 * 248px from the space available to the page.  At common laptop resolutions
 * (1280/1366px) the File Center therefore used its wide table even though its
 * real content area was only about 1030/1118px.  Keep every page inside the
 * main column and switch the File Center to cards before that can happen.
 */
.app-shell{width:100%;max-width:100%}
.main,.content{max-width:100%}
.content>*{min-width:0;max-width:100%}
.table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain}

@media (min-width:801px) and (max-width:1400px){
  .file-center-page .files-layout{grid-template-columns:1fr}
  .file-center-page .folder-panel{position:static;max-height:none}
  .file-center-page .folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .file-center-page .folder-group-label,
  .file-center-page .create-box{grid-column:1/-1}
  .file-center-page .file-table-head{display:none}
  .file-center-page .file-grid{display:grid;gap:12px;border:0;background:transparent;overflow:visible}
  .file-center-page .file-card{display:grid;grid-template-columns:36px 48px minmax(0,1fr) 44px;gap:9px;width:100%;height:auto;min-height:132px;padding:13px;border:1px solid #e5e9f1;border-radius:12px}
  .file-center-page .file-select-cell{grid-column:1}
  .file-center-page .file-name-cell{display:contents}
  .file-center-page .file-name-cell>.file-type{grid-column:2;align-self:start}
  .file-center-page .file-card-body{grid-column:3;align-self:start;padding-top:2px}
  .file-center-page .file-card>.file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 10px;border-radius:9px;background:#f7f9fc;overflow:visible}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(n){display:block;grid-column:auto;height:auto;padding:0}
  .file-center-page .file-meta-grid dt{display:block;margin:0 0 2px}
  .file-center-page .file-actions{grid-column:4;grid-row:1;align-self:start}
}

/* Wide screens can still have a narrow content column because both the app
   sidebar and the folder tree are visible. Keep the file table fluid instead
   of letting its column minimums push the action menu outside the viewport. */
@media (min-width:1401px){
  .file-center-page .file-main-panel{min-width:0;overflow:visible}
  .file-center-page .file-table-head,
  .file-center-page .file-card{
    width:100%;
    grid-template-columns:32px minmax(170px,2fr) minmax(135px,1.35fr) minmax(100px,.85fr) minmax(125px,1fr) minmax(72px,.65fr) 58px;
  }
  .file-center-page .file-card>.file-meta-grid{
    grid-template-columns:minmax(135px,1.35fr) minmax(100px,.85fr) minmax(125px,1fr) minmax(72px,.65fr);
  }
  .file-center-page .file-table-head>span:last-child{
    overflow:visible;
    text-overflow:clip;
    text-align:center;
  }
  .file-center-page .file-actions{width:48px;justify-self:center}
}

/* File action dialog layering and viewport positioning. A transformed card
   becomes the containing block of fixed descendants, which previously pulled
   the dialog away from the viewport centre. */
.file-center-page .file-card,
.file-center-page .file-card:hover{transform:none!important}
body.file-action-open{overflow:hidden}
body.file-action-open .file-center-page .bulk-move-bar{
  visibility:hidden;
  pointer-events:none;
}
body.file-action-open .file-center-page .file-grid{
  position:relative;
  z-index:1000;
}
.file-center-page .file-grid .file-actions details[open]::before{
  z-index:2000;
}
.file-center-page .file-grid .file-actions details[open]>.popover{
  left:50vw;
  top:50dvh;
  z-index:2001;
  margin:0;
  transform:translate(-50%,-50%);
}

@media(max-width:520px){
  .file-center-page .file-grid .file-actions details[open]>.popover{
    left:10px;
    top:auto;
    right:10px;
    bottom:10px;
    transform:none;
  }
}

/* Permission drawer has its own fixed width, so viewport breakpoints are not
   enough here. Use a two-row card layout inside the drawer at every desktop
   size and prevent the delete permission from overflowing on the right. */
.file-center-page .permission-editor[open]{overflow-x:hidden}
.file-center-page .permission-editor[open] .permission-form{
  width:100%;
  max-width:100%;
  padding:16px 20px 22px;
}
.file-center-page .permission-editor[open] .permission-table-head{display:none}
.file-center-page .permission-editor[open] .permission-card{
  grid-template-columns:minmax(0,1fr);
  width:100%;
  min-width:0;
}
.file-center-page .permission-editor[open] .permission-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  min-width:0;
}
.file-center-page .permission-editor[open] .permission-toggle,
.file-center-page .permission-editor[open] .permission-toggle span{
  width:100%;
  min-width:0;
}
.file-center-page .permission-editor[open] .permission-toggle span{
  justify-content:center;
  padding-inline:7px;
}

@media(max-width:520px){
  .file-center-page .permission-editor[open] .permission-form{padding:14px 12px 20px}
  .file-center-page .permission-editor[open] .permission-options{grid-template-columns:1fr 1fr}
}

/* Form talepleri: şirket panelindeki sınırlı müşteri talebi görünümü. */
.lead-filter-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(130px,1fr));gap:12px;align-items:end;margin-bottom:22px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8f9fc}
.lead-filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}
.lead-filter-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}
.lead-clear-filters{display:flex;justify-content:flex-end;margin:-12px 0 18px}
.lead-table td:first-child{min-width:175px}.lead-table td:nth-child(2){min-width:190px}.lead-table td:nth-child(5){max-width:260px;overflow-wrap:anywhere}.lead-table a:not(.btn){color:var(--primary)}
.lead-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf0f5;color:#596174;font-size:10px;font-weight:850;white-space:nowrap}
.lead-status-new,.lead-status-open{background:#efeaff;color:#6545d6}.lead-status-reviewing{background:#e7f2ff;color:#236eae}.lead-status-contacted,.lead-status-quote_preparing{background:#fff2d9;color:#9a6200}.lead-status-quote_sent{background:#e6f6f1;color:#16775a}.lead-status-completed,.lead-status-closed{background:#e4f7ef;color:#146b4c}.lead-status-spam{background:#ffe8ec;color:#a92138}.lead-status-archived{background:#eef0f3;color:#687184}
.lead-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:22px}.lead-pagination a{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:800}.lead-pagination a.active{border-color:var(--primary);background:var(--primary);color:#fff}
.lead-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.lead-detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.lead-actions{display:grid;gap:20px;position:sticky;top:118px}.lead-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lead-info-grid>div{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.lead-info-grid .wide{grid-column:1/-1}.lead-info-grid small,.lead-message>small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.lead-info-grid span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.lead-info-grid a{color:var(--primary);overflow-wrap:anywhere}.lead-message{margin-top:16px;padding:18px;border-left:4px solid var(--primary);border-radius:10px;background:#f7f5ff}.lead-message p{margin:8px 0 0;line-height:1.65;overflow-wrap:anywhere}.lead-campaign{margin-top:18px;border:1px solid var(--line);border-radius:11px}.lead-campaign summary{padding:14px 16px;cursor:pointer;font-weight:800}.lead-campaign dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0 16px 16px}.lead-campaign dl div{padding:10px;border-top:1px solid var(--line)}.lead-campaign dt{color:var(--muted);font-size:10px;font-weight:800}.lead-campaign dd{margin:4px 0 0;overflow-wrap:anywhere}.lead-history{margin-top:20px}.lead-history article{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--line)}.lead-history article:first-of-type{border-top:0}.lead-history-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--primary)}.lead-history p{margin:6px 0;line-height:1.55;overflow-wrap:anywhere}.lead-history small{color:var(--muted)}
@media(max-width:1200px){.lead-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-detail-layout{grid-template-columns:1fr}.lead-actions{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:800px){.lead-filter-grid{grid-template-columns:1fr 1fr}.lead-filter-actions{display:grid;grid-template-columns:1fr 1fr}.lead-actions{grid-template-columns:1fr}.lead-table{min-width:920px!important}}
@media(max-width:520px){.lead-filter-grid,.lead-info-grid,.lead-campaign dl{grid-template-columns:1fr}.lead-info-grid .wide{grid-column:auto}.lead-filter-actions{grid-template-columns:1fr}.lead-detail-head{align-items:stretch;flex-direction:column}.lead-detail-head .lead-status{justify-content:center}}
.google-ads-setup{max-width:820px}.google-ads-setup .google-ads-connect{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#eef0f3;color:#6e7789}.status-pill.success{background:#e4f7ef;color:#16875e}.status-pill.warning{background:#fff1d9;color:#a96400}
.google-ads-toolbar,.google-ads-security{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.google-ads-date-form{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.google-ads-date-form label{min-width:150px}
.google-ads-date-controls{display:grid;justify-items:end;gap:.65rem}.google-ads-presets{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.google-ads-presets a{padding:.42rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:.75rem;font-weight:700}.google-ads-presets a:hover,.google-ads-presets a.active{border-color:var(--primary);background:#f0edff;color:var(--primary)}
.google-ads-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.google-ads-stats article{display:flex;flex-direction:column;gap:.4rem}.google-ads-stats strong{font-size:1.45rem}.google-ads-chart{height:240px;display:flex;align-items:end;gap:.4rem;overflow-x:auto;padding:1rem .25rem 0}.google-ads-bar-item{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:.5rem}.google-ads-bar{display:block;width:min(24px,80%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#4285f4,#1a73e8)}.google-ads-bar-item small{font-size:.68rem;white-space:nowrap}.google-ads-security{margin-top:1rem}.google-ads-security p{margin-bottom:0}
.google-ads-token-update{margin-top:1rem}.google-ads-token-update summary{cursor:pointer;color:var(--primary);font-weight:700}.google-ads-token-update form{margin-top:1rem;max-width:430px}
.google-ads-security-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.google-ads-security-actions form{margin:0}
@media(max-width:1100px){.google-ads-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.google-ads-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.google-ads-date-controls,.google-ads-date-form,.google-ads-date-form label,.google-ads-date-form .btn{width:100%}.google-ads-date-controls{justify-items:stretch}.google-ads-presets{justify-content:flex-start}}
.key-role-badge{display:inline-grid;place-items:center;margin-left:6px;width:17px;height:17px;border-radius:50%;background:#fff3d8;color:#b66d00;font-size:9px;vertical-align:1px;box-shadow:inset 0 0 0 1px rgba(182,109,0,.18)}
.lead-danger-zone{border-color:#f3c5cc}.lead-danger-zone .eyebrow,.lead-danger-zone h2{color:var(--danger)}.lead-danger-zone p{color:var(--muted);font-size:12px}

/* Nested folders — contextual creation and clearer hierarchy */
.file-center-page .folder-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.file-center-page .folder-create-context-action{box-shadow:0 5px 14px rgba(109,74,255,.18)}
.file-center-page .folder-create-context-action span{margin-right:4px;font-size:15px;line-height:1}
.file-center-page .create-box{padding:0;border:1px solid #e7e4f6;border-radius:12px;background:linear-gradient(180deg,#fbfaff 0%,#fff 100%);overflow:hidden}
.file-center-page .create-box summary{display:flex;align-items:center;gap:8px;min-height:46px;margin:0;padding:10px 12px;color:#5e46ca;list-style:none}
.file-center-page .create-box summary::-webkit-details-marker{display:none}
.file-center-page .create-box summary>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#eeeaff;color:#6d4aff;font-size:17px;line-height:1}
.file-center-page .create-box[open] summary{border-bottom:1px solid #e7e4f6;background:#f6f3ff}
.file-center-page .create-box-context{display:flex;align-items:flex-start;gap:9px;margin:12px 12px 0;padding:10px;border:1px solid #ebe8f8;border-radius:10px;background:#fff}
.file-center-page .create-box-context-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#f0edff;color:#6d4aff;font-weight:900}
.file-center-page .create-box-context strong,.file-center-page .create-box-context small{display:block}
.file-center-page .create-box-context strong{font-size:11px;color:#30384a;line-height:1.35}
.file-center-page .create-box-context small{margin-top:3px;color:#7a8497;font-size:10px;line-height:1.4}
.file-center-page .create-box>.form-stack{padding:12px}
.file-center-page .create-box>.form-stack label{font-size:11px}
.file-center-page .create-box>.form-stack .btn{width:100%;min-height:40px}
.file-center-page .folder-list .folder-tree-item.is-child{background:transparent}
.file-center-page .folder-list .folder-tree-item.is-child>div::before{content:none}
.file-center-page .folder-list .folder-tree-item.is-child::before{left:-8px;border-color:#dfe3ec}
.file-center-page .folder-list .folder-tree-item.is-child:hover,.file-center-page .folder-list .folder-tree-item.is-child.active{background:#f5f2ff}
.file-center-page .subfolder-heading>div{display:flex;align-items:center;gap:7px}
.file-center-page .subfolder-heading>div>small{margin-left:0}
.file-center-page .subfolder-empty-section{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px dashed #d9d4f1;border-radius:12px;background:#fbfaff}
.file-center-page .subfolder-empty-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eeeaff;color:#6d4aff;font-size:21px;font-weight:800}
.file-center-page .subfolder-empty-section strong,.file-center-page .subfolder-empty-section small{display:block}
.file-center-page .subfolder-empty-section strong{font-size:12px;color:#30384a}
.file-center-page .subfolder-empty-section small{margin-top:3px;color:#7a8497;font-size:10px;line-height:1.4}
@media(max-width:600px){.file-center-page .folder-head-actions{justify-content:flex-start}.file-center-page .folder-head-actions .folder-access-badge{order:5}.file-center-page .subfolder-empty-section{grid-template-columns:auto minmax(0,1fr)}.file-center-page .subfolder-empty-section .btn{grid-column:1/-1;width:100%}}
.quote-hero{border-color:#d8d0ff;background:linear-gradient(135deg,#fff 0%,#faf9ff 100%)}
.quote-help{margin:0 0 18px}.quote-help code{font-weight:800}.quote-list{display:grid;gap:18px}.quote-record{border:1px solid var(--line);border-radius:14px;padding:18px}.quote-record .card-head{margin-bottom:12px}.quote-record h3{font-size:18px;margin:4px 0}.quote-record p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.quote-record td:nth-child(2){min-width:360px;white-space:normal}.quote-more,.quote-note{margin:12px 0 0}.quote-note{padding:12px;border-radius:10px;background:#f8f7ff}
@media(max-width:600px){.quote-record{padding:14px}.quote-record td:nth-child(2){min-width:260px}}
.quote-paste-preview{padding:11px 13px;border:1px dashed #c9c1ee;border-radius:10px;background:#fbfaff;color:var(--muted);font-size:12px;white-space:pre-wrap;line-height:1.45}
.quote-paste-preview.is-ready{border-style:solid;border-color:#b9e3ce;background:#f2fbf6;color:#236b4c}
.quote-actions{min-width:150px}.quote-actions,.quote-actions form{display:flex;align-items:center;gap:6px}.inline-form{display:inline-flex}.quote-edit{position:relative}.quote-edit summary{list-style:none;cursor:pointer}.quote-edit summary::-webkit-details-marker{display:none}.quote-edit-form,.quote-add-form{display:grid;gap:10px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafaff}.quote-edit-form{position:absolute;right:0;top:34px;z-index:4;width:320px;box-shadow:var(--shadow)}.quote-edit-form label,.quote-add-form label{display:grid;gap:5px;font-size:11px;font-weight:700}.quote-edit-form textarea,.quote-add-form textarea{min-height:58px}.quote-add-item{margin-top:16px}.quote-add-item summary{display:inline-flex;list-style:none;cursor:pointer}.quote-add-item summary::-webkit-details-marker{display:none}.quote-add-form{grid-template-columns:1fr 2fr 1fr auto;align-items:end}.quote-add-form button{height:40px;white-space:nowrap}
.quote-list,.quote-record,.quote-record .table-wrap{min-width:0;max-width:100%}.quote-record .table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.quote-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:12px;border:1px solid #ece9f8;border-radius:12px;background:linear-gradient(135deg,#faf9ff,#fff)}.quote-summary-item{display:grid;gap:4px;padding:4px 10px;border-right:1px solid #ebe8f3}.quote-summary-item:last-child{border-right:0}.quote-summary-item span,.quote-table-heading span{color:var(--muted);font-size:11px}.quote-summary-item strong{font-size:13px}.quote-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.quote-table-heading div{display:grid;gap:3px}.quote-products-table{width:100%;min-width:900px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.quote-products-table thead{background:#f8f7fb}.quote-products-table th{padding:10px 12px}.quote-products-table td{padding:14px 12px}.quote-products-table tbody tr{transition:background .15s ease}.quote-products-table tbody tr:hover{background:#fbfaff}.quote-product-code{width:210px}.quote-product-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#3b2f91}.quote-description{min-width:360px;line-height:1.45;color:#4f586b}.quote-price{width:150px;white-space:nowrap;color:var(--primary)}.quote-record>.quote-more{display:flex;justify-content:flex-end;margin:10px 0 0}.quote-record .quote-add-item{padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:800px){.quote-actions{min-width:125px;flex-wrap:wrap}.quote-edit-form{position:fixed;left:18px;right:18px;top:100px;width:auto}.quote-add-form{grid-template-columns:1fr}.quote-add-form button{width:100%}}
@media(max-width:600px){.quote-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.quote-summary-item{padding:7px;border-right:0;border-bottom:1px solid #ebe8f3}.quote-summary-item:nth-child(odd){border-right:1px solid #ebe8f3}.quote-summary-item:nth-last-child(-n+2){border-bottom:0}.quote-table-heading{align-items:flex-start}.quote-record>.card-head{gap:8px}.quote-record>.card-head .badge{margin-top:3px}.quote-products-table{min-width:760px}.quote-products-table .quote-description{min-width:340px}.quote-actions{position:sticky;right:0;background:#fff}}
.quote-record .table-wrap{overflow-x:hidden}.quote-products-table{min-width:0;table-layout:fixed}.quote-products-table th:nth-child(1),.quote-products-table td:nth-child(1){width:18%}.quote-products-table th:nth-child(2),.quote-products-table td:nth-child(2){width:42%}.quote-products-table th:nth-child(3),.quote-products-table td:nth-child(3){width:18%}.quote-products-table th:nth-child(4),.quote-products-table td:nth-child(4){width:22%}.quote-products-table .quote-product-code,.quote-products-table .quote-description{min-width:0;overflow-wrap:anywhere;word-break:break-word}.quote-products-table .quote-price{white-space:normal;overflow-wrap:anywhere}.quote-products-table .quote-actions{min-width:0;flex-wrap:wrap;white-space:normal}.quote-products-table .quote-actions .btn{white-space:nowrap}
@media(max-width:600px){.quote-products-table{min-width:0}.quote-products-table th,.quote-products-table td{padding:10px 7px;font-size:11px}.quote-products-table .quote-product-code strong{font-size:10px}.quote-products-table .quote-description{min-width:0}.quote-products-table .quote-actions{display:flex;gap:4px}.quote-products-table .quote-actions .btn{padding:6px 7px;font-size:10px}.quote-edit-form{max-height:calc(100vh - 130px);overflow:auto}}
.quote-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;color:var(--muted);font-size:11px}.quote-item-meta span{padding:3px 7px;border-radius:999px;background:#f2f7f4;border:1px solid #dceee4}
.quote-item-note{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.4}
.quote-export-bar{display:flex;align-items:center;gap:8px;margin-left:auto}.quote-export-bar label{font-size:12px;font-weight:700;color:var(--muted)}.quote-export-bar select{min-width:210px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
@media(max-width:700px){.quote-export-bar{width:100%;margin:10px 0 0;flex-wrap:wrap}.quote-export-bar select{flex:1;min-width:180px}.page-actions{align-items:flex-start;flex-wrap:wrap}}
.reports-page{max-width:1180px;margin:0 auto}.report-intro{background:linear-gradient(135deg,#f7f5ff,#fff)}.report-intro .card-head{margin-bottom:0}.report-list{display:grid;gap:14px}.report-card{border:1px solid var(--line);border-radius:13px;padding:17px;background:#fff}.report-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.report-card-head h3{margin:7px 0 4px;font-size:16px}.report-meta{display:flex;gap:7px;color:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.report-author{margin:0;color:var(--muted);font-size:11px}.report-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.report-summary{margin:15px 0 0;color:#4d5668;line-height:1.55}.report-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.report-details summary{cursor:pointer;color:var(--primary);font-size:12px;font-weight:800}.report-body{margin-top:12px;padding:14px;border-radius:10px;background:#fafbfc;color:#4d5668;line-height:1.65;overflow-wrap:anywhere}.report-manager-note{margin-top:12px;padding:13px;border-radius:10px;background:#fff8e9;border:1px solid #f5db9c;color:#80570d}.report-manager-note p{margin:6px 0;line-height:1.55}.report-manager-note small{color:#9a7c43}.report-update-form{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:700px){.report-card-head{display:grid}.report-badges{justify-content:flex-start}.report-update-form{grid-template-columns:1fr}.report-update-form .btn{width:100%}}
.report-readers{margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.report-readers strong{display:block;color:var(--ink);font-size:11px;margin-bottom:7px}.report-readers>div{display:flex;flex-wrap:wrap;gap:6px}.report-readers span{padding:5px 8px;border-radius:999px;background:#eef8f3;color:#367253}
.report-edit{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.report-edit summary{cursor:pointer;color:var(--primary);font-size:12px;font-weight:800}.report-edit .form-stack{margin-top:13px;padding:14px;border-radius:10px;background:#fafbfc}
.report-delete-form{display:flex;justify-content:flex-end;margin-top:8px}
.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-4px 0 18px}.report-summary-tile{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.report-summary-tile strong{font-size:20px;line-height:1}.report-summary-tile span{color:var(--muted);font-size:11px}.report-summary-new{border-color:#f5db9c;background:#fffaf0}.report-summary-new strong{color:#a96400}.report-summary-review{border-color:#cfe0fa;background:#f5f9ff}.report-summary-review strong{color:#3972c5}.report-summary-done{border-color:#ccebdc;background:#f3fbf6}.report-summary-done strong{color:#16875e}.report-summary-total{border-color:#ddd6ff;background:#f8f6ff}.report-summary-total strong{color:var(--primary)}.report-status-new{border-left:4px solid #e19a2c}.report-status-in_review{border-left:4px solid #588ee8}.report-status-completed{border-left:4px solid #16875e}.report-status-archived{border-left:4px solid #9ba2af}.report-admin-label{display:grid;gap:3px;min-width:120px}.report-admin-label span{font-size:11px;font-weight:800;color:var(--ink)}.report-admin-label small{font-size:10px;color:var(--muted)}
@media(max-width:900px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.report-summary-grid{grid-template-columns:1fr}.report-admin-label{padding-bottom:2px}.report-admin-actions .report-update-form{grid-template-columns:1fr}}

.report-ack-card{max-width:620px;margin:48px auto;text-align:center;padding:38px 30px}.report-ack-card h1{margin:8px 0 12px}.report-ack-card p{line-height:1.6}.report-ack-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#16875e;font-size:30px;font-weight:800}.report-ack-icon.is-warning{background:#fff4da;color:#a96400}.report-ack-muted{color:var(--muted)}.report-ack-progress{margin:20px 0;padding:12px 16px;border-radius:10px;background:#f8f6ff;color:var(--primary)}.report-ack-progress strong{font-size:20px}
.report-ack-status span.is-pending{background:#fff6e6;color:#9a6500}
.report-upload-field{display:grid!important;gap:7px!important;padding:14px 16px;background:linear-gradient(135deg,#faf9ff,#f7fbff);border:1px dashed #bdb1f7;border-radius:12px}.report-upload-title{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:800}.report-upload-title::before{content:'↥';display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eeeaff;color:var(--primary);font-size:16px;font-weight:900}.report-upload-field>small{color:var(--muted);font-size:10px;font-weight:400}.report-file-input{padding:8px 10px;border:1px solid #dfe2e9;border-radius:9px;background:#fff;color:var(--muted);font-size:11px;cursor:pointer}.report-file-input::file-selector-button{margin-right:10px;padding:7px 11px;border:0;border-radius:7px;background:var(--primary);color:#fff;font:inherit;font-weight:800;cursor:pointer}.report-file-input:hover::file-selector-button{background:var(--primary-dark)}
.report-details-open{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.report-details-open .report-body{margin-top:0}
.report-admin-actions{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px 20px;background:#fafbfc;border-top:1px solid var(--line)}.report-admin-actions .report-update-form{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:9px;flex:1;margin:0;padding:0;border:0}.report-admin-actions .report-delete-form{display:flex;margin:0}.report-delete-form .btn{white-space:nowrap}
@media(max-width:700px){.report-admin-actions{display:grid;grid-template-columns:1fr}.report-admin-actions .report-update-form{grid-template-columns:1fr}.report-admin-actions .report-update-form .btn,.report-admin-actions .report-delete-form .btn{width:100%}}
.report-attachments{margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}.report-section-label{font-size:11px;font-weight:800;color:var(--ink);margin-bottom:9px}.report-attachment-list{display:flex;flex-wrap:wrap;gap:9px}.report-attachment{display:flex;align-items:center;gap:9px;min-width:220px;max-width:360px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.report-attachment.is-image{padding:6px}.report-attachment img{display:block;width:58px;height:48px;object-fit:cover;border-radius:7px}.report-attachment-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#eeeaff;color:var(--primary);font-size:9px;font-weight:900}.report-attachment-info{min-width:0;flex:1}.report-attachment-info strong,.report-attachment-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-attachment-info strong{font-size:11px}.report-attachment-info small{margin-top:3px;color:var(--muted);font-size:10px}.report-attachment-info>div{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10px}.report-attachment-info a{color:var(--primary);font-weight:800}.report-attachment-info form{display:inline;margin:0}.report-attachment-info button{border:0;padding:0;background:transparent;color:var(--danger);font-size:10px;font-weight:800}
@media(max-width:600px){.report-attachment{min-width:0;width:100%;max-width:none}.report-attachment-list{display:grid}}
.report-card-collapsed{overflow:hidden}.report-card-collapsed>summary{list-style:none}.report-card-collapsed>summary::-webkit-details-marker{display:none}.report-card-summary{cursor:pointer;transition:background .18s ease}.report-card-summary:hover{background:#fbfaff}.report-card-summary:focus-visible{outline:3px solid #ddd6ff;outline-offset:-3px}.report-card-summary .report-badges{align-items:center}.report-author{display:flex;align-items:center;gap:6px}.report-author-avatar{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eeeaff;color:var(--primary);font-size:9px;font-weight:900}.report-expand-hint{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:5px 8px;border-radius:999px;background:#f4f1ff;color:var(--primary);font-size:10px;font-weight:800}.report-expand-hint b{font-size:14px;line-height:.7;transition:transform .18s ease}.report-card-collapsed[open] .report-expand-hint b{transform:rotate(180deg)}.report-card-content{padding-top:0}
.quote-search-form{display:flex;align-items:end;gap:8px;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#faf9ff}.quote-search-form label{display:grid;flex:1;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.quote-search-form input{min-width:0}.quote-search-form .btn{white-space:nowrap}
.quote-filter-form{flex-wrap:wrap}.quote-filter-form .quote-filter-wide{flex:2 1 240px}.quote-filter-form label{flex:1 1 150px}.quote-filter-form select,.quote-filter-form input{min-width:0}.quote-category-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #d8d2ff;border-radius:999px;background:#f5f2ff;color:#5b3df5;font-size:11px;font-weight:800;white-space:nowrap}.quote-date-cell{white-space:nowrap;color:var(--muted);font-size:12px}.quote-products-table th:nth-child(2){width:140px}.quote-products-table th:nth-child(4){width:110px}
@media(max-width:600px){.quote-search-form{align-items:stretch;flex-wrap:wrap}.quote-search-form label{flex-basis:100%}.quote-search-form .btn{flex:1}}
.report-search-form{display:grid;grid-template-columns:minmax(0,2fr) 180px 200px auto;align-items:end;gap:10px;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbff}.report-search-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.report-search-form input,.report-search-form select{min-width:0}.report-search-actions{display:flex;gap:7px;align-items:center}
@media(max-width:700px){.report-search-form{grid-template-columns:1fr}.report-search-actions{justify-content:flex-start}}
.file-name-link{color:inherit;text-decoration:none}.file-name-link:hover{text-decoration:underline;color:var(--primary)}.file-open-button{white-space:nowrap}

/* Son mobil uyumluluk katmanı: içerik taşmasını, dar üst menüyü ve güvenli alanları yönetir. */
@media (max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .app-shell{min-height:100dvh;width:100%}
  .main{min-width:0;max-width:100%;overflow-x:hidden}
  .sidebar{height:100dvh;max-height:100dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .topbar{min-width:0;min-height:calc(72px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}
  .topbar>div:not(.top-actions),.top-actions,.content,.card,.card-head,.page-grid,.dashboard-grid,.files-layout,.form-sidebar,.settings-grid,.profile-grid,.design-editor-layout,.quote-list,.report-list{min-width:0;max-width:100%}
  .topbar h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .top-actions{flex-wrap:nowrap}
  .content{padding-bottom:calc(34px + env(safe-area-inset-bottom))}
  .table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .table-wrap table{min-width:620px}
  .btn{min-height:42px}
  input,select,textarea{max-width:100%;font-size:16px}
  .pdf-viewer{max-height:calc(100dvh - 250px);padding:8px}
}

/* Android WebView bazı cihazlarda CSS genişliğini tablet gibi bildirir. */
@media (max-width:1400px){
  body:has(.file-center-page) .files-layout{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important}
  body:has(.file-center-page) .folder-panel,body:has(.file-center-page) .file-main-panel{width:100%!important;max-width:100%!important;min-width:0!important;position:static!important}
  body:has(.file-center-page) .folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Sol menü: kategorileri ayır ve mobil çekmecede tüm seçenekleri kaydırılabilir tut. */
.nav-section-label{
  padding:16px 13px 6px;
  color:#7f8aa3;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.sidebar nav>.nav-section-label:first-child{padding-top:5px}

@media(max-width:768px){
  .sidebar{
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin;
    scrollbar-gutter:stable;
  }
  .sidebar nav{
    min-height:0!important;
    padding-bottom:32px!important;
  }
  .nav-section-label{padding:16px 13px 6px;font-size:10px}
  .nav-section-label:first-child{padding-top:5px}
  body.drawer-open .sidebar,body.menu-open .sidebar{touch-action:pan-y!important}
}
@media (max-width:700px){
  body:has(.file-center-page) .folder-list{grid-template-columns:1fr}
}

/* Dosya Merkezi: mobilde klasör paneli üstte, içerik altta; yatay kayma yok. */
@media (max-width:800px){
  body:has(.file-center-page) .content{padding:10px 0 calc(34px + env(safe-area-inset-bottom));overflow-x:hidden}
  .file-center-page{width:100%;max-width:100%;margin:0;padding:0 10px}
  .file-center-page .file-center-context-bar{align-items:flex-start;min-width:0}
  .file-center-page .file-center-context-bar .page-breadcrumb{max-width:100%;font-size:10px}
  .file-center-page .file-center-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}
  .file-center-page .mobile-filter-toggle{display:flex;width:100%;min-height:44px}
  .file-center-page .file-search.card{display:none;grid-template-columns:1fr;width:100%;padding:12px}
  .file-center-page .file-search.card.is-open{display:grid}
  .file-center-page .files-layout{display:flex;flex-direction:column;width:100%;min-width:0;gap:12px}
  .file-center-page .folder-panel,.file-center-page .file-main-panel{width:100%;min-width:0;max-width:100%;position:static;overflow:hidden}
  .file-center-page .folder-panel{padding:13px}
  .file-center-page .folder-list{display:grid;grid-template-columns:1fr;gap:6px;max-height:none;overflow:visible}
  .file-center-page .folder-list a{width:100%;min-width:0}
  .file-center-page .folder-list a>div{min-width:0}
  .file-center-page .folder-list strong,.file-center-page .folder-list small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .folder-home-grid,.file-center-page .subfolder-grid,.file-center-page .file-grid{grid-template-columns:1fr;width:100%;min-width:0}
  .file-center-page .folder-home-card,.file-center-page .subfolder-card,.file-center-page .file-card{width:100%;min-width:0;max-width:100%}
  .file-center-page .file-card{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;height:auto;min-height:0;padding:12px}
  .file-center-page .file-name-cell{display:flex;grid-column:2;min-width:0}
  .file-center-page .file-name-cell>.file-type{grid-column:auto}
  .file-center-page .file-card-body{grid-column:auto;min-width:0}
  .file-center-page .file-card-body h3,.file-center-page .file-card-body p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .file-meta-grid{grid-column:1/-1;width:100%;min-width:0;grid-template-columns:1fr 1fr;gap:7px;overflow:hidden}
  .file-center-page .file-meta-grid>div{min-width:0;overflow:hidden}
  .file-center-page .file-meta-grid dd{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .file-actions{grid-column:3;grid-row:1;min-width:0}
  .file-center-page .file-actions .btn{min-height:36px;padding:7px 9px}
  .file-center-page .upload-box{width:100%;max-width:100%;grid-template-columns:1fr;overflow:hidden}
  .file-center-page .file-main-head,.file-center-page .file-title-row{min-width:0;max-width:100%}
  .file-center-page .file-title-row h2{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .file-center-page .folder-breadcrumbs{max-width:100%;overflow-x:auto}
}
@media (max-width:430px){
  .file-center-page{padding-left:8px;padding-right:8px}
  .file-center-page .folder-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .file-center-page .folder-overview>div{min-width:0;padding-left:3px;padding-right:3px}
  .file-center-page .folder-overview strong{font-size:18px;overflow-wrap:anywhere}
  .file-center-page .file-meta-grid{grid-template-columns:1fr}
  .file-center-page .file-meta-grid>div{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:5px}
  .file-center-page .file-meta-grid dt{margin:0}
}
@media (max-width:520px){
  .topbar{gap:7px;padding-left:10px;padding-right:10px}
  .topbar>div:not(.top-actions){margin-left:0}
  .top-actions>.btn,.top-actions>form .btn{min-height:40px;white-space:nowrap}
  .card-head{gap:10px}
  .page-actions,.button-row,.filter-actions,.folder-head-actions{width:100%}
  .page-actions .btn,.button-row .btn,.button-row form,.button-row form .btn,.filter-actions .btn,.folder-head-actions .btn{width:100%;max-width:100%}
  .report-card-head,.report-update-form,.report-admin-actions,.quote-table-heading{min-width:0}
  .report-card-head h3,.report-summary,.report-body,.quote-description{overflow-wrap:anywhere;word-break:break-word}
  .notification-popover{max-height:calc(100dvh - 92px);overflow-y:auto}
  .table-wrap table{min-width:560px}
  .file-detail-actions{display:grid;grid-template-columns:1fr}
}
@media (max-width:390px){
  .topbar h1{font-size:16px}
  .top-actions>.btn,.top-actions>form .btn{padding-left:7px;padding-right:7px;font-size:10px}
  .menu-toggle{flex-basis:36px;width:36px}
  .content{padding-left:8px;padding-right:8px}
  .card{padding:13px}
}
.report-create-card{padding:0;overflow:hidden}.report-create-summary{margin:0;padding:18px 20px;cursor:pointer;list-style:none;align-items:center}.report-create-summary::-webkit-details-marker{display:none}.report-create-summary>div{min-width:0}.report-create-summary p:not(.eyebrow){margin:4px 0 0;color:var(--muted);font-size:12px}.report-create-summary>.btn{flex:0 0 auto}.report-create-content{padding:0 20px 20px;border-top:1px solid var(--line)}.report-create-card[open] .report-create-summary{border-bottom:1px solid var(--line)}.report-create-card[open] .report-create-summary>.btn{font-size:0}.report-create-card[open] .report-create-summary>.btn:after{content:'Kapat';font-size:12px}

/* Son mobil düzeltmeler: bildirim panelini gerçek üst bara bağla ve teklif
   tablolarını dar ekranlarda kırpmak yerine yatay kaydırılabilir yap. */
@media (max-width:768px){
  .notification-menu{position:static!important}
  .notification-menu .notification-popover{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    width:min(340px,calc(100vw - 16px))!important;
    max-height:calc(100dvh - 82px)!important;
    overflow-y:auto!important;
  }
}
@media (max-width:700px){
  .quote-record .table-wrap{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
  .quote-record .quote-products-table{min-width:760px!important;table-layout:auto!important}
}

/* Sol menü tüm ekranlarda bağımsız olarak kaydırılabilsin. */
.sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.sidebar nav{min-height:0;flex:0 0 auto}
.sidebar-user{flex:0 0 auto}
.nav-group-card{border:1px solid rgba(174,183,202,.16);border-radius:12px;background:rgba(255,255,255,.025);padding:2px}
.nav-group-card>summary{border-radius:9px}
.nav-group-card[open]>summary{background:#202840;color:#fff}
.nav-group-card .nav-submenu{margin-bottom:4px}
@media(max-width:800px){
  .sidebar{
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.drawer-open .sidebar,body.menu-open .sidebar{touch-action:pan-y!important}
}
/* WhatsApp kullanıcı adı iletişim satırı */
.person-contact-value{display:flex;align-items:center;gap:11px;min-height:54px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.person-contact-value>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#f0edff;color:var(--primary)}
/* Profil sayfası */
.profile-page{display:grid;gap:20px}.profile-hero-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px}.profile-hero-main{display:flex;align-items:center;gap:18px;min-width:0}.profile-hero-avatar{width:88px;height:88px;flex:0 0 88px;border-radius:50%;object-fit:cover;border:4px solid #eeeaff}.profile-hero-avatar.fallback{display:grid;place-items:center;background:var(--primary);color:#fff;font-size:34px;font-weight:800}.profile-hero-copy h2{margin:5px 0 4px;font-size:26px}.profile-hero-copy>p:not(.eyebrow){margin:0;color:var(--muted)}.profile-hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.profile-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:22px;margin:0;padding-left:28px;border-left:1px solid var(--line)}.profile-hero-meta div{min-width:0}.profile-hero-meta dt{color:var(--muted);font-size:11px}.profile-hero-meta dd{margin:5px 0 0;font-weight:800;white-space:nowrap}.profile-system-note{margin:0}.alert-info{background:#edf4ff;color:#315f9b}.profile-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:20px;align-items:start}.profile-main-column,.profile-side-column{display:grid;gap:20px;min-width:0}.profile-section-card{padding:24px}.profile-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-managed-hint{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid #e4e0ff;border-radius:10px;background:#faf9ff;color:var(--muted);font-size:12px}.profile-managed-hint span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eeeaff;color:var(--primary);font-weight:800}.profile-managed-hint p{margin:2px 0 0}.profile-preference-list{display:grid;gap:0}.preference-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--line);font-weight:400!important;cursor:pointer}.preference-row:first-of-type{border-top:0}.preference-row span{min-width:0}.preference-row strong,.preference-row small{display:block}.preference-row strong{font-size:13px}.preference-row small{margin-top:3px;color:var(--muted);font-weight:400}.preference-row input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--primary)}.profile-preference-list>.btn{margin-top:16px;justify-self:start}.profile-security-card{position:sticky;top:116px}.profile-action-link{display:flex;align-items:center;gap:11px;padding:12px 0;color:var(--ink)}.profile-action-link:hover{color:var(--primary)}.profile-action-link>span:nth-child(2){display:grid;gap:3px;flex:1}.profile-action-link small{color:var(--muted)}.profile-action-link>b{color:var(--primary);font-size:18px}.profile-action-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e5f6ed;color:var(--success);font-weight:900}.profile-divider{height:1px;background:var(--line);margin:8px 0 20px}.profile-security-card h3{font-size:15px;margin:0}.profile-form input[readonly]{background:#f8f9fb;color:#596174}.profile-photo-field{margin-top:2px}.profile-photo-remove{padding-top:12px}.profile-photo-remove .btn{width:auto}.profile-hero-meta dd{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px){.profile-hero-card{align-items:flex-start;flex-direction:column}.profile-hero-meta{width:100%;padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){.profile-content-grid{grid-template-columns:1fr}.profile-security-card{position:static}.profile-hero-card,.profile-section-card{padding:20px}.profile-hero-meta{gap:12px}}
@media(max-width:520px){.profile-field-grid{grid-template-columns:1fr}.profile-hero-main{align-items:flex-start}.profile-hero-avatar{width:70px;height:70px;flex-basis:70px}.profile-hero-copy h2{font-size:22px}.profile-hero-meta{grid-template-columns:1fr 1fr}.profile-hero-meta div:last-child{grid-column:1/-1}.preference-row{align-items:flex-start}.profile-photo-remove .btn{width:100%}}

/* Profil: sade, kart yoğunluğu olmayan görünüm */
.profile-main-column>.profile-section-card,
.profile-side-column>.profile-section-card{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.profile-main-column>.profile-section-card+.profile-section-card{padding-top:26px;border-top:1px solid var(--line)}
.profile-side-column>.profile-security-card{padding-left:28px;border-left:1px solid var(--line)}
.profile-section-card .card-head{margin-bottom:16px}
.profile-section-card .card-head h2{font-size:17px}
.profile-section-card .form-stack{gap:12px}
@media(max-width:760px){.profile-side-column>.profile-security-card{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:26px}.profile-main-column>.profile-section-card+.profile-section-card{padding-top:22px}}

/* Profili çalışma alanına dönüştüren yeni görünüm */
.profile-workspace{display:grid;gap:0;max-width:1280px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.profile-identity-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#fbfbfd 100%)}
.profile-identity{display:flex;align-items:center;gap:18px;min-width:0}.profile-identity-avatar{width:82px;height:82px;flex:0 0 82px;border-radius:50%;object-fit:cover;border:4px solid #eeeaff}.profile-identity-avatar-fallback{display:grid;place-items:center;background:var(--primary);color:#fff;font-size:32px;font-weight:800}.profile-kicker{display:block;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.profile-identity-copy h1{font-size:28px;line-height:1.15;margin:5px 0 4px}.profile-identity-copy>p{color:var(--muted);margin:0}.profile-identity-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px;font-size:11px}.profile-identity-status>strong{padding:5px 9px;border-radius:999px;background:#f0f1f5;color:#596174}.profile-identity-status>span{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:700}.profile-identity-status i{width:7px;height:7px;border-radius:50%;background:var(--success)}.profile-identity-details{display:flex;gap:30px}.profile-identity-details div{display:grid;gap:4px;min-width:105px}.profile-identity-details small{color:var(--muted);font-size:11px}.profile-identity-details strong{font-size:12px}.profile-system-note{margin:18px 34px 0}.profile-workspace-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.72fr);padding:0 34px}.profile-main-area{min-width:0}.profile-block{padding:30px 0;border-bottom:1px solid var(--line)}.profile-block:last-child{border-bottom:0}.profile-block-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.profile-block-heading h2{font-size:19px;margin:5px 0 0}.profile-block-heading>p{max-width:320px;color:var(--muted);font-size:12px;line-height:1.5;margin:0;text-align:right}.profile-clean-form{display:grid;gap:16px}.profile-contact-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.profile-contact-summary div{display:grid;gap:5px;padding:13px 15px;background:#fafbfc}.profile-contact-summary div+div{border-left:1px solid var(--line)}.profile-contact-summary small{color:var(--muted);font-size:11px}.profile-contact-summary strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-edit-row{display:flex;align-items:flex-end;gap:12px}.profile-edit-row label{flex:1}.profile-edit-row input{margin-top:6px}.profile-edit-row label>small,.profile-photo-line small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.profile-inline-submit{flex:0 0 auto;height:40px}.profile-managed-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.profile-managed-line span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eeeaff;color:var(--primary);font-weight:800}.profile-managed-line p{margin:0}.profile-photo-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:4px}.profile-photo-line strong,.profile-photo-line small{display:block}.profile-photo-picker{position:relative;overflow:hidden}.profile-photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-photo-remove{margin-top:10px}.profile-photo-remove .btn{width:auto}.profile-preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.profile-preference-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}.profile-preference-item:nth-of-type(-n+2){border-top:0}.profile-preference-item span{min-width:0}.profile-preference-item strong,.profile-preference-item small{display:block}.profile-preference-item strong{font-size:13px}.profile-preference-item small{color:var(--muted);font-size:11px;margin-top:4px;line-height:1.35}.profile-preference-item input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--primary)}.profile-preference-submit{grid-column:1/-1;justify-self:start;margin-top:15px}.profile-mobile-note{grid-column:1/-1;margin-top:13px}.profile-side-area{border-left:1px solid var(--line);padding-left:28px;margin-left:34px}.profile-side-section{padding:30px 0;border-bottom:1px solid var(--line)}.profile-side-section:last-child{border-bottom:0}.profile-side-section h2{font-size:19px;margin:5px 0}.profile-side-intro,.profile-account-note p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.profile-security-link{display:flex;align-items:center;gap:10px;padding:14px 0;color:var(--ink)}.profile-security-link:hover{color:var(--primary)}.profile-security-link>span:nth-child(2){display:grid;gap:3px;flex:1}.profile-security-link small{color:var(--muted);font-size:11px}.profile-security-link>b{color:var(--primary);font-size:18px}.profile-security-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e4f7ef;color:var(--success);font-weight:900}.profile-password-section h3{font-size:15px;margin:0 0 16px}.profile-password-form{display:grid;gap:12px}.profile-password-form .btn{margin-top:4px}.profile-account-note{border-bottom:0}.profile-account-note .profile-kicker{margin-bottom:8px}
@media(max-width:900px){.profile-identity-bar{align-items:flex-start;flex-direction:column}.profile-identity-details{width:100%;padding-top:18px;border-top:1px solid var(--line)}.profile-workspace-body{grid-template-columns:1fr;padding:0 24px}.profile-side-area{border-left:0;border-top:1px solid var(--line);padding:0;margin:0}.profile-side-section:first-child{padding-top:26px}.profile-system-note{margin-left:24px;margin-right:24px}}
@media(max-width:600px){.profile-identity-bar{padding:24px 20px}.profile-identity-avatar{width:68px;height:68px;flex-basis:68px}.profile-identity-copy h1{font-size:23px}.profile-identity-details{gap:18px}.profile-identity-details div{min-width:0;flex:1}.profile-workspace-body{padding:0 20px}.profile-block{padding:24px 0}.profile-block-heading{display:block}.profile-block-heading>p{text-align:left;margin-top:7px}.profile-contact-summary{grid-template-columns:1fr}.profile-contact-summary div+div{border-left:0;border-top:1px solid var(--line)}.profile-edit-row{display:block}.profile-inline-submit{width:100%;margin-top:12px}.profile-photo-line{align-items:flex-start;flex-direction:column}.profile-photo-picker{width:100%;text-align:center}.profile-preference-grid{grid-template-columns:1fr}.profile-preference-item:nth-of-type(2){border-top:1px solid var(--line)}.profile-system-note{margin-left:20px;margin-right:20px}}
.profile-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-width:0}.profile-edit-fields label{min-width:0}.profile-edit-fields input{margin-top:6px}
@media(max-width:600px){.profile-edit-fields{grid-template-columns:1fr}.profile-edit-fields label+label{margin-top:2px}}

/* Dosya listesi: dar masaüstü ve tablet ekranlarında sütun kaymasını önle */
@media(max-width:1100px){
  .file-center-page .files-layout{grid-template-columns:1fr;gap:12px}
  .file-center-page .file-grid{display:grid;grid-template-columns:1fr;gap:10px;border:0;background:transparent;overflow:visible}
  .file-center-page .file-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;height:auto;min-height:0;padding:14px;border:1px solid #e5e9f1;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(24,32,51,.05)}
  .file-center-page .file-select-cell{grid-column:1;grid-row:1;display:grid;place-items:center}
  .file-center-page .file-name-cell{grid-column:2;grid-row:1;display:flex;align-items:center;gap:10px;min-width:0}
  .file-center-page .file-card-body{min-width:0}
  .file-center-page .file-card-body h3{margin:0 0 3px;font-size:13px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  .file-center-page .file-card-body p{min-height:0;margin:0;font-size:11px;white-space:normal;overflow-wrap:anywhere}
  .file-center-page .file-actions{grid-column:3;grid-row:1;align-self:start;display:flex;justify-content:flex-end;margin:0}
  .file-center-page .file-card>.file-meta-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 0;padding:10px;background:#f7f9fc;border-radius:9px}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(n){grid-column:auto;display:block;min-width:0;padding:0}
  .file-center-page .file-meta-grid dt{display:block;margin:0 0 2px;color:#7d8799;font-size:10px}
  .file-center-page .file-meta-grid dd{display:block;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
}
.profile-photo-editor{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:16px;padding:14px;border:1px solid #e2ddff;border-radius:12px;background:#faf9ff}.profile-photo-editor[hidden]{display:none}.profile-photo-preview{width:160px;height:160px;overflow:hidden;border-radius:50%;background:#e8e5f3;cursor:grab;touch-action:none;box-shadow:0 0 0 5px #eeeaff}.profile-photo-preview:active{cursor:grabbing}.profile-photo-preview img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;user-select:none;pointer-events:none}.profile-photo-tools{display:flex;align-items:center;gap:14px}.profile-photo-tools label{display:grid;gap:6px;flex:1;color:var(--muted);font-size:12px}.profile-photo-tools input[type=range]{width:100%;accent-color:var(--primary)}.profile-photo-editor>small{grid-column:2;color:var(--muted);font-size:11px}.profile-photo-editor .btn{white-space:nowrap}
@media(max-width:600px){.profile-photo-editor{grid-template-columns:1fr}.profile-photo-preview{width:190px;height:190px;justify-self:center}.profile-photo-editor>small{grid-column:auto}.profile-photo-tools{align-items:end}}

/* Orta genişlikte dosya tablosunu sıkıştırmak yerine rahat kartlara çevir */
@media(min-width:801px) and (max-width:1400px){
  .file-center-page .file-table-head{display:none!important}
  .file-center-page .file-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;border:0!important;background:transparent!important;overflow:visible!important}
  .file-center-page .file-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:14px!important;width:100%!important;height:auto!important;min-height:0!important;padding:16px!important;border:1px solid #e1e6ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 18px rgba(31,39,58,.045)!important;transform:none!important}
  .file-center-page .file-select-cell{grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center}
  .file-center-page .file-name-cell{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center;gap:11px;min-width:0;overflow:hidden;padding:0!important}
  .file-center-page .file-card-body{grid-column:auto!important;min-width:0!important;padding:0!important;overflow:hidden}
  .file-center-page .file-card-body h3{margin:0 0 4px!important;font-size:14px!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-card-body p{min-height:0!important;margin:0!important;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-actions{grid-column:3!important;grid-row:1!important;align-self:start;display:flex!important;justify-content:flex-end;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important}
  .file-center-page .file-card>.file-meta-grid{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:10px!important;background:#f7f9fc!important}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(n){grid-column:auto!important;grid-row:auto!important;display:block!important;min-width:0;padding:0!important;overflow:hidden}
  .file-center-page .file-meta-grid dt{display:block!important;margin:0 0 3px;color:#8792a4;font-size:10px;line-height:1.2}
  .file-center-page .file-meta-grid dd{display:block!important;min-width:0;margin:0;color:#455166;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(min-width:801px) and (max-width:1000px){
  .file-center-page .file-card>.file-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Dosya Merkezi - ortak ve sade çalışma alanı */
body:has(.file-center-page){background:#f4f6fa}
body:has(.file-center-page) .content{max-width:1540px;padding:26px 34px 52px}
.file-center-page{display:grid;gap:18px;min-width:0}
.file-center-context-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:30px}
.file-center-context-bar .page-breadcrumb{color:#7a8496;font-size:11px;line-height:1.4}
.file-center-context-bar .page-breadcrumb a{color:#58667d}
.file-center-context-bar .page-breadcrumb a:hover{color:var(--primary)}
.file-center-context-bar .trash-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #e1e5ed;border-radius:9px;padding:8px 11px;color:#667085;font-size:11px;font-weight:750;background:#fff}
.file-center-context-bar .trash-link:hover{border-color:#c7baff;background:#faf9ff;color:var(--primary)}
.file-center-actions{display:block;margin:0}
.file-center-actions .file-search.card{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(135px,1fr)) auto auto;align-items:end;gap:10px;margin:0;padding:15px 16px;border:1px solid #e3e7ef;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(31,39,58,.045)}
.file-search-field{display:grid;gap:6px;min-width:0}
.file-search-field>span{color:#69758a;font-size:10px;font-weight:850}
.file-search-field input,.file-search-field select{height:40px;min-height:40px;padding:8px 10px;border-radius:9px;background:#fbfcfe;font-size:12px}
.file-search-field input:focus,.file-search-field select:focus{background:#fff}
.file-search-submit{height:40px;min-height:40px;padding:8px 15px;border-radius:9px;font-size:12px}
.file-center-page .files-layout{grid-template-columns:252px minmax(0,1fr);gap:18px;align-items:start}
.file-center-page .folder-panel{position:sticky;top:112px;padding:17px;border:1px solid #e1e6ef;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(31,39,58,.045)}
.folder-panel-head{align-items:center;margin-bottom:15px}
.folder-panel-head h2{font-size:17px;margin:0}
.folder-add-shortcut{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dfe4ed;border-radius:8px;color:var(--primary);font-size:17px;background:#fff}
.folder-add-shortcut:hover{border-color:#b9a9ff;background:#f7f5ff}
.folder-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 17px}
.folder-overview>div{min-width:0;padding:9px 5px;border:1px solid #e6eaf1;border-radius:9px;background:#f8fafc;text-align:center}
.folder-overview strong{display:block;font-size:14px;line-height:1.1}.folder-overview small{display:block;margin-top:4px;color:#7d8798;font-size:9px;line-height:1.15}
.folder-group-label{margin:16px 0 6px;color:#8a94a6;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.folder-list{gap:3px}
.folder-list a{min-width:0;padding:9px 8px;border:1px solid transparent;border-radius:8px;color:#3e4a5e}
.folder-list a:hover{background:#f7f5ff;color:var(--primary)}
.folder-list a.active{border-color:#d9d1ff;background:#f1eeff;color:#5d40e9}
.folder-list a>div{min-width:0}.folder-list strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-list small{font-size:9px}
.create-box{margin-top:16px;padding-top:14px}.create-box summary{font-size:11px}
.file-center-page .file-main-panel{min-width:0;padding:22px;border:1px solid #e1e6ef;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(31,39,58,.045)}
.file-main-head{align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid #e8ebf1}
.file-title-block{min-width:0}.file-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.file-title-row h2{margin:0;font-size:22px;line-height:1.2;overflow-wrap:anywhere}
.file-title-block>p:not(.eyebrow){margin:7px 0 0;color:#718096;font-size:12px;line-height:1.45}
.file-stat-pill{padding:5px 8px;border:1px solid #e1e5ee;border-radius:7px;background:#f8fafc;color:#667085;font-size:10px;font-weight:800}
.folder-head-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
.folder-head-actions .btn,.folder-head-actions summary{min-height:34px;padding:7px 10px;border-radius:8px;font-size:10px;white-space:nowrap}
.folder-access-badge{height:28px!important;min-height:28px!important;padding:6px 8px!important}
.upload-box{margin:18px 0;padding:13px;border:1px dashed #c6baff;border-radius:12px;background:#faf9ff}
.upload-dropzone{min-height:96px!important;border-color:#c6baff!important;border-radius:10px!important;background:#fff!important}
.upload-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px}
.upload-controls input,.upload-controls button{height:40px;min-height:40px}
.bulk-move-bar{position:static;margin:0 0 16px;padding:9px 10px;border:1px solid #ddd7ff;border-radius:10px;background:#faf9ff;box-shadow:none}
.file-section-heading{margin:18px 0 8px;padding-top:18px;border-top:1px solid #edf0f4}
.file-section-heading>div{display:flex;align-items:center;gap:8px}.file-section-heading span{font-size:13px;font-weight:850}.file-section-heading small{color:#8a94a6;font-size:10px}
.file-table-head{border-color:#e4e8ef!important;border-radius:9px 9px 0 0!important;background:#f8fafc!important;color:#7b8798!important;font-size:9px!important}
.file-center-page .file-grid{border-color:#e4e8ef!important;border-radius:0 0 10px 10px!important}
.file-center-page .file-card{background:#fff!important}
.file-center-page .file-card:hover{background:#fbfcfe!important}
.file-center-page .file-card-body h3{font-weight:750}
.file-center-page .file-card-body p{color:#8a94a6}
.file-center-page .file-actions .file-open-button{background:#6d4aff;color:#fff;border-color:#6d4aff}
.file-center-page .file-actions .file-open-button:hover{background:#5635e8}
.permission-editor{margin-top:22px;border-top:1px solid #e8ebf1;border-radius:10px;box-shadow:none}

/* Tüm klasörler ana görünümü */
.folder-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 2px 20px;border-bottom:1px solid #e8ebf1}
.folder-home-head h1{margin:4px 0 0;font-size:27px;line-height:1.15}.folder-home-head>p:not(.eyebrow){margin:7px 0 0;color:#718096;font-size:12px}
.folder-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.folder-home-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:208px;padding:17px;border:1px solid #e1e6ef;border-radius:13px;background:#fff;box-shadow:0 5px 17px rgba(31,39,58,.035);transition:border-color .18s,box-shadow .18s,transform .18s}
.folder-home-card:hover{border-color:#cfc5ff;box-shadow:0 12px 28px rgba(65,51,125,.08);transform:translateY(-2px)}
.folder-home-card-link{position:absolute;inset:0;z-index:1}.folder-home-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#f0edff;color:var(--primary);font-size:19px}
.folder-card-menu{position:absolute;top:14px;right:14px;z-index:2}.folder-card-menu>summary{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e0e5ed;border-radius:8px;background:#fff;color:#647086;font-size:15px}
.folder-home-copy{position:relative;z-index:2;margin-top:17px;min-width:0}.folder-home-copy h2{margin:0;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.folder-home-copy p{margin:6px 0 0;color:#7b8798;font-size:10px}
.folder-home-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid #edf0f4}.folder-home-meta div{min-width:0}.folder-home-meta dt{color:#8a94a6;font-size:9px}.folder-home-meta dd{margin:4px 0 0;color:#435066;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-create-card{display:flex;align-items:center;justify-content:center;min-height:208px;border:1px dashed #c7bbff;border-radius:13px;background:#fbfaff;color:var(--primary);text-align:center}.folder-create-card:hover{background:#f6f3ff;border-color:#a996ff}
.recent-files-section{margin-top:26px;padding-top:20px;border-top:1px solid #e8ebf1}.recent-files-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.recent-files-head h2{margin:0;font-size:17px}.recent-files-head p{margin:4px 0 0;color:#8a94a6;font-size:10px}.recent-files-head a{color:var(--primary);font-size:11px;font-weight:800}
.recent-files-table{border:1px solid #e4e8ef;border-radius:10px;overflow:hidden;background:#fff}.recent-files-labels,.recent-files-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1.25fr) minmax(120px,1fr) 140px 90px 48px;align-items:center;gap:0}.recent-files-labels{padding:9px 12px;background:#f8fafc;color:#7b8798;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.recent-files-row{min-height:56px;padding:8px 12px;border-top:1px solid #edf0f4;font-size:11px}.recent-files-row:hover{background:#fbfcfe}.recent-file-name,.recent-file-folder,.recent-file-uploader,.recent-file-date,.recent-file-size,.recent-file-actions{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-file-name{font-weight:750}.recent-file-name small{display:block;margin-top:3px;color:#8a94a6;font-size:9px;font-weight:500}.recent-file-actions{text-align:right}
@media(max-width:1400px) and (min-width:801px){.folder-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-center-page .files-layout{grid-template-columns:1fr}.file-center-page .folder-panel{position:static}.file-center-page .folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.file-center-page .folder-group-label,.file-center-page .create-box{grid-column:1/-1}}
@media(max-width:800px){body:has(.file-center-page) .content{padding:14px 12px 36px}.file-center-page{gap:12px}.file-center-context-bar{align-items:flex-start}.file-center-context-bar .trash-link{font-size:10px}.file-center-page .file-main-panel{padding:16px}.folder-home-head{display:block;padding-bottom:16px}.folder-home-head h1{font-size:23px}.folder-home-grid{grid-template-columns:1fr;gap:11px;margin-top:14px}.folder-home-card,.folder-create-card{min-height:174px;padding:15px}.folder-home-meta{padding-top:12px}.folder-home-card:hover{transform:none}.recent-files-section{margin-top:20px;padding-top:16px}.recent-files-labels{display:none}.recent-files-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:12px;min-height:0}.recent-file-name{grid-column:2}.recent-file-folder,.recent-file-uploader,.recent-file-date,.recent-file-size{grid-column:2;font-size:10px;color:#7b8798}.recent-file-actions{grid-column:3;grid-row:1}.recent-file-folder:before{content:'Klasör: ';font-weight:700}.recent-file-uploader:before{content:'Yükleyen: ';font-weight:700}.recent-file-date:before{content:'Tarih: ';font-weight:700}.recent-file-size:before{content:'Boyut: ';font-weight:700}.folder-head-actions{justify-content:flex-start;width:100%;margin-top:10px}.file-main-head{display:block}.file-title-row h2{font-size:20px}.file-center-page .file-search.card{grid-template-columns:1fr;padding:12px}.file-center-page .file-search-submit{width:100%}.file-center-page .folder-list{grid-template-columns:1fr}.file-center-page .folder-panel{padding:14px}.file-center-page .file-card{min-height:132px}}

/* Dosya tablosu: geniş ekranlarda başlık ve satır sütunlarını aynı grid'e bağla */
@media(min-width:1101px){
  .file-center-page .file-table-head{display:grid!important;}
  .file-center-page .file-table-head,
  .file-center-page .file-card{
    grid-template-columns:36px minmax(220px,2fr) minmax(170px,1.25fr) minmax(120px,.9fr) 140px 90px 56px!important;
  }
  .file-center-page .file-card{
    display:grid!important;
    align-items:center!important;
    height:68px!important;
    min-height:68px!important;
    padding:7px 12px!important;
    border-width:0 0 1px!important;
    border-style:none none solid!important;
    border-color:transparent transparent #e5e9f1!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .file-center-page .file-select-cell{grid-column:1!important;grid-row:1!important;min-width:0}
  .file-center-page .file-name-cell{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center;gap:10px;min-width:0;overflow:hidden;padding-right:12px}
  .file-center-page .file-card-body{grid-column:auto!important;min-width:0!important;padding:0!important;overflow:hidden}
  .file-center-page .file-card-body h3{margin:0 0 2px!important;font-size:12px!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-card-body p{min-height:0!important;margin:0!important;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-card>.file-meta-grid{grid-column:3/-2!important;grid-row:1!important;display:contents!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
  .file-center-page .file-card>.file-meta-grid>div{grid-row:1!important;align-self:center!important;min-width:0;padding:0 10px 0 0;overflow:hidden}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(1){grid-column:3!important}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(2){grid-column:4!important}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(4){grid-column:5!important}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(3){grid-column:6!important}
  .file-center-page .file-meta-grid dt{display:none!important}
  .file-center-page .file-meta-grid dd{display:block;min-width:0;margin:0;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-actions{grid-column:7!important;grid-row:1!important;display:flex!important;justify-content:center;align-items:center;width:56px;height:40px!important;margin:0!important;padding:0!important;border:0!important;min-width:0}
  .file-center-page .file-actions .file-open-button{padding:6px 8px;font-size:10px;white-space:nowrap}
}

/* Orta genişlikte dosya tablosunu sıkıştırmak yerine rahat kartlara çevir */
@media(min-width:801px) and (max-width:1400px){
  .file-center-page .file-table-head{display:none!important}
  .file-center-page .file-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;border:0!important;background:transparent!important;overflow:visible!important}
  .file-center-page .file-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:14px!important;width:100%!important;height:auto!important;min-height:0!important;padding:16px!important;border:1px solid #e1e6ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 18px rgba(31,39,58,.045)!important;transform:none!important}
  .file-center-page .file-select-cell{grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center}
  .file-center-page .file-name-cell{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center;gap:11px;min-width:0;overflow:hidden;padding:0!important}
  .file-center-page .file-card-body{grid-column:auto!important;min-width:0!important;padding:0!important;overflow:hidden}
  .file-center-page .file-card-body h3{margin:0 0 4px!important;font-size:14px!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-card-body p{min-height:0!important;margin:0!important;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .file-center-page .file-actions{grid-column:3!important;grid-row:1!important;align-self:start;display:flex!important;justify-content:flex-end;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important}
  .file-center-page .file-card>.file-meta-grid{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:10px!important;background:#f7f9fc!important}
  .file-center-page .file-card>.file-meta-grid>div:nth-child(n){grid-column:auto!important;grid-row:auto!important;display:block!important;min-width:0;padding:0!important;overflow:hidden}
  .file-center-page .file-meta-grid dt{display:block!important;margin:0 0 3px;color:#8792a4;font-size:10px;line-height:1.2}
  .file-center-page .file-meta-grid dd{display:block!important;min-width:0;margin:0;color:#455166;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(min-width:801px) and (max-width:1000px){.file-center-page .file-card>.file-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Product cost module */
.cost-hero{border-color:#d8d0ff;background:linear-gradient(135deg,#fff 0%,#faf9ff 100%)}
.cost-rate-row{display:flex;align-items:end;gap:12px}.cost-rate-row label{display:grid;gap:6px;font-size:12px;font-weight:700;width:220px}.cost-rate-row span{font-size:11px;color:var(--muted);padding-bottom:11px}.cost-lines-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.cost-lines-head strong,.cost-lines-head small{display:block}.cost-lines-head small{font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}.cost-line-table{overflow-x:auto}.cost-line{display:grid;grid-template-columns:30px minmax(150px,1.25fr) minmax(90px,.75fr) minmax(130px,1fr) minmax(145px,1fr) 75px 95px 105px 42px;gap:7px;align-items:center;min-width:980px}.cost-line-header{padding:9px 10px;margin-top:12px;background:#f7f8fb;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.cost-line[data-cost-row]{padding:8px 10px;border:1px solid var(--line);border-top:0;background:#fff}.cost-line[data-cost-row]:last-child{border-radius:0 0 9px 9px}.cost-line input{min-width:0;border-radius:7px;padding:9px;font-size:12px}.cost-index{color:var(--muted);font-size:11px;text-align:center}.cost-line-total{font-size:12px;white-space:nowrap}.cost-remove{width:36px!important;min-width:36px;padding:0!important;font-size:18px!important}.cost-summary-strip{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;margin-top:13px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#f8f9fc;color:var(--muted);font-size:12px}.cost-summary-strip b{color:var(--ink);font-size:13px}.cost-form-actions{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:17px}.cost-form-actions label{display:grid;gap:6px;font-size:12px;font-weight:700;width:150px}.cost-form-actions select{padding:10px}.cost-sale-preview{margin-left:auto;margin-right:0;text-align:right}.cost-sale-preview span,.cost-sale-preview em{display:block;font-size:10px;color:var(--muted);font-style:normal}.cost-sale-preview strong{display:block;color:var(--primary);font-size:23px;line-height:1.2}.cost-sale-preview em{color:#16875e;font-weight:700;margin-top:3px}.cost-results-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:20px;margin-top:20px}.cost-product-list{display:grid}.cost-product-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid var(--line);color:inherit}.cost-product-row:first-child{border-top:0}.cost-product-row:hover,.cost-product-row.active{color:var(--primary)}.cost-product-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#f0edff;color:var(--primary);font-weight:900}.cost-product-row strong,.cost-product-row small{display:block}.cost-product-row small{color:var(--muted);font-size:11px;margin-top:3px}.cost-product-row>b{font-size:11px;white-space:nowrap}.cost-arrow{color:var(--primary);font-size:17px}.cost-detail-card{min-width:0}.cost-detail-empty{min-height:220px;display:grid;place-items:center;text-align:center;align-content:center}.cost-detail-empty>span{font-size:27px;color:var(--primary)}.cost-detail-empty h3{margin:8px 0 4px}.cost-detail-empty p{color:var(--muted);font-size:12px;max-width:280px}.cost-detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.cost-detail-summary>div{padding:11px;border-radius:9px;background:#f7f8fb}.cost-detail-summary span,.cost-detail-summary strong{display:block}.cost-detail-summary span{color:var(--muted);font-size:10px}.cost-detail-summary strong{font-size:16px;margin-top:4px}.cost-detail-summary .primary-number{color:var(--primary);font-size:19px}.cost-detail-title{font-size:13px;margin:0 0 9px}.cost-detail-items{display:grid;border-top:1px solid var(--line)}.cost-detail-item{display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(120px,1fr) auto;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.cost-detail-item strong,.cost-detail-item small{display:block}.cost-detail-item small{color:var(--muted);font-size:10px;margin-top:3px}.cost-detail-price{text-align:right;white-space:nowrap}.cost-detail-price b{font-size:11px}.cost-detail-price small{color:#16875e;font-weight:700}
@media(max-width:900px){.cost-results-grid{grid-template-columns:1fr}.cost-detail-card{order:-1}.cost-rate-row{display:grid;grid-template-columns:1fr}.cost-rate-row label{width:100%}.cost-rate-row span{padding:0}.cost-form-actions{align-items:stretch;flex-wrap:wrap}.cost-sale-preview{margin-left:0;text-align:left}.cost-form-actions>div:last-child{margin-left:auto}}
@media(max-width:520px){.cost-summary-strip{justify-content:space-between;gap:8px}.cost-form-actions{display:grid;grid-template-columns:1fr}.cost-form-actions>div:last-child{margin-left:0}.cost-sale-preview{grid-row:2}.cost-detail-item{grid-template-columns:25px minmax(120px,1fr);gap:7px}.cost-detail-item>span:nth-child(3),.cost-detail-price{grid-column:2;text-align:left}.cost-detail-item>span:nth-child(3){margin-top:4px}.cost-detail-price{border-top:1px dashed var(--line);padding-top:6px;margin-top:2px}}
.cost-edit-link{color:var(--primary);font-size:11px;font-weight:800;white-space:nowrap}.cost-detail-head-actions{display:flex;align-items:center;gap:8px}
.cost-delete-action{display:flex;justify-content:flex-end;margin-top:-12px;margin-bottom:20px;padding:0 22px}.cost-delete-action form{margin:0}

/* Phase 1: ortak Tagronic tasarım sistemi ve uygulama iskeleti */
:root{
  --bg:#f6f8fb;--surface:#fff;--surface-secondary:#f1f5f9;--ink:#142338;--muted:#6d7a8d;
  --line:#e2e8f0;--line-strong:#cbd5e1;--primary:#17446f;--primary-dark:#0f3457;--primary-soft:#e9f1f8;
  --danger:#c83d52;--success:#16875e;--warning:#b87308;--info:#2f6fa8;--sidebar:#102c49;
  --shadow-sm:0 2px 8px rgba(20,35,56,.045);--shadow-md:0 10px 30px rgba(20,35,56,.08);
  --radius-sm:7px;--radius-md:10px;--radius-lg:14px;--page-max:1560px;
}
html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}
.app-shell{background:var(--bg)}
.sidebar{width:252px;padding:22px 14px 16px;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(15,39,64,.08)}
.brand{height:52px;padding:0 12px 18px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-logo-shell{height:36px;width:174px}.brand-logo{filter:brightness(0) invert(1);max-height:34px}.brand-wordmark{font-size:18px;letter-spacing:.08em}
.sidebar-collapse{position:absolute;top:29px;right:12px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.07);color:#d8e5f0;font-size:20px;line-height:1;transition:background .16s ease,transform .16s ease}.sidebar-collapse:hover{background:rgba(255,255,255,.15)}
.sidebar nav{gap:3px}.nav-section-label{padding:16px 12px 7px;color:#8fa6bd;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.nav-item,.sidebar nav a.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:var(--radius-md);color:#c5d2e1;font-size:13px;font-weight:650;transition:background .16s ease,color .16s ease,border-color .16s ease}
.nav-item:hover,.sidebar nav a.nav-item:hover{background:rgba(255,255,255,.09);color:#fff}.nav-item.active,.sidebar nav a.nav-item.active{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:inset 3px 0 0 #8bb8dd}
.nav-icon{width:22px;color:#a9c5dc;font-size:16px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#fff}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-key{margin-left:auto;padding:2px 5px;border:1px solid rgba(181,220,247,.28);border-radius:5px;color:#b6d6ee;font-size:8px;letter-spacing:.06em}
.nav-group{margin:0}.nav-group>summary{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:var(--radius-md);color:#c5d2e1;font-size:13px;font-weight:650;cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-group>summary.active{background:rgba(255,255,255,.09);color:#fff}.nav-group>summary .nav-chevron{margin-left:auto;color:#91a9bf}.nav-submenu{display:grid;gap:2px;margin:3px 0 4px;padding-left:14px;border-left:1px solid rgba(169,197,220,.22)}.nav-submenu a{min-height:36px!important;font-size:12px!important}
.sidebar-user{margin:18px 4px 0;padding:14px 8px 2px;border-top-color:rgba(255,255,255,.13)}.sidebar-user small{color:#9db1c4}.sidebar-user strong{color:#f5f8fb}.avatar{background:#2b5576}
.main{margin-left:252px;width:calc(100% - 252px)}
.topbar{height:76px;padding:0 32px;background:rgba(246,248,251,.92);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(20,35,56,.035);backdrop-filter:blur(16px)}
.topbar h1{font-size:21px;letter-spacing:-.015em}.mobile-app-brand{display:none}.top-actions{gap:7px}.top-actions>.btn,.top-actions>form .btn{min-height:36px;padding:8px 12px;border-color:var(--line);background:var(--surface);font-size:12px}.top-actions>.btn:hover,.top-actions>form .btn:hover{border-color:#b9c7d5;background:var(--surface-secondary)}
.global-search{display:flex;align-items:center;gap:8px;width:min(320px,30vw);height:38px;margin-left:auto;margin-right:22px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:#8b98a9}.global-search input{height:34px;padding:5px 0;border:0;background:transparent;color:var(--ink);font-size:12px}.global-search input:focus{box-shadow:none}.global-search input::placeholder{color:#8b98a9}.global-search kbd{margin-left:auto;padding:3px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface-secondary);font-size:10px;color:#8b98a9}
.notification-menu>summary{width:38px;height:38px;border-color:var(--line);border-radius:var(--radius-md);background:var(--surface);font-size:16px}.notification-menu>summary>span{border-color:var(--bg)}
.content{width:100%;max-width:var(--page-max);padding:30px 32px 56px}.content>.alert{max-width:var(--page-max)}
.card{border-color:var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.card:hover{border-color:#d8e1eb}.card-head{margin-bottom:18px}.card-head h2{font-size:17px;letter-spacing:-.01em}.card-head p:not(.eyebrow){font-size:12px}.eyebrow{color:var(--primary);font-size:10px;letter-spacing:.12em}
.stat-grid{gap:14px;margin-bottom:18px}.stat-card{min-height:84px;padding:17px;border-color:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.stat-card:hover{transform:translateY(-1px);border-color:#c9d7e5;box-shadow:var(--shadow-md)}.stat-card strong{font-size:20px;letter-spacing:-.02em}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md)}.stat-icon.violet{background:var(--primary-soft);color:var(--primary)}
.btn{min-height:38px;border-radius:var(--radius-md);padding:9px 14px;border-color:var(--line);font-size:12px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.nav-item:focus-visible,.notification-menu>summary:focus-visible{outline:3px solid rgba(57,115,163,.28);outline-offset:2px}.btn-primary{border-color:var(--primary);background:var(--primary);box-shadow:0 4px 10px rgba(23,68,111,.16)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-ghost{background:var(--surface-secondary)}.btn-danger{border-color:#f2c9d0;background:#fff3f5;color:var(--danger)}
input,textarea,select{border-color:var(--line-strong);border-radius:var(--radius-md);padding:10px 11px;background:var(--surface);font-size:13px}input:hover,textarea:hover,select:hover{border-color:#aebdcd}input:focus,textarea:focus,select:focus{border-color:#5881a5;box-shadow:0 0 0 3px rgba(66,115,158,.15)}.form-stack label,.form-row label{font-size:12px;color:#34465b}.form-stack label small{font-size:11px}.form-row{gap:14px}
.badge{padding:4px 8px;border:1px solid transparent;border-radius:6px;font-size:10px}.badge-success,.badge-completed{background:#e7f5ee;color:#17704f}.badge-muted,.badge-cancelled{background:#f1f4f7;color:#667487}
.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md)}th{background:var(--surface-secondary);color:#738196;font-size:10px}td{padding:12px;border-color:var(--line)}
.empty-state{padding:52px 20px}.empty-state>span{width:52px;height:52px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.empty-state h2,.empty-state h3{font-size:17px}
.file-type,.cost-product-icon,.timeline-item>span,.date-tile,.notification-type,.folder-home-icon{background:var(--primary-soft);color:var(--primary)}.folder-list a.active,.folder-list a:hover{background:var(--primary-soft);color:var(--primary)}.upload-box{background:#f7fafc;border-color:#b8cad9}.cost-hero{background:var(--surface);border-color:var(--line)}.guest-body{background:var(--bg)}
.app-footer{padding:0 32px 24px;color:#8794a4;font-size:11px}.sidebar-close{color:#fff}
body.sidebar-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}body.sidebar-collapsed .main{margin-left:76px;width:calc(100% - 76px)}body.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapse span{display:block;transition:transform .16s ease}body.sidebar-collapsed .sidebar-collapse span{transform:rotate(180deg)}body.sidebar-collapsed .sidebar-collapse{right:24px}.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-key,.sidebar-collapsed .sidebar-user>div,.sidebar-collapsed .mobile-sidebar-logout{display:none}body.sidebar-collapsed .nav-item,body.sidebar-collapsed .sidebar nav a.nav-item{justify-content:center;padding-left:8px;padding-right:8px}body.sidebar-collapsed .nav-icon{width:auto}body.sidebar-collapsed .brand-logo-shell{width:42px;overflow:hidden}body.sidebar-collapsed .sidebar-user{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .sidebar-collapse{top:29px}
body.sidebar-collapsed .nav-item[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:68px;top:50%;z-index:40;display:none;transform:translateY(-50%);padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#173c5f;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px rgba(8,25,43,.24)}body.sidebar-collapsed .nav-item[data-tooltip]:hover::after{display:block}
body.sidebar-collapsed .nav-group>summary{justify-content:center;padding-left:8px;padding-right:8px}body.sidebar-collapsed .nav-group>summary>span:not(.nav-icon),body.sidebar-collapsed .nav-group>summary .nav-chevron,body.sidebar-collapsed .nav-submenu{display:none}
@media(max-width:1024px){.sidebar{width:236px}.main{margin-left:236px;width:calc(100% - 236px)}.content{padding-left:24px;padding-right:24px}.topbar{padding-left:24px;padding-right:24px}.global-search{width:250px;margin-right:14px}}
@media(max-width:800px){.sidebar{width:min(310px,86vw);padding:22px 14px 16px}.main{margin-left:0;width:100%}.topbar{height:68px;padding:10px 16px}.global-search{display:none}.topbar h1{font-size:18px}.content{padding:20px 16px 40px}.app-footer{padding:0 16px 20px}.nav-item,.sidebar nav a.nav-item{min-height:44px}.card{padding:18px}}
@media(max-width:800px){.sidebar-collapse{display:none}body.sidebar-collapsed .sidebar{width:min(310px,86vw);padding-left:14px;padding-right:14px}body.sidebar-collapsed .main{margin-left:0;width:100%}body.sidebar-collapsed .nav-section-label,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-key,body.sidebar-collapsed .sidebar-user>div,body.sidebar-collapsed .mobile-sidebar-logout{display:block}body.sidebar-collapsed .nav-item,body.sidebar-collapsed .sidebar nav a.nav-item{justify-content:flex-start;padding-left:12px;padding-right:12px}body.sidebar-collapsed .brand-logo-shell{width:174px}body.sidebar-collapsed .sidebar-user{justify-content:flex-start}}
@media(max-width:520px){.topbar{height:auto;min-height:62px;padding:9px 12px}.topbar h1{font-size:17px}.top-actions>.btn,.top-actions>form .btn{min-height:36px;padding:7px 9px}.content{padding:16px 12px 32px}.card{padding:16px}.stat-card{min-height:72px;padding:13px}.stat-card strong{font-size:18px}.btn{width:auto}.page-actions,.button-row{gap:8px}}