.pwa-card{margin-bottom:24px}.pwa-title{display:flex;align-items:center;gap:16px;min-width:0}.pwa-title img{border-radius:14px;flex:none}.pwa-title h2{line-height:1.35}.pwa-body{padding:24px;line-height:1.7;min-width:0}.pwa-body>p{color:#74747c;font-size:13px;margin:0 0 18px}.pwa-body ol{font-size:13px;padding-left:22px;margin-bottom:22px}.pwa-body li{padding-left:5px;margin:10px 0}.pwa-status{display:grid;gap:5px;padding:17px;background:#f6f6f8;border:1px solid #e8e8ec;border-radius:12px;margin-bottom:20px}.pwa-status span{font-size:12px;color:#777}.pwa-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.pwa-privacy{display:flex;align-items:start;gap:12px;font-size:13px;margin:24px 0}.pwa-privacy input{margin-top:5px;accent-color:#222}.pwa-privacy small,.pwa-devices small{display:block;color:#80808a;font-size:12px;margin-top:4px}.pwa-devices h3{font-size:14px}.pwa-devices>div{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:15px 0}.pwa-devices span{min-width:0;overflow-wrap:anywhere}.pwa-update{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:14px;padding:14px 18px;width:max-content;max-width:calc(100% - 28px);background:#17171c;color:white;border-radius:12px;box-shadow:0 6px 30px #0004;font-size:13px}.pwa-update button{padding:9px 12px;border:0;border-radius:7px;white-space:nowrap}
@media(max-width:700px){.heading-actions{display:flex;flex-wrap:wrap!important;justify-content:center;width:100%;min-width:0;gap:10px}.heading-actions>button{flex:1 1 145px;max-width:100%;white-space:normal!important;min-height:44px}.pwa-title{align-items:start;gap:12px}.pwa-title h2{font-size:19px}.pwa-body{padding:20px}.pwa-actions{flex-direction:column}.pwa-actions button{width:100%;min-height:44px}.pwa-devices>div{align-items:start;flex-direction:column}.pwa-update{align-items:stretch;flex-direction:column;text-align:center}.pwa-privacy input{min-width:20px;min-height:20px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.app-topbar{padding-top:env(safe-area-inset-top);min-height:70px;height:auto}.sidebar{padding-top:max(25px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));max-width:calc(100vw - 36px)}main{padding-bottom:max(26px,env(safe-area-inset-bottom))}.icon-button{min-width:44px;min-height:44px}.dialog-actions{flex-wrap:wrap}.dialog-actions>button{min-height:44px}.sales-email-frame{min-height:260px;height:46dvh}.svc-save-bar{padding-bottom:max(18px,env(safe-area-inset-bottom))}.settings-card,.svc-section,.fin-workspace,.tw-workspace{min-width:0}.pwa-body .svc-help{line-height:1.7}#global-search{font-size:16px!important}.fin-filters label{min-width:0;flex:1 1 140px}.tw-toolbar,.svc-toolbar,.access-detail-actions{flex-wrap:wrap}.pwa-card header{padding:20px}.public-header{gap:14px}.public-header>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pwa-update{scroll-behavior:auto;animation:none}}

.pwa-setup{margin-top:24px}.pwa-setup>summary{cursor:pointer;padding:15px 18px;background:#fff;border:1px solid #e5e5ea;border-radius:10px;font-size:13px;min-height:44px}.pwa-setup[open]>summary{margin-bottom:16px}

.pwa-preview-control,.pwa-test-example{display:grid;gap:8px;font-size:11px;min-width:0;max-width:100%}.pwa-preview-control select,.pwa-test-example select{background:#fff;border:1px solid #dedee7;border-radius:10px;padding:10px;font:inherit;max-width:100%;min-width:0;width:100%}.pwa-test-example{max-width:360px;margin:18px 0}.pwa-devices>div{flex-wrap:wrap}.pwa-preview-control{flex:1 1 240px}.pwa-devices>div>span{flex:1 1 180px}@media(max-width:650px){.pwa-preview-control{flex-basis:100%}.pwa-devices>div>button{margin-left:auto}}

@media(max-width:650px){
.mobile-record-cards{overflow:visible!important;padding:10px 14px 16px}.mobile-record-cards table{display:block;min-width:0!important;width:100%!important}.mobile-record-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-record-cards tbody{display:grid;gap:14px;width:100%}.mobile-record-cards tr{display:block;width:100%;background:#fff;border:1px solid #e5e5ed;border-radius:14px;overflow:hidden;padding:6px 0}.mobile-record-cards td{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:8px;padding:11px 14px!important;white-space:normal!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere;border-bottom:1px solid #f0f0f4!important}.mobile-record-cards td:before{content:attr(data-label);font-size:10px;color:#858591;line-height:1.7;grid-column:1;grid-row:1/5;align-self:start}.mobile-record-cards td>*{grid-column:2;min-width:0!important;max-width:100%}.mobile-record-cards td:first-child{display:block;background:#fafafd;padding:16px 14px!important}.mobile-record-cards td:first-child:before{display:none}.mobile-record-cards td:last-child{border-bottom:0!important}.mobile-record-cards .company-cell{min-width:0}.mobile-record-cards .client-actions{flex-wrap:wrap}.mobile-record-cards .row-button,.mobile-record-cards .secondary-button{min-height:44px}.mobile-record-cards strong,.mobile-record-cards small{white-space:normal;overflow-wrap:anywhere}.mobile-record-cards td:empty{display:none}
}

#workflow-leave-dialog{width:min(480px,calc(100vw - 32px));border:1px solid #e2e2e9;border-radius:18px;padding:0;box-shadow:0 24px 80px #0003}#workflow-leave-dialog::backdrop{background:#1118;backdrop-filter:blur(4px)}.workflow-leave-content{padding:28px}.workflow-leave-content h2{font-size:23px;letter-spacing:-.5px}.workflow-leave-content p{font-size:13px;color:#777;line-height:1.8}.workflow-leave-content .dialog-actions{margin-top:24px;gap:10px}@media(max-width:650px){.workflow-leave-content{padding:23px}.workflow-leave-content .dialog-actions{display:grid;grid-template-columns:1fr}.workflow-leave-content button{width:100%}}
@media(max-width:650px){.fin-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.fin-filters label,.fin-filters label:nth-child(4){min-width:0;width:100%;max-width:100%}.fin-filters>button{width:100%;min-width:0;min-height:44px}.fin-navigation .tw-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;white-space:normal;gap:5px;border-radius:14px}.fin-navigation .tw-views button{min-width:0;width:100%;min-height:44px;white-space:normal}.fin-navigation .tw-views button:last-child{grid-column:1/-1}.fin-navigation>div:last-child{width:100%;display:grid;grid-template-columns:1fr}.fin-navigation>div:last-child>*{width:100%}}
