:root{--fox-lime:#b9e637;--fox-dark:#263c26}
.side-brand{align-items:center}.side-brand .portal-brand{min-width:0;flex:1}.side-brand .portal-brand img{display:block;width:min(210px,100%);height:54px;object-fit:contain;object-position:left}.side-brand .portal-brand small{display:block;font-size:10px;letter-spacing:.16em;margin-top:7px;color:#617254}
.mobile-logo img{width:220px!important;height:60px!important;object-fit:contain}.login-brand .brand-symbol{width:100%;height:auto;background:none;box-shadow:none;border:0}.brand-symbol img{width:270px!important;height:80px!important;object-fit:contain}.session-note{font-size:12px;color:#65735c;line-height:1.6}
.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.sidebar nav{min-height:0;overflow-y:auto;scroll-padding:12px;flex:1}.sidebar-footer{flex-shrink:0}.sidebar nav a.active{background:var(--fox-lime)!important;color:#25391c!important}.content{min-width:0}.topbar{position:sticky;top:0;z-index:20;background:#f7f9f2}
.oss-workspace-tabs{display:flex;gap:8px;padding:12px 0;margin-bottom:18px;position:sticky;top:88px;background:#f7f9f2;z-index:12;overflow-x:auto}.oss-workspace-tabs button{white-space:nowrap;border:1px solid #dce8d1;background:#fff;border-radius:12px;padding:12px 18px;color:#4c6340}.oss-workspace-tabs button[aria-selected=true]{background:var(--fox-lime);border-color:#9abf30;color:#223516}.oss-workspace-tabs button span{display:inline-grid;place-items:center;padding:2px 6px;margin-left:6px;background:#ffffff8c;border-radius:20px;font-size:10px}
.os-suite [hidden]{display:none!important}.oss-row{min-width:0}.oss-row>div{min-width:0}.oss-row>div:nth-child(2) :is(b,span){display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oss-sync-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;counter-reset:steps}.oss-sync-steps li{background:#f3f9e7;padding:20px;border-radius:14px;counter-increment:steps}.oss-sync-steps li:before{content:counter(steps,decimal-leading-zero);display:block;color:#779b28;font-weight:800;margin-bottom:12px}.oss-sync-steps b,.oss-sync-steps span{display:block}.oss-sync-steps span{font-size:13px;margin-top:8px;line-height:1.6}.oss-sync-line{padding:12px 0;border-bottom:1px solid #e4edda;display:flex;justify-content:space-between;gap:16px}.oss-sync-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oss-diagnostic{margin-top:20px}.oss-diagnostic :is(label,input,textarea){min-width:0}.oss-diagnostic .oss-grid label{display:flex;flex-direction:column;gap:5px}.oss-diagnostic .oss-grid button{align-self:end}
#pos-pattern-canvas{display:block;border:1px solid #d4e2c8;border-radius:15px;background:#f6faee;touch-action:none;margin:12px 0;max-width:100%}.oss-field-row{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:end}.portal-session-expired{position:fixed;inset:auto 16px 16px 16px;z-index:100;background:#243a27;color:white;padding:20px;border:1px solid #b9e637;border-radius:15px;box-shadow:0 15px 40px #0003}.portal-session-expired a{color:#b9e637;font-weight:bold;margin-left:12px}
@media(max-width:900px){.sidebar{position:fixed;height:100dvh}.oss-workspace-tabs{top:76px}.topbar{gap:10px}.oss-sync-steps{grid-template-columns:1fr}.oss-sync-line{flex-direction:column}.oss-field-row{grid-template-columns:1fr}.oss-workspace-tabs button{padding:10px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.portal-session-expired button{margin:10px 0 0 12px;padding:10px 14px;border:1px solid #b9e637;border-radius:9px;color:#243a27;background:#b9e637;font:inherit;font-weight:700;cursor:pointer}