/* Dedicated mobile app templates; desktop styles are unchanged. */
.mobile-app-nav,.mobile-app-title,.mobile-more{display:none}
@media(max-width:600px){
:root{--mobile-header:62px;--mobile-footer:68px}
body{background:#f5f8fc}.shell{margin-left:0;padding-top:var(--mobile-header);padding-bottom:calc(var(--mobile-footer) + env(safe-area-inset-bottom))}
.shell>header{position:fixed;inset:0 0 auto;z-index:20;height:var(--mobile-header);padding:0 16px;gap:12px;background:white}
.mobile-app-title{display:block;flex:1;min-width:0;font-size:17px;font-weight:bold;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell>header .search{display:none}.shell>header .profile{margin-left:0}.shell>header button{min-width:36px;min-height:40px}
main{padding:16px 14px;max-width:none}.heading{margin-bottom:16px}.heading h1{display:none}.heading p{font-size:13px}.heading .actions{margin-top:12px;gap:8px}.heading .actions .btn{flex:1;padding:0 10px}
.card{padding:16px;border-radius:12px}.card-head{margin-bottom:14px}h2{font-size:16px}.columns,.access-columns,.entity-columns,.settings-columns,.reminder-columns,.storage-columns,.upload-columns{display:flex;flex-direction:column;gap:14px}
.columns>*,.access-columns>*,.entity-columns>*,.settings-columns>*,.reminder-columns>*,.storage-columns>*,.upload-columns>*{width:100%}.stack{gap:14px}
.kpis{gap:10px;margin-bottom:14px}.kpi{padding:14px 12px;border-radius:12px;min-width:0}.kpi .circle{width:34px;height:34px}.kpi strong{font-size:24px}.kpi small{font-size:13px}.kpi{gap:10px}
/* Compact mobile table template: priority columns, with details available per row. */
.table-wrap{border:1px solid var(--line);border-radius:9px;max-height:480px;overflow:auto;scrollbar-gutter:auto}
.table-wrap table,main table{display:table;min-width:0!important;width:100%;table-layout:fixed}
main table colgroup{display:none}main table thead{display:table-header-group}main table tbody{display:table-row-group}
main table tbody tr{display:table-row;height:48px!important;background:#fff;border:0;border-radius:0;padding:0}
main table tbody td,main table th{display:table-cell;height:48px!important;min-width:0;padding:5px 7px;border-top:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:17px}
main table th{height:36px!important;background:#f1f5fa;font-size:13px;position:sticky;top:0;z-index:1}
main table td[data-mobile="hide"],main table th[data-mobile="hide"]{display:none}
main table td:before{display:none}.table-wrap .doc{min-width:0;gap:7px}.table-wrap .doc strong,.table-wrap .sub,.file-label>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrap .doc strong{font-size:13px}
main table [data-mobile="name"]{width:auto!important}main table [data-mobile="status"]{width:95px!important}main table [data-mobile="action"]{width:58px!important}main table [data-mobile="check"]{width:28px!important;padding:4px}
main table .mobile-row-details{width:30px;padding:0}.mobile-row-details button{width:30px;height:40px;color:var(--blue);font-size:22px}.table-wrap .pill{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;padding:3px 6px}
.table-wrap .member-name{gap:6px}.table-wrap .member-name .avatar{width:28px;height:28px;min-width:28px;min-height:28px}.table-wrap .member-name strong{font-size:13px}.table-wrap .file{padding:7px 4px;font-size:9px}.file-art{width:17px;height:22px}
.entity-list,.document-list,.register-table,.file-table,.bounded{max-height:480px;overflow:auto}
.tabs{overflow:auto;scrollbar-width:none;margin-bottom:14px}.tabs button{min-height:44px;padding:10px 12px}.filters{gap:8px}.filters input,.filters select{min-height:44px;min-width:0}.filters input{flex-basis:100%}
.browser{display:flex;flex-direction:column}.browser-panel{padding:14px}.tree-panel{padding:10px 14px}.tree-panel .tree-scroll{display:none}.tree-panel.mobile-tree-open .tree-scroll{display:block;max-height:240px;height:auto}.mobile-folder-toggle{min-height:44px;text-align:left;color:var(--blue);font-size:14px;font-weight:bold;width:100%}
.browser-head{gap:8px}.browser-head>div{flex-basis:100%}.browser-head input{flex:1;min-width:0}.location-scroll{max-height:none;overflow:visible}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-card{padding:12px}.file-grid{grid-template-columns:1fr}.folder-card .open{white-space:normal}
.mockup-navigation,.mock-label{display:none}.mobile-app-nav{display:flex;position:fixed;inset:auto 0 0;z-index:25;height:calc(var(--mobile-footer) + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);justify-content:space-around;box-shadow:0 -3px 16px #10295708}
.mobile-app-nav a,.mobile-app-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:56px;color:var(--muted);font-size:13px;text-decoration:none;padding:4px;border-radius:8px}.mobile-app-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-app-nav .active{color:var(--blue);background:#edf4ff;font-weight:bold}
.mobile-more{display:block;width:calc(100% - 24px);max-width:430px;max-height:75dvh;overflow:auto;border-radius:18px;padding:20px}.mobile-more:not([open]){display:none}.mobile-more .more-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mobile-more nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-more a{display:block;padding:15px 12px;background:#f1f5fa;border-radius:9px;color:var(--navy);text-decoration:none;font-size:14px}.mobile-more button{min-height:40px;min-width:40px}
aside.open{z-index:30;padding-top:20px}.toast{bottom:85px;max-width:calc(100% - 24px)}dialog{max-height:calc(100dvh - 30px);overflow:auto}.details,.form-grid{grid-template-columns:1fr}.askbar input{font-size:14px}.composer{padding:12px}.composer input{font-size:14px}.suggestions .btn{width:100%;height:auto!important;min-height:44px}.auth-main{padding-bottom:45px}
}

.mobile-drawer-head,.mobile-drawer-backdrop,.mobile-search-toggle,.mobile-row-details{display:none}
@media(max-width:600px){
.mobile-row-details{display:table-cell}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 16px;border-bottom:1px solid var(--line);margin-bottom:16px;font-size:17px;font-weight:bold}.mobile-drawer-head button{width:44px;height:44px;font-size:28px;color:var(--navy)}
aside.open{width:min(300px,85vw);height:100dvh;overflow-y:auto}.mobile-drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#10295766;z-index:29;border:0}body.mobile-drawer-open{overflow:hidden}
.mobile-search-toggle{display:flex;align-items:center;justify-content:center}.mobile-search-toggle svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}
.shell>header.mobile-search-open .search{display:block;position:absolute;top:62px;left:0;right:0;max-width:none;padding:10px 14px;background:white;border-bottom:1px solid var(--line)}.shell>header.mobile-search-open input{width:100%;min-height:42px}.shell:has(header.mobile-search-open){padding-top:126px}
.mobile-record-details{width:calc(100% - 24px);max-width:450px;border-radius:16px;padding:18px}.mobile-record-details .more-head{display:flex;justify-content:space-between;align-items:center}.mobile-record-details .more-head button{width:44px;height:44px;font-size:26px}.mobile-record-fields{display:grid;gap:12px;margin-top:14px}.mobile-record-fields div{padding:10px 0;border-bottom:1px solid var(--line)}.mobile-record-fields small{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.mobile-record-fields p{font-size:14px;color:var(--navy);overflow-wrap:anywhere}.mobile-record-fields button{min-height:40px;color:var(--blue);font-size:14px}
.profile-head,.member-head{min-width:0;flex-wrap:wrap}.card-head h2{min-width:0}.heading .actions{flex-wrap:wrap}.heading .actions .btn{flex:0 1 auto}.kpi small{font-size:13px!important}.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fields dd{min-width:0;overflow-wrap:anywhere}
}