/* Shared company / platform administration shell. */
.sellika-management .app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);height:calc(100dvh - var(--ui-frame)*2);min-height:0;border-radius:0;background:var(--page);overflow:hidden;position:relative}
.sellika-management .shell-header{transform:none;width:100%;top:auto;left:auto;height:auto;position:relative;z-index:60;padding:14px var(--ui-gutter);display:flex;flex-direction:row;align-items:center;gap:18px;overflow:visible;background:transparent;color:var(--text);border:0}
.sellika-management .sidebar-brand{padding:0;min-height:0;flex:none;display:flex;gap:9px;align-items:center}
.sellika-management .sidebar-brand img{width:116px;filter:none}
.sellika-management .sidebar-brand>span{background:var(--accent-soft);color:var(--accent-dark);border:0;border-radius:999px;letter-spacing:0;font-size:9px;padding:3px 7px}
.sellika-management .main-nav{display:flex;flex:1;min-width:0;gap:5px;align-items:center;justify-content:center;overflow:visible}
.sellika-management .ui-nav-group{position:relative;min-width:0}
.sellika-management .ui-nav-group>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;white-space:nowrap;min-height:38px}
.sellika-management .ui-nav-group>summary::-webkit-details-marker{display:none}
.sellika-management .ui-nav-group>summary i{font-size:17px}
.sellika-management .ui-nav-group.is-active>summary{background:var(--text);color:#fff;border-color:var(--text)}
.sellika-management .ui-nav-group[open]>summary{box-shadow:0 0 0 3px var(--line)}
.sellika-management .ui-nav-menu{position:absolute;z-index:70;top:calc(100% + 8px);left:0;min-width:230px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.sellika-management .nav-item{display:flex;width:100%;gap:9px;align-items:center;min-height:40px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:12px;text-align:left}
.sellika-management .nav-item.is-active{background:var(--accent-soft);color:var(--accent-dark)}
.sellika-management .nav-item:hover{background:var(--surface-soft);color:var(--text)}
.sellika-management .nav-item i{font-size:17px}
.sellika-management .nav-item.is-disabled{opacity:.5}
.sellika-management .workspace{height:auto;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);position:relative}
.sellika-management .contextbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:4px var(--ui-gutter) 10px}
.sellika-management .context-left,.sellika-management .context-right{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
.sellika-management .context-left{flex:1}
.sellika-management .restaurant-picker{display:flex;gap:9px;align-items:center;min-width:0;max-width:100%}
.sellika-management .restaurant-picker>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sellika-management .select-dark{min-width:150px;max-width:320px;flex:1}
.sellika-management .select-dark select{width:100%;height:36px;min-height:36px;padding:7px 30px 7px 32px;color:var(--text);border-color:var(--line);background:var(--surface);font-size:11px;border-radius:10px;appearance:auto}
.sellika-management .select-dark>i{left:11px;color:var(--text-secondary)}
.sellika-management .sidebar-add{display:inline-flex;min-width:34px;min-height:34px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--text-secondary);font-size:10px}
.sellika-management .sidebar-add:hover{color:var(--text);border-color:var(--line-strong)}
.sellika-management .plan-card{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:transparent;font-size:10px}
.sellika-management .plan-card strong{display:none}
.sellika-management .plan-card .plan-paid{font-size:10px;color:var(--success)}
.sellika-management .plan-card button{float:none;margin:0;padding:5px 8px;color:var(--text-secondary);border:1px solid var(--line);border-radius:7px;font-size:10px}
.sellika-management .super-summary{padding:0;background:transparent;border:0;color:var(--text-muted);font-size:11px}
.sellika-management .super-summary strong{display:none}
.sellika-management .super-summary span{color:inherit}
.sellika-management .pagebar{padding:6px var(--ui-gutter) 18px;display:flex;gap:12px;justify-content:space-between;align-items:flex-end;min-width:0;flex-wrap:wrap}
.sellika-management .page-heading{min-width:0;margin:0}
.sellika-management .page-heading h1{font-size:30px;letter-spacing:-.055em;line-height:1.2;margin:0}
.sellika-management .page-heading p{font-size:12px;color:var(--text-muted);margin:5px 0 0}
.sellika-management .pagebar .ui-section-tabs{justify-content:flex-end}
.sellika-management .content-grid{display:block;overflow:hidden;min-height:0}
.sellika-management .main-content{height:100%;padding:0 var(--ui-gutter) 28px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.sellika-management .topbar-actions{display:flex;gap:6px;align-items:center;flex:none}
.sellika-management .profile-button{height:38px;max-width:190px;min-width:0;padding:0 4px;background:transparent;font-size:11px;display:flex;gap:7px;align-items:center;border:0}
.sellika-management #profileName{max-width:115px;overflow-wrap:anywhere;line-height:1.2}
.sellika-management .profile-mark{width:34px;height:34px;background:var(--accent-soft);color:var(--accent-dark);border-radius:50%;display:grid;place-items:center;font-size:18px;flex:none}
.sellika-management .profile-menu{z-index:80;width:220px;right:0}
.sellika-management .date-button{min-height:34px;height:auto;white-space:nowrap;font-size:11px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:7px 11px}
.sellika-management .mobile-menu{display:none}
.sellika-management .sidebar-backdrop{position:fixed;inset:0;z-index:55;background:#22271f66;border:0}
.sellika-management .modal{z-index:90}
.sellika-management .modal-backdrop{z-index:85}
.sellika-management .toast-region{z-index:120}
@media(min-width:1500px){.sellika-management .page-heading h1{font-size:34px}.sellika-management .shell-header{gap:30px}}
@media(max-width:1100px){.sellika-management #profileName{display:none}.sellika-management .ui-nav-group>summary{padding:9px 12px;font-size:11px}.sellika-management .sidebar-brand img{width:103px}.sellika-management .plan-card{display:none}.sellika-management .sidebar-brand>span{display:none}}
@media(max-width:800px){
 .sellika-management .app-shell{grid-template-rows:64px minmax(0,1fr);border-radius:0}
 .sellika-management .shell-header{justify-content:space-between;gap:8px;z-index:65}
 .sellika-management .main-nav{display:none;position:absolute;top:64px;left:10px;right:10px;padding:12px;max-height:70dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
 .sellika-management .sidebar.is-open .main-nav{display:grid;gap:6px}
 .sellika-management .ui-nav-group>summary{display:flex;justify-content:flex-start;font-size:13px;border:0;border-radius:10px}
 .sellika-management .ui-nav-menu{position:static;box-shadow:none;border:0;padding:5px 8px 9px 18px}
 .sellika-management .ui-nav-group[open]>summary{box-shadow:none}
 .sellika-management .mobile-menu{display:inline-flex}
 .sellika-management .sidebar-backdrop:not(.is-hidden){display:block}
 .sellika-management .topbar-actions{margin-left:auto}
 .sellika-management .contextbar{align-items:flex-start;padding-top:0;padding-bottom:10px}
 .sellika-management .context-right{display:none}
 .sellika-management .restaurant-picker{width:100%}
 .sellika-management .select-dark{max-width:none}
 .sellika-management .sidebar-add span{display:none}
 .sellika-management .page-heading h1{font-size:26px}
 .sellika-management .pagebar{display:block;padding-top:2px;padding-bottom:14px}
 .sellika-management .pagebar .ui-section-tabs{justify-content:flex-start;margin-top:12px}
 .sellika-management .ui-section-tabs button{font-size:10px;padding:6px 9px;min-height:31px}
}
@media(max-width:640px){.sellika-management .app-shell{border-radius:0}.sellika-management .sidebar-brand img{width:105px}.sellika-management .contextbar .restaurant-picker{gap:6px}.sellika-management .page-heading p{font-size:11px}}