/* Mobile application shell; desktop layout remains in app.css. */
.mobile-tabs{display:none}.document-mode{display:flex;gap:6px;margin-bottom:18px}.document-mode button.active{background:var(--teal);color:white}.document-reader{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;margin:20px 0;overflow-wrap:anywhere}.reader-meta{font-size:12px;color:var(--muted)}.reader-body{line-height:1.95;font-size:16px}.reader-body table{border-collapse:collapse;min-width:580px;width:100%}.reader-body td,.reader-body th{border:1px solid #cbd8d0;padding:10px;vertical-align:top}.reader-table{overflow:auto;max-width:100%;margin:18px 0}.reading-document .document-layout>div{display:none}.reading-document .document-layout{display:block}.reading-document .document-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.more-menu{display:grid;gap:10px}.more-menu a{padding:18px;background:var(--pale);border-radius:10px}.more-menu span{display:block;font-size:12px;color:var(--muted)}.more-menu button{margin-top:12px;min-height:48px}
@media(max-width:760px){
body{font-size:15px}#workspace[hidden]{display:none}.sidebar{display:none}.main{margin:0;min-width:0}.topbar{position:sticky;top:0;z-index:5;height:auto;min-height:54px;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:#f3f4f6f5;backdrop-filter:blur(12px)}.topbar>span:first-child{font-size:0}.topbar .slash{display:none}#breadcrumb{font-size:16px;font-weight:700;color:var(--ink)}.private-label{display:block;font-size:10px}.content{padding:22px 16px calc(100px + env(safe-area-inset-bottom));max-width:100%;overflow-wrap:anywhere}.mobile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:8;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px max(6px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));margin:0;overflow:visible;gap:2px}.mobile-tabs a,.mobile-tabs button{display:flex;flex-direction:column;justify-content:center;gap:0;min-height:54px;padding:3px 0;border:0;border-radius:10px;color:#758181;background:transparent;line-height:1.4}.mobile-tabs b{font-size:23px;font-weight:400;height:28px}.mobile-tabs span{font-size:11px}.mobile-tabs .active{color:var(--teal);background:var(--pale);font-weight:700}button,.text-btn,.data button{min-height:44px;font-size:14px;padding:10px 12px}input,select,textarea{font-size:16px;min-height:46px}input[type=checkbox]{min-height:24px;width:24px;vertical-align:middle}.page-head{gap:14px;margin-bottom:20px}.page-head h1{font-size:25px}.page-head .actions{width:100%}.page-head .actions button{flex:1;white-space:normal}.page-head .actions>a{min-height:44px;display:flex;align-items:center}.hero{padding:20px;border-radius:16px}.hero h2{font-size:21px}.hero p br{display:none}.hero a{display:inline-block;padding:8px 0}.stats{gap:10px}.stat{border-radius:14px;padding:15px}.stat strong{font-size:29px}.stat small{font-size:11px}.panel{padding:17px;border-radius:14px;margin-bottom:16px}.panel-header{gap:10px;flex-wrap:wrap}.row-item{gap:10px;flex-wrap:wrap}.row-item>div{min-width:0}.row-title{font-size:14px}.badge{font-size:11px}.filters{display:grid;grid-template-columns:1fr;gap:8px}.filters select{max-width:none}.card-table,.card-table tbody{display:block;width:100%}.card-table thead{display:none}.card-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.card-table tr:first-child{padding-top:0}.card-table tr:last-child{border:0;padding-bottom:0}.card-table td,.card-table tr:last-child td{display:block;border:0;padding:0;max-width:none!important;font-size:12px}.card-table td:first-child{grid-column:1/-1}.card-table td:first-child a{font-size:16px;line-height:1.6;padding:4px 0}.card-table td:nth-child(3){text-align:right;color:var(--muted)}.card-table td:nth-child(4){grid-column:1/-1}.card-table td small{display:inline-block}.card-table .actions{justify-content:flex-end}.card-table .file-name+small{font-size:12px}.document-mode{position:sticky;top:calc(54px + env(safe-area-inset-top));z-index:4;background:var(--bg);padding:8px 0;margin-top:-12px}.document-mode button{flex:1}.document-reader{padding:20px 17px;margin:0 0 18px;border-radius:14px}.document-reader h1{font-size:23px;line-height:1.6;margin:12px 0 22px}.reader-body h2{font-size:20px;margin-top:28px}.reader-body h3{font-size:18px}.reader-body ul,.reader-body ol{padding-left:24px}.reading-document .document-aside{grid-template-columns:1fr}.document-meta{gap:0}.document-meta label{margin-bottom:10px}.editor-title{padding:18px;font-size:19px}.ql-toolbar.ql-snow{padding:8px 4px}.ql-snow.ql-toolbar button{min-height:36px;width:36px;height:36px;padding:8px}.ql-toolbar .ql-formats{margin-right:5px!important}.ql-editor{font-size:16px;padding:18px;min-height:350px;overflow:auto}.ql-editor table{min-width:560px}.editor-footer{padding:14px}.editor-footer .actions{align-items:stretch;flex-direction:column}.editor-footer .primary{width:100%;min-height:48px}.doc-tools{flex-wrap:wrap}.doc-tools button{font-size:12px;flex:1}.document-aside{display:block}.form-row,.settings-grid,.diff{grid-template-columns:1fr}.settings-grid{gap:0}.event-card{padding:15px}.event-card .actions{gap:10px}.progress-track{padding-left:18px}.event:before{left:-25px}.update-item{padding:13px}.update-item header{align-items:stretch;flex-direction:column}.update-item label{margin-bottom:0}.update-item header button{align-self:flex-end}dialog{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);margin:auto 0 0;border-radius:20px 20px 0 0;padding:28px 18px calc(24px + env(safe-area-inset-bottom));overflow:auto}dialog h2{padding-right:35px}.dialog-close{min-width:44px;min-height:44px;top:8px;right:8px}.diff-content{max-height:300px}.upload-zone{padding:15px 4px}.upload-zone input{font-size:14px}.toast{left:16px;right:16px;bottom:calc(87px + env(safe-area-inset-bottom));padding:14px 18px;font-size:14px}.login{min-height:100dvh}.login-box{padding:26px;width:min(100%,420px)}.loading{padding:40px 15px}.data:not(.card-table){min-width:480px}
}