.booting .shell,.booting .sidebar{visibility:hidden}.auth-mode .sidebar,.auth-mode header,.auth-mode footer{display:none}.auth-mode .shell{margin:0}.auth-mode #main{padding:40px 20px;min-height:100vh;display:grid;place-content:center}.login-card{width:min(440px,100%);padding:32px;border:1px solid var(--line);background:white;border-radius:14px;box-shadow:0 12px 44px #30455b0b}.login-card>img{width:125px;height:82px;object-fit:contain;object-position:left;margin-bottom:32px}.login-card h1{font-size:28px;line-height:1.25;margin:0 0 16px}.login-card form{padding:16px 0 0}.login-card .form-actions button[data-action=close]{display:none}.login-card .form-actions button{width:100%}.demo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.demo[hidden],.demo [hidden]{display:none!important}#local-status{font-size:12px}#local-status.save-error{color:#9a3a30}.mobile-menu{display:none}.area-zoom{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin:8px 0 16px;color:var(--muted);font-size:12px}.area-zoom button{padding:4px 10px;font-size:13px;min-width:32px}.area-zoom strong{min-width:38px;text-align:center}.zoom-surface{min-width:0}.delay-period{background:#fbe7e4!important;color:#84352f}.rating{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.rating:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#a6adb4}.rating-green:before{background:#418553}.rating-yellow:before{background:#b98c13}.rating-red:before{background:#ba4949}.check-label{display:flex!important;align-items:center;gap:10px}.check-label input{width:auto!important}.pagination{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:16px}.pagination label{max-width:100px;font-size:12px}.pagination input{width:70px}.page-buttons{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.page-buttons button{padding:7px 10px;min-width:35px}.page-buttons [aria-current=page]{background:var(--blue);color:white}.pagination button:disabled{opacity:.35;cursor:default}.conflict{border-top:1px solid var(--line);padding:14px 0}.conflict h3{overflow-wrap:anywhere;font-size:14px}.conflict pre{max-height:260px;max-width:100%;overflow:auto;font-size:12px;background:#f4f6f8;padding:10px}.offline-photo{border:1px dashed var(--muted);min-height:100px}.tasks li>.actions{margin-left:auto}.tasks li{flex-wrap:wrap}.nav-open .sidebar{display:flex}
@media(max-width:900px){.sidebar{width:214px}.shell{margin-left:214px}main{padding:22px}.demo{padding:10px 22px}.demo>.actions{width:100%}.heading{gap:16px;flex-wrap:wrap}.heading>.actions{flex-wrap:wrap}.work-context{gap:14px;align-items:flex-start}.work-context select{max-width:260px}.two-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:720px){body{font-size:14px}.sidebar{display:none;position:fixed;inset:64px auto 0 0;z-index:40;width:250px;box-shadow:12px 0 30px #1f293722;overflow:auto}.shell{margin-left:0}header{height:64px;padding:12px 16px;position:sticky;top:0;background:white;z-index:30;display:flex;gap:12px}.mobile-menu{display:block;font-size:19px;padding:2px 8px;margin-right:0}header>div{flex:1}.prototype{font-size:10px}main{padding:20px 14px}.demo{padding:10px 14px;font-size:11px;gap:6px}.demo .actions{gap:5px}.demo button{font-size:11px;padding:5px 8px}.heading h1{font-size:25px}.heading p{font-size:13px}.heading .actions{width:100%}.work-context{flex-direction:column}.work-context label,.work-context select{width:100%;max-width:none}.work-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.work-tabs button{flex-shrink:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat{padding:14px}.stat strong{font-size:23px}.two-cards{grid-template-columns:1fr}.kanban{overflow-x:auto;grid-auto-columns:270px;min-height:240px}.lane{min-width:250px}.fields{grid-template-columns:1fr!important}.form input,.form select,.form textarea{font-size:16px}.form{padding:20px}.panel-head{gap:12px;flex-wrap:wrap}.panel-head h2{font-size:17px}.area-zoom{justify-content:flex-start}.area-zoom>span{font-size:11px}.table-wrap{max-width:100%;overflow:auto}.pagination{align-items:flex-end}.pagination>span:first-child{width:100%}dialog{max-width:calc(100vw - 16px);width:calc(100vw - 16px);max-height:94dvh}.dialog-head{padding:14px 20px}.conflict .fields{display:block}.auth-mode #main{padding:20px 12px}.login-card{padding:25px}.report{overflow-wrap:anywhere}.tasks .actions button{font-size:11px;padding:4px 8px}}
@media print{.area-zoom,.mobile-menu,.demo,.delay-period:before{display:none!important}.zoom-surface{zoom:1!important}.report,.report-page{zoom:1!important}.nav-open .sidebar{display:none!important}}