/* Phone layouts are designed independently of the desktop table layout. */
.mobile-menu{display:none}
@media(max-width:700px){
 html{scroll-padding-top:120px}body{font-size:16px;overflow-wrap:anywhere}.workspace,main,.card,.grid,.profile-layout,.profile-layout>div{min-width:0}main{padding:24px 16px 32px}h1{font-size:26px;line-height:1.25;letter-spacing:-.7px}h2{font-size:19px}h3{font-size:16px}.eyebrow{font-size:10px}.sub,.pagehead .sub,.hero p,.rule p,.documentgrid p,.statusbox p,.listitem p,.activityitem p,.note{font-size:14px;line-height:1.65}.mini{font-size:12px}
 .sidebar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px;gap:12px}.brand{font-size:17px}.brand small{font-size:9px}.mobile-menu{display:block;color:white;border:1px solid #6d8c7d;background:#294e43;border-radius:6px;min-height:44px;padding:10px 14px;font-size:14px}.sidebar nav{display:none;width:100%;margin:0;overflow:visible;grid-template-columns:1fr 1fr;gap:6px}.sidebar.menu-open nav{display:grid}.sidebar nav a{white-space:normal;min-height:48px;font-size:13px;line-height:1.4;padding:10px 12px}.sidebar nav svg{display:block;flex:0 0 18px}.noticecount{font-size:11px}.sidebar nav a.active{box-shadow:inset 3px 0 #c2c99e}
 header{display:block;padding:12px 16px;min-height:100px}.rolecontrols{width:100%;margin:0}.rolecontrols>span{font-size:10px;margin-bottom:15px;line-height:18px}.role-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px}.role-switch button{min-height:46px;padding:7px 3px;white-space:normal;font-size:11px;line-height:1.3}.profile-shortcut{position:absolute;top:6px;right:16px;min-width:44px;min-height:36px;justify-content:center}.profile-shortcut .avatar{height:32px;width:32px;display:grid}.demobar{font-size:11px;line-height:1.5;padding:12px 16px;gap:9px}.demobar>span{font-size:10px}.demobar button{margin-left:auto;min-height:44px;font-size:12px}
 button,.btn,.textbutton,select{touch-action:manipulation}.btn{min-height:48px;font-size:14px;padding:12px 16px}.textbutton{min-height:44px;display:inline-flex;align-items:center;font-size:13px;text-align:left}.pagehead{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:24px}.pagehead>.btn{width:100%}.hero{padding:22px}.hero h2{font-size:25px}.stats{gap:10px}.stat{padding:17px 14px}.stat label{font-size:13px}.stat strong{font-size:25px}.stat small{font-size:12px;line-height:1.5}.cardhead{padding:18px;align-items:flex-start;flex-wrap:wrap}.cardhead h2{font-size:17px}.cardfoot{padding:16px 18px}.pad{padding:18px}.badge{font-size:11px;padding:6px 9px;white-space:normal}.activityitem b,.listitem b{font-size:14px}.activityitem{gap:12px}.split{flex-wrap:wrap;gap:12px}.documentgrid{gap:16px}.documentgrid h3{font-size:17px}
 .toolbar{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.toolbar input{min-width:0;width:100%}select,input:not([type=checkbox]):not([type=file]),textarea{font-size:16px;min-height:48px;max-width:100%}.field{font-size:14px}.field>span{margin-bottom:9px}.field input[type=file]{font-size:14px;width:100%;padding:12px 0}.formgrid{gap:4px}.check{font-size:14px;gap:12px;padding:10px 0}.check input,.access{min-width:24px;width:24px;height:24px;flex-shrink:0}.actions{gap:10px}.actions .btn{flex:1 1 150px}.searchchip{min-height:44px;font-size:13px;padding:9px 14px}.searchsuggestions{gap:8px;font-size:13px}.searchsummary{font-size:15px;line-height:1.6}.searchresult h3{font-size:16px}.searchresult p{font-size:15px;line-height:1.8}.searchresult .actions{gap:10px;flex-direction:column}.searchresult .textbutton{width:100%}.searchidle p,.searchidle small{font-size:14px}.rule{padding:16px}.rule h3{font-size:16px;line-height:1.5}.rulemeta{font-size:12px;gap:12px;line-height:1.5}.rule blockquote{font-size:15px;line-height:1.7}.fullpagetext{font-size:15px;line-height:1.8}
 .profile-layout{gap:18px}.profileidentity{padding:24px 18px}.profileidentity p{font-size:13px}.profiledetail{padding-bottom:16px;margin-bottom:16px}.profiledetail span{font-size:13px}.profiledetail b{font-size:16px}.profiledetail small{font-size:12px;line-height:1.5}.profile-stats{grid-template-columns:1fr 1fr;gap:10px}.profile-stats .stat:last-child{grid-column:1/-1}.profile-stats .stat{padding:18px 14px}.profile-stats strong{font-size:23px;letter-spacing:-.5px}.profile-stats .stat:last-child strong{font-size:21px}
 .tablewrap{overflow:visible}.mobile-cards,.profile-layout .mobile-cards{display:block;width:100%;min-width:0!important}.mobile-cards thead{display:none}.mobile-cards tbody{display:block}.mobile-cards tr{display:block;border-top:1px solid var(--line);padding:16px 18px}.mobile-cards tr:first-child{border-top:0}.mobile-cards td{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0;border:0;font-size:14px;line-height:1.5;white-space:normal!important;min-width:0;text-align:right}.mobile-cards td::before{content:attr(data-label);font-size:12px;color:var(--muted);text-align:left;flex:0 0 82px;font-weight:500}.mobile-cards td[data-label=""]::before{display:none}.mobile-cards td[data-label=""]{justify-content:flex-end}.mobile-cards td b{font-size:14px}.mobile-cards td small{font-size:12px}.mobile-cards td .textbutton{margin-left:auto}.mobile-cards td.empty{display:block;text-align:center}.mobile-cards td.empty::before{display:none}.mobile-cards td>.access{margin:8px 0}.mobile-cards td:first-child{padding-top:2px;padding-bottom:14px;flex-wrap:wrap;text-align:left}.mobile-cards td:first-child::before{flex-basis:100%}.mobile-cards td:first-child b{width:100%;margin:0}.mobile-cards td:first-child small{width:100%}.mobile-cards td:first-child .textbutton{margin:0;font-size:15px}.rowlink{border-bottom:5px solid var(--paper)}
 dialog{width:100%;max-width:none;max-height:94dvh;margin:auto 0 0;border-radius:16px 16px 0 0;padding:20px 18px max(24px,env(safe-area-inset-bottom));overflow:auto}.modalhead{position:sticky;top:-20px;background:#fff;padding:12px 0;z-index:2;margin-bottom:14px}.modalhead h2{font-size:18px;line-height:1.5}.close{min-width:44px;width:44px;height:44px;font-size:25px}.tickettitle{font-size:22px;line-height:1.4}.timeline{gap:6px}.timeline span{font-size:12px;min-height:40px;display:grid;place-items:center}.letteredit{font-size:16px;line-height:1.7;min-height:55dvh}.empty{font-size:14px;padding:24px 18px}#toast{left:16px;right:16px;transform:none;bottom:max(16px,env(safe-area-inset-bottom));font-size:14px;padding:16px;line-height:1.5}footer{font-size:13px;padding:20px 16px max(24px,env(safe-area-inset-bottom));gap:10px}footer span,footer small{font-size:12px;line-height:1.5}footer small{margin:0}
}
@media(max-width:700px){.demobar{display:grid;grid-template-columns:1fr auto;gap:0 10px}.demobar>span:first-child{grid-column:1;grid-row:1}.demobar .demo-description{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.6;letter-spacing:0;font-weight:400;color:#74775b;white-space:normal}.demobar button{grid-column:2;grid-row:1;margin:0}.profileidentity{padding:20px 18px}.profileidentity .profile-avatar{height:54px;width:54px;font-size:23px;margin-bottom:12px}.profileidentity h2{font-size:20px}.profile-layout>section>.pad{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profiledetail{margin:0;padding-bottom:12px}.profiledetail b{font-size:14px}}
.demobar>.demo-description{font-size:10px;letter-spacing:0;font-weight:400;white-space:normal;color:#74775b}@media(max-width:700px){.demobar>.demo-description{font-size:11px}.mobile-cards .cell-value{display:block;flex:1;min-width:0;text-align:right}.mobile-cards .cell-value b,.mobile-cards .cell-value small{display:block}.mobile-cards .cell-value small{margin-top:4px}.mobile-cards td:first-child{flex-wrap:nowrap;text-align:right;padding:8px 0 12px}.mobile-cards td:first-child::before{flex-basis:82px}.mobile-cards .cell-value .textbutton{justify-content:flex-end}.mobile-cards .cell-value .access{width:30px;height:30px;margin:7px 0}}