@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/vazirmatn-arabic-wght-normal.woff2") format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/vazirmatn-latin-ext-wght-normal.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/vazirmatn-latin-wght-normal.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#f4f6fa;--surface:#fff;--soft:#f8fafc;--text:#151923;--muted:#697386;--line:#e4e8ef;--primary:#3157d5;--primary-dark:#2646b1;--dark:#172033;--success:#1d9a63;--success-soft:#e9f8f1;--danger:#d94b58;--danger-soft:#fff0f1;--warning:#d99018;--warning-soft:#fff7e8;--radius:18px;--shadow:0 14px 40px rgba(32,44,75,.07)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}h1,h2,p{margin-top:0}.app-shell{min-height:100vh}
.topbar{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid rgba(228,232,239,.9);background:rgba(255,255,255,.92);box-shadow:0 5px 24px rgba(22,31,55,.04);backdrop-filter:blur(14px)}
.brand,.public-brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(145deg,#3157d5,#1f3b9f);color:#fff;box-shadow:0 8px 20px rgba(49,87,213,.25);font-size:19px;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{margin-top:-2px;color:var(--muted);font-size:11px}
.topnav{display:flex;align-items:center;gap:8px}.topnav a{padding:9px 14px;border-radius:10px;color:var(--muted);font-weight:700}.topnav a:hover{background:#f0f3fb;color:var(--primary)}
.main-content{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:36px 0 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1,.public-title h1{margin-bottom:4px;font-size:clamp(25px,3vw,34px);line-height:1.4}.page-heading p,.public-title p,.panel-heading p{margin-bottom:0;color:var(--muted)}.compact-heading{align-items:center}.eyebrow{display:block;margin-bottom:5px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.03em}.back-link{display:inline-flex;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:700}.heading-actions,.share-actions,.form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border:0;border-radius:11px;cursor:pointer;font-weight:800;line-height:1;transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(49,87,213,.18)}.button-primary:hover{background:var(--primary-dark)}.button-light{border:1px solid var(--line);background:var(--surface);color:#3d4657}.button-dark{background:var(--dark);color:#fff}.button-block{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--dark);font-size:18px}.text-link{padding:0;border:0;background:transparent;color:var(--primary);cursor:pointer;font-weight:800}
.panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading h2{margin-bottom:2px;font-size:18px}.create-panel,.record-form-panel{margin-bottom:24px}.is-hidden{display:none!important}
.form-grid{display:grid;gap:16px}.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px;min-width:0}.field>span{color:#343b49;font-size:12px;font-weight:800}.field>span small{color:var(--muted);font-weight:500}.field small{color:var(--muted);font-size:11px}.field-wide{grid-column:1/-1}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #dce1e9;border-radius:11px;outline:none;background:#fff;color:var(--text);transition:border .15s,box-shadow .15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(49,87,213,.68);box-shadow:0 0 0 3px rgba(49,87,213,.1)}.two-cols{display:grid;grid-template-columns:1fr 110px;gap:12px}.divider{height:1px;margin:3px 0;background:var(--line)}.checks-grid{display:grid;gap:9px}
.check-row,.switch-row{display:flex;align-items:center;gap:10px;cursor:pointer}.check-row input{width:17px;min-height:17px;accent-color:var(--primary)}.switch-row input{position:absolute;width:1px;height:1px;opacity:0}.switch{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:99px;background:#ccd3df;transition:background .18s}.switch:after{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);content:"";transition:transform .18s}.switch-row input:checked+.switch{background:var(--primary)}.switch-row input:checked+.switch:after{transform:translateX(-18px)}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:12px}.switch-row small{color:var(--muted);font-size:10px}
.alert{margin-bottom:20px;padding:13px 16px;border:1px solid;border-radius:12px;font-size:13px;font-weight:700}.alert-success{border-color:#ccebdc;background:var(--success-soft);color:#14794d}.alert-error{border-color:#ffd3d8;background:var(--danger-soft);color:#b8323f}
.table-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.table-card{position:relative;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.table-card:before{position:absolute;top:0;right:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);content:"";opacity:.65}.table-card-top{display:flex;align-items:center;gap:7px;margin-bottom:18px;color:var(--muted);font-size:10px;font-weight:800}.visibility-dot{width:8px;height:8px;border-radius:50%;background:#9ca6b5}.visibility-dot.is-public{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.table-card h2{margin-bottom:5px;font-size:18px}.table-card>p{min-height:48px;margin-bottom:18px;color:var(--muted);font-size:12px}.card-stats{display:flex;gap:18px;margin-bottom:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.card-stats strong{color:var(--text);font-size:15px}.card-actions{display:flex;align-items:center;gap:8px}.inline-delete{margin-top:15px}.inline-delete button,.row-actions button,.column-actions button,.record-card-actions button{padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.inline-delete button:hover,.danger-link{color:var(--danger)!important}
.empty-state{display:grid;place-items:center;min-height:320px;padding:45px 24px;border:1px dashed #ced5e1;border-radius:var(--radius);background:rgba(255,255,255,.7);text-align:center}.empty-state h2,.empty-state h1{margin-bottom:5px;font-size:20px}.empty-state p{max-width:480px;margin-bottom:18px;color:var(--muted)}.empty-icon,.lock-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:15px;background:#edf1fc;color:var(--primary);font-size:22px;font-weight:700}.compact-empty{min-height:230px}
.share-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:16px 18px;border:1px solid #dbe2f7;border-radius:14px;background:#f1f4fd}.share-strip span,.share-strip strong{display:block}.share-strip span{margin-bottom:2px;color:var(--muted);font-size:10px;font-weight:700}.share-strip strong{color:#293c77;font-size:12px;direction:ltr;text-align:right}.settings-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-bottom:20px}
.status-builder{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.builder-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.status-option-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.8fr) 34px;gap:8px;margin-bottom:8px}.status-option-row input,.status-option-row select{min-height:39px;padding:7px 9px;font-size:11px}.remove-row{width:34px;min-height:34px;border:0;border-radius:9px;background:var(--danger-soft);color:var(--danger);cursor:pointer;font-size:18px}
.columns-panel{margin-top:20px}.column-list{display:grid;gap:9px}.column-item{display:grid;grid-template-columns:58px minmax(150px,1fr) minmax(180px,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.column-order{display:flex;gap:4px}.column-order button{width:27px;height:27px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.column-order button:disabled{cursor:not-allowed;opacity:.35}.column-meta strong,.column-meta span{display:block}.column-meta span{color:var(--muted);font-size:10px}.column-tags{display:flex;gap:5px;flex-wrap:wrap}.column-tags span{padding:3px 8px;border-radius:99px;background:#eaf0ff;color:#3953a4;font-size:9px;font-weight:700}.column-actions,.row-actions,.record-card-actions{display:flex;align-items:center;gap:10px}.column-actions a,.column-actions button,.row-actions a,.row-actions button{font-size:10px;font-weight:700}.mini-empty{padding:24px;border-radius:12px;background:var(--soft);color:var(--muted);text-align:center}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 14px}.filters{display:flex;align-items:center;gap:8px;flex:1}.filters select{max-width:170px}.search-box{position:relative;display:block;width:min(330px,100%)}.search-box>span{position:absolute;top:50%;right:13px;transform:translateY(-53%);color:var(--muted);font-size:20px}.search-box input{padding-right:40px}.result-count{color:var(--muted);font-size:11px;white-space:nowrap}
.data-table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);scrollbar-width:thin}.data-table{width:100%;min-width:720px;border-collapse:collapse;text-align:right}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.data-table th{position:sticky;top:0;z-index:2;background:#f7f9fc;color:#5a6475;font-size:10px;font-weight:800}.data-table td{font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfcfe}.row-number{color:#9aa3b2;direction:ltr;font-size:10px!important}.money,.ltr-value{direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}.muted{color:#a2aab7}
.status-badge{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:4px 9px;border:1px solid transparent;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.status-badge i{position:relative;display:inline-block;width:17px;height:17px;flex:0 0 17px;border-radius:50%}.status-loading{border-color:#f2dfb9;background:var(--warning-soft);color:#a4660b}.status-loading i{border:2px solid rgba(217,144,24,.25);border-top-color:var(--warning);animation:status-spin .75s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.status-check{border-color:#cdebdc;background:var(--success-soft);color:#167b50}.status-check i{background:var(--success)}.status-check i:after{position:absolute;top:4px;left:5px;width:6px;height:3px;border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";transform:rotate(-45deg)}.status-cross{border-color:#ffd1d6;background:var(--danger-soft);color:#b73542}.status-cross i{background:var(--danger)}.status-cross i:before,.status-cross i:after{position:absolute;top:4px;left:8px;width:2px;height:9px;border-radius:2px;background:#fff;content:""}.status-cross i:before{transform:rotate(45deg)}.status-cross i:after{transform:rotate(-45deg)}.status-cancel,.status-info{border-color:#dfe3ea;background:#f2f4f7;color:#667080}.status-cancel i,.status-info i{border:2px solid #8d96a5}.status-cancel i:after{position:absolute;top:6px;left:2px;width:9px;height:2px;border-radius:3px;background:#8d96a5;content:"";transform:rotate(-45deg)}.status-info i:after{position:absolute;inset:3px;border-radius:50%;background:#8d96a5;content:""}
.mini-answer{display:inline-flex;padding:3px 8px;border-radius:7px;font-size:10px;font-weight:800}.mini-answer.is-yes{background:var(--success-soft);color:var(--success)}.mini-answer.is-no{background:#f0f2f5;color:#788292}.mobile-records{display:none}
.auth-body{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(49,87,213,.12),transparent 28%),radial-gradient(circle at 85% 85%,rgba(47,158,111,.09),transparent 28%),#f3f5f9}.auth-shell{display:grid;place-items:center;width:100%;min-height:100vh;padding:24px}.auth-card{display:grid;gap:20px;width:min(430px,100%);padding:34px;border:1px solid rgba(220,225,234,.9);border-radius:23px;background:rgba(255,255,255,.95);box-shadow:0 24px 70px rgba(34,45,72,.12)}.auth-card h1{margin-bottom:3px;font-size:25px}.subtle{margin-bottom:0;color:var(--muted);font-size:12px}.install-shell{padding-top:55px;padding-bottom:55px}.install-shell .auth-card{width:min(530px,100%)}
.public-body{min-height:100vh;background:#f5f7fb}.public-shell{width:min(1400px,calc(100% - 50px));margin:0 auto;padding:45px 0 35px}.public-header{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr) 110px;align-items:start;gap:30px;padding:28px 30px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.public-header:after{position:absolute;top:-70px;left:-45px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(49,87,213,.12),transparent 65%);content:""}.public-brand{color:var(--muted);font-size:11px;font-weight:800}.public-title h1{margin-top:3px}.public-title p{max-width:760px;font-size:12px}.public-count{display:grid;place-items:center;min-height:82px;border:1px solid #dfe5f7;border-radius:17px;background:#f4f6fd}.public-count strong,.public-count span{display:block}.public-count strong{color:var(--primary);font-size:24px;line-height:1.2}.public-count span{color:var(--muted);font-size:10px}.public-toolbar{margin-top:18px}.public-data-table{box-shadow:0 12px 36px rgba(32,44,75,.06)}.public-footer{display:flex;justify-content:center;gap:8px;padding:28px 0 0;color:#9aa3b2;font-size:10px}.public-empty{min-height:calc(100vh - 90px)}
@media(max-width:1020px){.table-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.public-header{grid-template-columns:130px minmax(0,1fr) 95px;gap:20px}}
@media(max-width:760px){body{font-size:13px}.topbar{min-height:65px;padding:0 16px}.brand small{display:none}.brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:11px}.topnav a{padding:8px 9px;font-size:11px}.main-content{width:calc(100% - 28px);padding:24px 0 45px}.page-heading{align-items:stretch;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading>.button,.heading-actions .button{flex:1}.heading-actions{width:100%}.panel{padding:18px;border-radius:15px}.table-cards{grid-template-columns:1fr}.table-card>p{min-height:0}.card-actions .button{flex:1;padding:8px 10px;font-size:11px}.share-strip{align-items:stretch;flex-direction:column}.share-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-actions .button{flex:1}.column-item{grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.column-tags{grid-column:2/-1;grid-row:2}.column-actions{grid-column:3;grid-row:1}.record-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.filters{align-items:stretch;flex-direction:column}.filters .search-box,.filters select{width:100%;max-width:none}.result-count{text-align:left}.data-table-wrapper{display:none}.mobile-records{display:grid;gap:12px}.record-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(31,42,68,.055)}.record-card:before{position:absolute;top:0;right:0;bottom:0;width:3px;background:var(--primary);content:"";opacity:.7}.record-card-id{padding:9px 15px;border-bottom:1px solid var(--line);background:#fafbfd;color:#98a1af;direction:ltr;font-size:9px;text-align:right}.record-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:7px 14px}.record-field{min-width:0;padding:10px 5px;border-bottom:1px solid #edf0f4}.record-field:nth-last-child(-n+2){border-bottom:0}.record-field.is-primary{grid-column:1/-1;padding-top:13px}.record-field>span,.record-field>strong{display:block}.record-field>span{margin-bottom:3px;color:var(--muted);font-size:9px}.record-field>strong{overflow-wrap:anywhere;color:var(--text);font-size:11px;font-weight:700}.record-field.is-primary>strong{font-size:15px}.record-card-actions{padding:10px 18px;border-top:1px solid var(--line);background:#fafbfd}.record-card-actions a,.record-card-actions button{font-size:10px;font-weight:700}.auth-shell{padding:14px}.auth-card{padding:25px 20px;border-radius:18px}.two-cols{grid-template-columns:1fr 90px}.public-shell{width:calc(100% - 24px);padding:12px 0 25px}.public-header{grid-template-columns:1fr 72px;gap:16px;padding:20px 18px;border-radius:17px}.public-brand{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--line)}.public-title h1{font-size:22px}.public-title p{font-size:11px}.public-count{min-height:68px;border-radius:14px}.public-count strong{font-size:20px}.public-mobile-records .record-card-actions{display:none}.status-badge{min-height:27px;padding:3px 7px;font-size:9px}}
@media(max-width:410px){.card-actions{flex-wrap:wrap}.card-actions .icon-button{width:100%}.status-option-row{grid-template-columns:1fr 36px}.status-option-row select{grid-column:1;grid-row:2}.status-option-row .remove-row{grid-column:2;grid-row:1/3;height:100%}.record-card-body{grid-template-columns:1fr}.record-field.is-primary{grid-column:auto}.record-field:nth-last-child(-n+2){border-bottom:1px solid #edf0f4}.record-field:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Public table redesign — v1.0.2 */
.public-body{background:#f4f6fa;color:#171b26}
.public-shell{width:min(1180px,calc(100% - 32px));padding:28px 0 24px}
.public-header{grid-template-areas:"brand count" "title count";grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:7px 24px;min-height:0;padding:22px 24px;border-color:#e2e7f0;border-radius:18px;box-shadow:0 10px 30px rgba(28,39,66,.055)}
.public-header:after{top:-85px;left:-70px;width:190px;height:190px;opacity:.7}
.public-brand{grid-area:brand;gap:10px;color:#596477;font-size:12px}
.public-brand .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:17px}
.public-title{grid-area:title;min-width:0;padding-right:46px}
.public-title .eyebrow{margin-bottom:2px;color:#6f7a8d;font-size:10px;font-weight:600}
.public-title h1{margin:0;color:#171b26;font-size:30px;font-weight:800;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
.public-title p{margin-top:2px;color:#778195;font-size:12px}
.public-count{grid-area:count;min-height:74px;border-color:#dfe5f4;border-radius:15px;background:linear-gradient(145deg,#f7f9ff,#eef2fd)}
.public-count strong{font-size:23px;font-weight:800}.public-count span{font-size:10px;font-weight:600}
.public-toolbar{margin:14px 0 12px;padding:10px;border:1px solid #e3e8f0;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(28,39,66,.035)}
.public-toolbar .filters{width:100%;gap:9px}.public-toolbar .search-box{width:auto;max-width:none;flex:1}.public-toolbar input,.public-toolbar select{min-height:42px;border-color:#e0e5ed;background:#fafbfc}.public-toolbar .button{min-height:42px;padding-inline:21px}
.public-data-table{border-color:#e1e6ee;border-radius:14px;box-shadow:0 8px 28px rgba(31,42,68,.045)}
.public-data-table .data-table{min-width:640px}.public-data-table .data-table th{padding:13px 16px;background:#f7f8fb;color:#626d80;font-size:11px}.public-data-table .data-table td{padding:15px 16px;color:#252b38;font-size:13px}.public-data-table .data-table tbody tr:hover td{background:#fafbfe}
.public-footer{padding-top:20px;color:#9aa3b1;font-size:10px}
.public-mobile-records .record-card{border-color:#e1e6ee;box-shadow:0 7px 22px rgba(31,42,68,.045)}
.public-mobile-records .record-card:before{width:3px;background:linear-gradient(180deg,#3157d5,#758ee3)}
.public-mobile-records .record-card-id{font-weight:600}
.public-mobile-records .record-field>span{font-weight:500}.public-mobile-records .record-field>strong{line-height:1.75}

@media(max-width:760px){
    .public-shell{width:calc(100% - 20px);padding:10px 0 20px}
    .public-header{grid-template-areas:"brand count" "title title";grid-template-columns:minmax(0,1fr) 64px;gap:14px 12px;padding:15px;border-radius:16px}
    .public-brand{grid-column:auto;padding:0;border:0;font-size:11px}
    .public-brand .brand-mark{width:34px;height:34px;flex-basis:34px}
    .public-title{padding:0}
    .public-title .eyebrow{margin-bottom:3px;font-size:9px}
    .public-title h1{font-size:22px;line-height:1.5}
    .public-title p{font-size:10px;line-height:1.8}
    .public-count{min-height:58px;border-radius:13px}.public-count strong{font-size:19px}.public-count span{font-size:9px}
    .public-toolbar{margin:10px 0;padding:9px;border-radius:13px}
    .public-toolbar .filters{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px}
    .public-toolbar .search-box{grid-column:1/-1;width:100%}
    .public-toolbar .filters select{grid-column:1;width:100%;max-width:none}
    .public-toolbar .filters .button{grid-column:2;width:100%;padding-inline:10px}
    .public-toolbar .filters .text-link{grid-column:1/-1;text-align:center;font-size:10px}
    .public-mobile-records{gap:10px}
    .public-mobile-records .record-card{border-radius:14px}
    .public-mobile-records .record-card-id{padding:8px 13px}
    .public-mobile-records .record-card-body{padding:5px 12px}
    .public-mobile-records .record-field{padding:9px 5px}
    .public-mobile-records .record-field>span{font-size:9px}
    .public-mobile-records .record-field>strong{font-size:11px}
    .public-mobile-records .record-field.is-primary>strong{font-size:14px}
    .public-footer{padding-top:16px}
}

@media(max-width:360px){
    .public-toolbar .filters{grid-template-columns:1fr}
    .public-toolbar .filters select,.public-toolbar .filters .button{grid-column:1}
    .public-mobile-records .record-card-body{grid-template-columns:1fr}
    .public-mobile-records .record-field.is-primary{grid-column:auto}
    .public-mobile-records .record-field{border-bottom:1px solid #edf0f4}
    .public-mobile-records .record-field:last-child{border-bottom:0}
}

/* Solar and settlement dates */
.field>.settlement-editor{display:grid;gap:8px;color:var(--text);font-size:12px;font-weight:400}
.settlement-editor-rows{display:grid;gap:8px}
.settlement-editor-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px}
.settlement-editor-row input{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}
.settlement-editor-row button{border:1px solid #ffd5da;border-radius:10px;background:#fff2f3;color:var(--danger);cursor:pointer;font-size:18px}
.add-settlement-date{justify-self:start;padding:6px 11px;border:1px dashed #bfcbee;border-radius:9px;background:#f5f7ff;color:var(--primary);cursor:pointer;font-size:10px;font-weight:750}
.settlement-editor small{color:var(--muted);font-size:10px;font-weight:400}
.settlement-date-list{display:flex;align-items:center;gap:6px;max-width:300px;flex-wrap:wrap;white-space:normal}
.settlement-date-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid #dce4f7;border-radius:9px;background:#f5f7fd;color:#405174;direction:rtl;font-size:10px;font-weight:700;white-space:nowrap}
.settlement-date-chip i{position:relative;width:14px;height:14px;flex:0 0 14px;border:1.5px solid #7184b8;border-radius:4px}
.settlement-date-chip i:before{position:absolute;top:2px;right:1.5px;left:1.5px;height:1.5px;background:#7184b8;content:""}
.settlement-date-chip i:after{position:absolute;top:-2px;right:2px;width:2px;height:4px;border-radius:2px;background:#7184b8;box-shadow:-6px 0 0 #7184b8;content:""}

@media(max-width:760px){
    .settlement-date-list{max-width:100%;gap:5px}
    .settlement-date-chip{min-height:26px;padding:3px 7px;font-size:9px}
    .settlement-editor-row{grid-template-columns:minmax(0,1fr) 38px}
}