:root{--navy:#071d2b;--navy-2:#0b293a;--teal:#0e9f91;--teal-2:#12b8a7;--aqua:#dcf8f4;--blue:#2877e8;--bg:#f3f6f9;--surface:#fff;--text:#172b3a;--muted:#70818f;--line:#dfe7ed;--danger:#e5484d;--warning:#e6a23c;--success:#20a464;--radius:14px;--shadow:0 8px 30px rgba(17,43,60,.08)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}.d-none{display:none!important}.btn{border-radius:10px;font-weight:700;min-height:40px}.btn-primary{background:var(--teal);border-color:var(--teal)}.btn-primary:hover{background:#0a887d;border-color:#0a887d}.btn-light{background:#f4f7f9;border-color:#e5ebef}.form-control,.form-select,.ts-control{min-height:43px;border-radius:10px;border:1px solid var(--line);font-size:.89rem}.form-control:focus,.form-select:focus,.ts-wrapper.focus .ts-control{border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(14,159,145,.12)}
.global-loader{position:fixed;inset:0;z-index:3000;background:rgba(7,29,43,.68);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#fff;font-weight:700}.loader-orbit{width:48px;height:48px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loader-orbit span{display:none}@keyframes spin{to{transform:rotate(360deg)}}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);background:#eef4f7}.auth-visual{position:relative;display:flex;align-items:flex-end;min-height:100vh;padding:7vw;background:linear-gradient(120deg,rgba(4,27,40,.94),rgba(7,63,74,.77)),radial-gradient(circle at 70% 20%,#0da89c 0,transparent 32%),#071d2b;overflow:hidden}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.auth-visual:before{width:620px;height:620px;right:-180px;top:-170px}.auth-visual:after{width:360px;height:360px;right:50px;top:50px}.auth-copy{max-width:760px;color:#fff;position:relative;z-index:2}.app-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--teal-2),#64dfd2);display:grid;place-items:center;font-size:1.8rem;margin-bottom:28px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#74e4da}.auth-copy h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.055em;font-weight:800;max-width:780px;margin:14px 0 24px}.auth-copy>p{font-size:1.05rem;line-height:1.7;color:#bdd3db;max-width:660px}.auth-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.auth-features span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:.8rem}.auth-features i{color:#69dcd1;margin-right:6px}.auth-panel{display:grid;place-items:center;padding:30px}.auth-card{width:min(100%,440px);background:#fff;border-radius:22px;padding:32px;box-shadow:0 35px 80px rgba(7,29,43,.16)}.auth-card-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}.auth-card-head h2{font-size:1.45rem;font-weight:800;margin:0}.auth-card-head p{margin:3px 0 0;color:var(--muted)}.mini-logo{width:48px;height:48px;border-radius:15px;background:var(--aqua);color:var(--teal);display:grid;place-items:center;font-size:1.25rem}.field-wrap{margin-bottom:17px}.field-wrap>label{display:block;font-size:.75rem;font-weight:800;color:#526675;margin-bottom:7px;text-transform:uppercase;letter-spacing:.035em}.field-control{position:relative}.field-control>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#81919c}.field-control .form-control{padding-left:42px;padding-right:43px}.field-action{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;background:transparent;color:#81919c}.auth-security{text-align:center;color:#8a9aa5;font-size:.74rem;margin-top:24px}.auth-security i{color:var(--success)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:68px minmax(0,1fr);grid-template-areas:"side top" "side main"}.sidebar{grid-area:side;background:linear-gradient(180deg,var(--navy),#061723);color:#c9d6dc;position:fixed;inset:0 auto 0 0;width:248px;z-index:1000;padding:14px 12px;display:flex;flex-direction:column;transition:.25s}.sidebar-brand{height:52px;display:flex;align-items:center;gap:10px;padding:0 7px}.brand-symbol{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--teal),#45d6c8);display:grid;place-items:center;color:#fff;font-size:1.2rem}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:1.08rem;color:#fff;letter-spacing:.03em}.brand-copy strong span{color:#49d5c7}.brand-copy small{font-size:.64rem;color:#78929e}.sidebar-collapse{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#a7bbc4}.workspace-card{display:flex;gap:10px;align-items:center;margin:13px 2px 15px;padding:12px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.055)}.workspace-avatar{width:34px;height:34px;border-radius:10px;background:rgba(18,184,167,.14);color:#56d6ca;display:grid;place-items:center}.workspace-card div{min-width:0}.workspace-card small{display:block;font-size:.57rem;color:#718d99;letter-spacing:.08em;font-weight:800}.workspace-card strong{display:block;color:#e8f0f3;font-size:.74rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav{overflow:auto;display:flex;flex-direction:column;gap:4px;padding:0 1px}.nav-caption{font-size:.59rem;letter-spacing:.12em;font-weight:800;color:#516f7b;margin:14px 10px 6px}.sidebar-nav .nav-link{display:flex;align-items:center;gap:11px;color:#92aab4;padding:10px 11px;border-radius:10px;font-size:.82rem;font-weight:650;position:relative}.sidebar-nav .nav-link i{font-size:1rem;width:20px;text-align:center}.sidebar-nav .nav-link em{font-style:normal;margin-left:auto;background:rgba(255,255,255,.07);border-radius:999px;padding:1px 7px;font-size:.66rem}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:linear-gradient(90deg,rgba(14,159,145,.2),rgba(14,159,145,.05));color:#fff}.sidebar-nav .nav-link.active:before{content:"";position:absolute;left:-1px;width:3px;height:20px;border-radius:0 3px 3px 0;background:#35d1c2}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.user-mini{display:flex;align-items:center;gap:9px}.user-mini>span,.top-user>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#2588a9,var(--teal));display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:800}.user-mini div{min-width:0;flex:1}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini strong{color:#e9f0f3;font-size:.75rem}.user-mini small{color:#6d8a96;font-size:.65rem}.user-mini button{border:0;background:transparent;color:#75909b}.topbar{grid-area:top;position:sticky;top:0;z-index:900;height:68px;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:13px}.icon-btn{width:39px;height:39px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#526979}.breadcrumb-box{display:flex;flex-direction:column;flex:1}.breadcrumb-box small{font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#8a99a4}.breadcrumb-box strong{font-size:1rem}.topbar-actions{display:flex;align-items:center;gap:9px}.notification-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;background:#f05454;border-radius:50%;border:2px solid #fff}.top-user{display:flex;align-items:center;gap:8px;padding-left:5px}.top-user strong,.top-user small{display:block}.top-user strong{font-size:.75rem}.top-user small{font-size:.64rem;color:var(--muted)}.app-content{grid-area:main;padding:20px;min-width:0}.sidebar-backdrop{display:none}.mobile-nav{display:none}
.page-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.page-hero h2{font-size:1.42rem;font-weight:800;letter-spacing:-.025em;margin:0}.page-hero p{color:var(--muted);margin:4px 0 0;font-size:.83rem}.hero-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 18px rgba(17,43,60,.035)}.metric-icon{width:43px;height:43px;border-radius:12px;background:var(--aqua);color:var(--teal);display:grid;place-items:center;font-size:1.1rem}.metric-card strong{font-size:1.35rem;line-height:1}.metric-card span{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(17,43,60,.035)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:.9rem;font-weight:800;margin:0}.panel-head p{font-size:.7rem;color:var(--muted);margin:3px 0 0}.panel-body{padding:16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;gap:11px;align-items:center;transition:.2s}.quick-card:hover{transform:translateY(-2px);border-color:#9edfd7;box-shadow:var(--shadow)}.quick-card i{width:38px;height:38px;border-radius:11px;background:#edf9f7;color:var(--teal);display:grid;place-items:center}.quick-card strong{display:block;font-size:.78rem}.quick-card small{color:var(--muted);font-size:.66rem}.two-col{display:grid;grid-template-columns:1.55fr .75fr;gap:13px;margin-top:13px}.activity-list{display:grid;gap:9px}.activity-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#f8fafb}.activity-row i{width:32px;height:32px;border-radius:9px;background:#e9f8f6;color:var(--teal);display:grid;place-items:center}.activity-row div{flex:1}.activity-row strong{display:block;font-size:.75rem}.activity-row small{color:var(--muted);font-size:.65rem}.health-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--teal) 0 78%,#e8eef1 78%);display:grid;place-items:center;margin:10px auto;position:relative}.health-ring:after{content:"";width:88px;height:88px;background:#fff;border-radius:50%;position:absolute}.health-ring strong{z-index:1;font-size:1.25rem}.health-label{text-align:center;color:var(--muted);font-size:.72rem}
.table-panel{padding:0}.table-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line)}.table-toolbar h3{font-size:.9rem;font-weight:800;margin:0}.table-responsive{padding:0 12px 12px}.table{margin:0;font-size:.76rem}.table thead th{background:#f7f9fb;color:#637784;font-size:.64rem;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid var(--line);padding:11px 10px}.table tbody td{padding:10px;vertical-align:middle;border-color:#edf1f4}.entity-main{display:flex;gap:9px;align-items:center}.entity-avatar{width:34px;height:34px;border-radius:10px;background:#e7f7f5;color:var(--teal);display:grid;place-items:center;font-weight:800}.entity-main strong{font-size:.75rem;display:block}.entity-main small{font-size:.65rem;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:.63rem;font-weight:800}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-active,.status-available,.status-production{background:#e8f8f0;color:#16834d}.status-inactive,.status-cleaning{background:#edf1f3;color:#6f7e87}.status-blocked{background:#ffebec;color:#c93d42}.status-preparation,.status-stocking{background:#e8f1ff;color:#2e72d6}.status-harvest{background:#fff4df;color:#b97a10}.action-group{display:flex;gap:4px}.action-btn{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667b87}.action-btn:hover{color:var(--teal);border-color:#a9dcd6}.action-btn.danger:hover{color:var(--danger);border-color:#f0b9bc}.dataTables_wrapper .dt-search input{min-height:35px;border-radius:9px;border:1px solid var(--line);margin-left:7px}.dataTables_wrapper .dt-length select{min-height:35px;border-radius:9px}.dt-info,.dt-length,.dt-search{font-size:.72rem;color:var(--muted)}.pagination .page-link{font-size:.7rem;color:var(--text);border-color:var(--line)}.pagination .active>.page-link{background:var(--teal);border-color:var(--teal)}
.modal-content{border:0;border-radius:18px;box-shadow:0 30px 90px rgba(7,29,43,.25)}.modal-header{padding:18px 21px;border-bottom:1px solid var(--line)}.modal-kicker{font-size:.59rem;color:var(--teal);letter-spacing:.11em;font-weight:800}.modal-title{font-size:1.05rem;font-weight:800}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-section{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:3px}.form-section h6{font-size:.76rem;font-weight:800;margin:0}.form-section p{font-size:.65rem;color:var(--muted);margin:3px 0 0}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:7px}.upload-zone{grid-column:1/-1;border:1.5px dashed #b7ccd3;border-radius:13px;padding:16px;background:#f8fbfc}.upload-drop{display:flex;align-items:center;gap:12px}.upload-icon{width:42px;height:42px;border-radius:12px;background:#e5f8f5;color:var(--teal);display:grid;place-items:center;font-size:1.15rem}.upload-copy{flex:1}.upload-copy strong{display:block;font-size:.76rem}.upload-copy small{color:var(--muted);font-size:.65rem}.file-list{display:grid;gap:8px;margin-top:12px}.file-item{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff}.file-type{width:32px;height:32px;border-radius:9px;background:#edf4f8;color:#537383;display:grid;place-items:center}.file-meta{flex:1;min-width:0}.file-meta strong{display:block;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta small{font-size:.6rem;color:var(--muted)}.file-remove{border:0;background:#fff0f0;color:var(--danger);width:30px;height:30px;border-radius:8px}.upload-progress{height:6px;border-radius:999px;background:#e7ecef;overflow:hidden;margin-top:5px}.upload-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#47d6c8);width:0;transition:.15s}.form-divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:#99a5ad;font-size:.65rem}.form-divider:before,.form-divider:after{content:"";height:1px;background:var(--line);flex:1}.empty-state{text-align:center;padding:44px 20px;color:var(--muted)}.empty-state i{font-size:2.2rem;color:#9cb4bf}.skeleton{height:90px;border-radius:14px;background:linear-gradient(90deg,#e8edf0 25%,#f6f8f9 37%,#e8edf0 63%);background-size:400% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.swal2-popup{border-radius:18px!important;font-family:Inter,sans-serif!important}.swal2-title{font-size:1.2rem!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important;font-weight:700!important}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:18px}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:64px 1fr 68px;grid-template-areas:"top" "main" "mobile"}.sidebar{left:-260px}.sidebar.open{left:0}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(7,29,43,.52);z-index:999}.topbar{height:64px;padding:0 13px}.top-user div,.topbar-actions>#logoutBtn{display:none}.app-content{padding:14px}.mobile-nav{grid-area:mobile;display:grid;grid-template-columns:repeat(5,1fr);position:sticky;bottom:0;z-index:800;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#80909a;text-decoration:none;font-size:.61rem;font-weight:700}.mobile-nav a.active{color:var(--teal)}.mobile-nav i{font-size:1rem}.mobile-create{width:48px;height:48px;border-radius:16px;border:0;background:linear-gradient(145deg,var(--teal),#32cbbb);color:#fff;font-size:1.25rem;margin:-16px auto 0;box-shadow:0 10px 24px rgba(14,159,145,.3)}.page-hero{align-items:flex-start}.hero-actions .btn span{display:none}.form-grid{grid-template-columns:1fr}.modal-dialog.modal-xl{max-width:calc(100% - 16px);margin:8px}.modal-content{max-height:calc(100vh - 16px)}.table-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px;gap:8px}.metric-icon{width:36px;height:36px}.metric-card strong{font-size:1.05rem}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-card{padding:11px}.page-hero h2{font-size:1.15rem}.auth-card{padding:23px;border-radius:18px}.breadcrumb-box small{display:none}.dataTables_wrapper .dt-layout-row{display:block!important}.dataTables_wrapper .dt-search,.dataTables_wrapper .dt-length{text-align:left!important;margin-bottom:8px}.modal-body{padding:15px}}

.field-wrap.full{grid-column:1/-1}.field-wrap textarea.form-control{min-height:92px;resize:vertical}.priority{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.63rem;font-weight:800;text-transform:uppercase}.priority-critical{background:#ffe6e8;color:#c52f39}.priority-high{background:#fff0df;color:#b76400}.priority-medium{background:#e9f2ff;color:#2868bd}.priority-low{background:#e8f8f0;color:#17814d}.mb-3{margin-bottom:13px!important}
/* Operational v5 */
.priority-low{background:#edf7f2;color:#18794e}.priority-medium{background:#fff5d6;color:#946800}.priority-high{background:#ffeadf;color:#b63c16}.priority-critical{background:#ffe5e5;color:#c62f3a}.priority{display:inline-flex;align-items:center;padding:.32rem .58rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.table-panel .dataTables_wrapper,.table-panel .dt-container{padding:0 1rem 1rem}.table-panel table td{vertical-align:middle}.field-wrap textarea.form-control{min-height:92px}.ops-company{font-size:.72rem;color:var(--muted)}
/* Business and reporting v6 */
.report-bars{display:grid;gap:13px}.report-row{display:grid;grid-template-columns:72px 1fr 90px;gap:10px;align-items:center;font-size:.7rem}.report-row>div{height:9px;background:#edf2f4;border-radius:999px;overflow:hidden}.report-row i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#48d8ca);border-radius:999px}.report-row strong{text-align:right;font-size:.68rem}.report-bars.sales .report-row i{background:linear-gradient(90deg,#2877e8,#65a4ff)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-grid>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#f9fbfc}.summary-grid span{display:block;color:var(--muted);font-size:.65rem;margin-bottom:6px}.summary-grid strong{font-size:.92rem}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:.86rem;font-weight:800;margin:0}.panel-head p{font-size:.66rem;color:var(--muted);margin:3px 0 0}.panel-body{padding:15px}
@media(max-width:700px){.summary-grid{grid-template-columns:1fr 1fr}.report-row{grid-template-columns:60px 1fr 72px}.report-row strong{font-size:.6rem}}

.notification-count{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;border-radius:10px;background:#e5484d;color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.top-user{border:0;background:transparent;text-align:left}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.notification-item.unread{background:#f0fbfa}.notification-item p{margin:3px 0;color:var(--muted);font-size:.88rem}.notification-item small{color:var(--muted)}.notification-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf4f5}.notification-icon.type-danger{background:#fdebec;color:#c83232}.notification-icon.type-warning{background:#fff6dc;color:#a66a00}.notification-icon.type-success{background:#e8f8ef;color:#218552}.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.profile-summary{text-align:center;padding:28px}.profile-avatar{width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:1.7rem;font-weight:800;margin:0 auto 16px}.profile-summary dl{margin:24px 0 0;text-align:left}.profile-summary dl div{padding:12px 0;border-top:1px solid var(--border)}.profile-summary dt{font-size:.72rem;color:var(--muted);text-transform:uppercase}.profile-summary dd{margin:3px 0 0;font-weight:700}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.export-card{padding:20px;display:flex;flex-direction:column;gap:14px}.export-card>span{width:48px;height:48px;border-radius:15px;background:#e6f5f3;color:var(--primary);display:grid;place-items:center;font-size:1.25rem}@media(max-width:991px){.profile-layout{grid-template-columns:1fr}.export-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.notification-item{grid-template-columns:40px 1fr}.notification-item .action-group{grid-column:2}.export-grid{grid-template-columns:1fr}}

/* PWA offline e instalación V31 */
.network-state{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#f7fafb;color:#42606c;min-height:38px;padding:0 11px;border-radius:11px;font-size:.66rem;font-weight:800}.network-state.is-offline{background:#fff2e8;color:#b35312;border-color:#f4c9a9}.network-state i{font-size:.9rem}.topbar-actions .icon-btn.has-conflicts{color:#c83232;background:#fff0f0}.offline-queue-list{display:grid;gap:10px;max-height:420px;overflow:auto;text-align:left}.offline-queue-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #dce7ea;border-left:4px solid #7d929c;border-radius:12px;background:#fff}.offline-queue-item.status-conflict,.offline-queue-item.status-error{border-left-color:#d14343;background:#fff8f8}.offline-queue-item.status-pending,.offline-queue-item.status-retry{border-left-color:#d58a1d}.offline-queue-item.status-syncing{border-left-color:#0e9f91}.offline-queue-item strong{display:block;font-size:.78rem}.offline-queue-item small{display:block;color:#73858e;font-size:.66rem;margin-top:3px}.offline-queue-item p{margin:5px 0 0;color:#b43a3a;font-size:.68rem}.offline-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:900px){.network-state span{display:none}.network-state{width:42px;padding:0;justify-content:center}.topbar-actions{gap:5px}.topbar-actions #installPwaBtn{display:none!important}}@media(max-width:560px){#offlineQueueBtn{display:flex}.offline-queue-item{grid-template-columns:1fr}.offline-item-actions{justify-content:flex-start}}

/* V56.1 - menú lateral sin zona inferior de usuario y con densidad compacta */
.sidebar-footer{display:none!important}
.sidebar{padding-bottom:12px}
.workspace-card{margin:10px 2px 12px;padding:11px}
.sidebar-nav{flex:1 1 auto;min-height:0;padding-bottom:0;overscroll-behavior:contain}
.nav-caption{margin:10px 10px 4px}
.sidebar-nav .nav-link{padding:8px 10px;font-size:.79rem}
.sidebar-nav .nav-link i{font-size:.95rem;width:18px}
.sidebar-nav .submenu .nav-link{padding-top:7px;padding-bottom:7px}


/* V56.2 - Login refinado y menú principal ampliado */
@media(min-width:901px){
  .app-shell{grid-template-columns:286px minmax(0,1fr)}
  .sidebar{width:286px}
}
.auth-shell{background:#eef4f6}
.auth-visual{padding:clamp(42px,6vw,86px);background:linear-gradient(135deg,rgba(4,25,38,.97),rgba(4,71,78,.86)),radial-gradient(circle at 76% 18%,rgba(53,209,194,.45),transparent 28%),#071d2b}
.auth-visual:before{width:720px;height:720px;right:-230px;top:-250px;border-color:rgba(122,237,227,.10)}
.auth-visual:after{width:420px;height:420px;right:80px;top:44px;border-color:rgba(255,255,255,.07)}
.auth-copy{max-width:700px}
.auth-copy .app-mark{width:64px;height:64px;border-radius:20px;box-shadow:0 18px 45px rgba(18,184,167,.22)}
.auth-copy h1{max-width:690px;font-size:clamp(2.7rem,4.8vw,4.9rem);letter-spacing:-.05em;margin-top:16px}
.auth-copy>p{max-width:650px;color:#c4d9df;font-size:1.02rem}
.auth-features{gap:10px}
.auth-features span{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.auth-panel{padding:clamp(24px,4vw,58px);background:linear-gradient(180deg,#f7fafb,#edf3f5)}
.auth-card{width:min(100%,470px);padding:34px 36px 30px;border:1px solid rgba(126,156,170,.16);box-shadow:0 30px 80px rgba(13,42,57,.13);position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),#58d9cc)}
.auth-card-head{align-items:flex-start;margin-bottom:30px}
.auth-card-head .mini-logo{width:52px;height:52px;border-radius:16px;flex:0 0 auto}
.login-kicker{display:block;color:var(--teal);font-size:.61rem;font-weight:900;letter-spacing:.13em;margin:1px 0 3px}
.auth-card-head h2{font-size:1.45rem;letter-spacing:-.025em}
.auth-card-head p{font-size:.8rem;line-height:1.45;max-width:300px}
.auth-card .field-wrap{margin-bottom:18px}
.auth-card .field-wrap>label{font-size:.7rem;color:#435e6d}
.auth-card .form-control{min-height:48px;background:#fbfcfd;border-color:#d9e4e9}
.auth-card .field-control>i{left:15px;color:#66828f}
.auth-card .btn-primary.btn-lg{min-height:49px;margin-top:4px;border-radius:12px;box-shadow:0 10px 24px rgba(14,159,145,.18)}
.auth-card .btn-link{font-size:.78rem;text-decoration:none;color:#587280}
.auth-security{margin:21px -8px -7px;padding-top:17px;border-top:1px solid #edf1f3;color:#7f919a;font-size:.67rem}
.auth-security i{color:var(--teal);margin-right:4px}
.sidebar-nav .nav-link span,.module-menu .nav-group-toggle em{white-space:nowrap}
@media(max-width:900px){
  .sidebar{width:286px;left:-296px}
  .auth-panel{background:linear-gradient(180deg,#f4f9fa,#eaf2f4)}
  .auth-card{padding:30px 26px}
}

/* V56.4 - mejora visual M01 uso y límites */
.license-usage-shell{padding:18px}
.license-usage-toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.license-overview{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px solid rgba(14,63,103,.08);border-radius:20px;background:linear-gradient(135deg,rgba(0,168,150,.09),rgba(19,78,94,.05) 60%,rgba(255,255,255,.9));margin-bottom:18px}
.license-overview-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8f7f5;color:#0f766e;font-size:.73rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.license-overview h3{margin:0 0 6px;font-size:1.22rem;font-weight:800;color:#0f2f4a}
.license-overview p{margin:0;color:#637c92}
.license-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;background:#fff;color:#0f766e;border:1px solid rgba(13,148,136,.15);font-weight:800;box-shadow:0 8px 20px rgba(16,24,40,.05)}
.license-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.usage-card{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid rgba(14,63,103,.08);box-shadow:0 10px 24px rgba(16,24,40,.05);display:flex;flex-direction:column;gap:12px}
.usage-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.usage-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.12rem}
.usage-card.teal .usage-icon{background:#e7f8f5;color:#0f766e}
.usage-card.blue .usage-icon{background:#ecf4ff;color:#2563eb}
.usage-card.purple .usage-icon{background:#f1ebff;color:#7c3aed}
.usage-card.orange .usage-icon{background:#fff2e8;color:#ea580c}
.usage-card.slate .usage-icon{background:#f2f5f8;color:#475569}
.usage-state{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800;line-height:1}
.usage-state.ok{background:#e8f7ef;color:#15803d}
.usage-state.warning{background:#fff4e5;color:#b45309}
.usage-card h4{margin:0;font-size:1rem;font-weight:800;color:#0f2f4a}
.usage-progress{height:10px;background:#e9eef4;border-radius:999px;overflow:hidden}
.usage-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5a4,#22c55e)}
.usage-card.orange .usage-progress span{background:linear-gradient(90deg,#fb923c,#f59e0b)}
.usage-card.purple .usage-progress span{background:linear-gradient(90deg,#8b5cf6,#a855f7)}
.usage-card.slate .usage-progress span{background:linear-gradient(90deg,#64748b,#94a3b8)}
.usage-meta{display:flex;align-items:end;justify-content:space-between;gap:12px}
.usage-meta strong{font-size:1.55rem;line-height:1;color:#0f172a}
.usage-meta small{color:#64748b;font-size:.82rem;text-align:right}
@media (max-width: 767.98px){
  .license-usage-shell{padding:14px}
  .license-overview{padding:16px}
}

/* V56.5 - restauración visual M01 módulos por licencia */
.license-modules-shell{padding:18px}
.license-modules-toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.license-company-field{min-width:min(360px,100%);margin:0}
.license-toolbar-note{max-width:610px;display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1px solid rgba(14,63,103,.08);border-radius:14px;background:#f8fbfc;color:#637c92;font-size:.76rem;line-height:1.45}
.license-toolbar-note i{color:#0f8f84;font-size:1rem;margin-top:1px}
.license-modules-overview{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px solid rgba(14,63,103,.08);border-radius:20px;background:linear-gradient(135deg,rgba(0,168,150,.09),rgba(19,78,94,.05) 60%,rgba(255,255,255,.9));margin-bottom:14px}
.license-modules-overview h3{margin:0 0 6px;font-size:1.22rem;font-weight:800;color:#0f2f4a}
.license-modules-overview p{margin:0;color:#637c92;font-size:.82rem}
.license-pill-muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0}
.license-module-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.license-module-summary article{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid rgba(14,63,103,.08);border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(16,24,40,.035)}
.module-summary-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;font-size:1rem}
.module-summary-icon.enabled{background:#e8f7ef;color:#15803d}
.module-summary-icon.blocked{background:#f1f5f9;color:#64748b}
.module-summary-icon.usage{background:#ecf4ff;color:#2563eb}
.license-module-summary strong{display:block;color:#0f2f4a;font-size:1.08rem;line-height:1.1;font-weight:850}
.license-module-summary small{display:block;margin-top:4px;color:#71869a;font-size:.69rem}
.license-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:13px}
.license-module-card{position:relative;min-height:190px;padding:16px;border-radius:18px;border:1px solid rgba(14,63,103,.09);background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 8px 20px rgba(16,24,40,.04);display:flex;flex-direction:column;gap:13px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.license-module-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1}
.license-module-card.is-enabled:before{background:linear-gradient(180deg,#0ea5a4,#22c55e)}
.license-module-card.is-enabled:hover{transform:translateY(-2px);border-color:rgba(13,148,136,.22);box-shadow:0 12px 28px rgba(16,24,40,.07)}
.license-module-card.is-blocked{background:linear-gradient(180deg,#fcfdfe,#f8fafc)}
.license-module-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.license-module-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eef3f7;color:#64748b;font-size:1.05rem}
.license-module-card.is-enabled .license-module-icon{background:#e7f8f5;color:#0f766e}
.license-module-code{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:27px;padding:0 9px;border-radius:999px;background:#eef2f6;color:#5c7083;font-size:.68rem;font-weight:900;letter-spacing:.04em}
.license-module-card.is-enabled .license-module-code{background:#e8f7f5;color:#0f766e}
.license-module-copy{flex:1}
.license-module-copy h4{margin:0 0 6px;color:#0f2f4a;font-size:.92rem;font-weight:850;line-height:1.25}
.license-module-copy p{margin:0;color:#71869a;font-size:.72rem;line-height:1.45}
.license-module-card.is-blocked .license-module-copy h4{color:#56697b}
.license-module-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #edf1f4}
.module-access-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:.68rem;font-weight:850;line-height:1;white-space:nowrap}
.module-access-pill.enabled{background:#e8f7ef;color:#15803d}
.module-access-pill.blocked{background:#eef2f6;color:#64748b}
.license-module-footer small{color:#8a9bab;font-size:.63rem;text-align:right;line-height:1.3}
@media (max-width: 900px){
  .license-module-summary{grid-template-columns:1fr 1fr}
  .license-module-summary article:last-child{grid-column:1/-1}
}
@media (max-width: 767.98px){
  .license-modules-shell{padding:14px}
  .license-modules-overview{padding:16px}
  .license-modules-toolbar{align-items:stretch}
  .license-company-field,.license-toolbar-note{width:100%;max-width:none}
  .license-module-grid{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .license-module-summary{grid-template-columns:1fr}
  .license-module-summary article:last-child{grid-column:auto}
  .license-module-footer{align-items:flex-start;flex-direction:column}
  .license-module-footer small{text-align:left}
}

/* V56.9 - M16 IoT / Hanna HI98194 / monitoreo Biofloc */
.iot-traffic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.iot-traffic-summary article{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(17,43,60,.04)}
.iot-traffic-summary article>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:1.15rem}
.iot-traffic-summary strong{display:block;font-size:1.25rem;line-height:1.05}.iot-traffic-summary span{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}
.iot-traffic-summary .is-green>i{background:#e8f7ef;color:#15803d}.iot-traffic-summary .is-yellow>i{background:#fff7e6;color:#b7791f}.iot-traffic-summary .is-red>i{background:#fff0f0;color:#c9363e}
.iot-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px;border-radius:16px;background:#f8fbfc;border:1px solid #e6edf1;overflow:auto}
.iot-flow>div{min-width:122px;text-align:center}.iot-flow>div>i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 7px;border-radius:12px;background:var(--aqua);color:var(--teal);font-size:1rem}.iot-flow strong,.iot-flow small{display:block}.iot-flow strong{font-size:.76rem}.iot-flow small{font-size:.63rem;color:var(--muted);margin-top:3px}.iot-flow>.bi-arrow-right{color:#9aabb6}
.iot-profile-list{display:grid;gap:8px}.iot-profile-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f4}.iot-profile-list>div:last-child{border-bottom:0}.iot-profile-list span{font-size:.74rem;color:#536b7c}.iot-profile-list strong{font-size:.73rem;color:#0f2f4a;text-align:right}
.iot-state-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.66rem;font-weight:850;white-space:nowrap;border:1px solid transparent}.iot-state-badge.is-green{background:#e8f7ef;color:#15703a;border-color:#d5efdf}.iot-state-badge.is-yellow{background:#fff7e6;color:#9a681b;border-color:#f5e5bc}.iot-state-badge.is-red{background:#fff0f0;color:#b82d35;border-color:#f4d5d7}.iot-state-badge.is-unknown{background:#f2f5f7;color:#71818c;border-color:#e6ebee}
.iot-monitor-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:15px 16px;margin-bottom:14px}.iot-monitor-toolbar .field-wrap{min-width:220px;margin:0}.iot-monitor-toolbar .btn{margin-bottom:0}
.iot-monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 10px}.iot-monitor-heading h3{margin:1px 0 4px;font-size:1.15rem;font-weight:850}.iot-monitor-heading p{margin:0;color:var(--muted);font-size:.75rem}.iot-legend{display:flex;gap:7px;flex-wrap:wrap}
.iot-reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:14px 0}
.iot-reading-card{position:relative;overflow:hidden;padding:15px;border-radius:17px;border:1px solid var(--line);background:#fff;box-shadow:0 7px 22px rgba(17,43,60,.045)}.iot-reading-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#cbd5e1}.iot-reading-card.is-green:before{background:#20a464}.iot-reading-card.is-yellow:before{background:#e6a23c}.iot-reading-card.is-red:before{background:#e5484d}
.iot-reading-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.iot-reading-label{display:block;color:#6e8291;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.iot-reading-head strong{display:block;margin-top:5px;font-size:1.42rem;color:#0f2f4a}.iot-reading-head strong small{font-size:.68rem;font-weight:700;color:#6f8493}
.iot-reading-chart{height:76px;margin:8px 0;color:#2f8b83}.iot-reading-card.is-yellow .iot-reading-chart{color:#bd8224}.iot-reading-card.is-red .iot-reading-chart{color:#c7464d}.iot-spark{display:block;width:100%;height:72px}.iot-empty-spark{display:grid;place-items:center;height:72px;color:#9aabb5;font-size:.67rem;background:#fafcfd;border-radius:10px}
.iot-reading-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #edf1f4}.iot-reading-foot span{font-size:.66rem;color:#536d7e}.iot-reading-foot small{font-size:.61rem;color:#8a9aa5;text-align:right}
.iot-import-layout{align-items:start}.iot-step-list{display:grid;gap:13px;margin-top:17px}.iot-step-list>div{display:flex;gap:11px;align-items:flex-start}.iot-step-list>div>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:#e8f7f5;color:#0f766e;font-weight:900}.iot-step-list p{margin:0}.iot-step-list strong,.iot-step-list small{display:block}.iot-step-list strong{font-size:.76rem;color:#173247}.iot-step-list small{font-size:.68rem;color:var(--muted);line-height:1.45;margin-top:2px}
.iot-import-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.iot-import-result-grid span{padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.68);font-size:.68rem}.iot-import-result-grid b{font-size:.85rem;margin-right:3px}
.iot-code{max-height:520px;overflow:auto}.iot-api-rules{padding-left:19px}.iot-api-rules li{margin-bottom:10px;color:#5f7484;font-size:.75rem;line-height:1.45}.iot-api-rules strong{color:#173247}
@media(max-width:900px){.iot-traffic-summary{grid-template-columns:1fr}.iot-monitor-heading{align-items:flex-start;flex-direction:column}.iot-flow{justify-content:flex-start}.iot-import-result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.iot-monitor-toolbar{display:grid}.iot-monitor-toolbar .field-wrap{min-width:0}.iot-reading-grid{grid-template-columns:1fr}.iot-import-result-grid{grid-template-columns:1fr}.iot-reading-foot{align-items:flex-start;flex-direction:column}.iot-reading-foot small{text-align:left}}

/* M16 v56.10 · puntos históricos interactivos por estado */
.iot-reading-chart{position:relative;height:120px;margin:8px 0;color:#617888;overflow:visible}
.iot-spark{display:block;width:100%;height:116px;overflow:visible}
.iot-chart-grid{stroke:#e9eef2;stroke-width:1;vector-effect:non-scaling-stroke}
.iot-chart-line{stroke:#8ca0ad;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.iot-chart-point{stroke:#fff;stroke-width:1.35;vector-effect:non-scaling-stroke;cursor:pointer;transition:r .12s ease,stroke-width .12s ease,filter .12s ease;outline:none}
.iot-chart-point.is-green{fill:#20a464}.iot-chart-point.is-yellow{fill:#e6a23c}.iot-chart-point.is-red{fill:#e5484d}.iot-chart-point.is-unknown{fill:#94a3b8}
.iot-chart-point:hover,.iot-chart-point:focus,.iot-chart-point.is-selected{r:5.5px;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(15,47,74,.22))}
.iot-chart-axis text{fill:#8597a3;font-size:8px;font-weight:650;pointer-events:none}
.iot-chart-tooltip{position:absolute;z-index:8;min-width:124px;max-width:190px;padding:8px 10px;border:1px solid #dfe6eb;border-radius:11px;background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(15,47,74,.16);opacity:0;visibility:hidden;transform:translate(-50%,-100%) translateY(-7px);pointer-events:none;transition:opacity .12s ease,visibility .12s ease;color:#17384e}
.iot-chart-tooltip.is-visible{opacity:1;visibility:visible}
.iot-chart-tooltip:after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;background:#fff;border-right:1px solid #dfe6eb;border-bottom:1px solid #dfe6eb;transform:translateX(-50%) rotate(45deg)}
.iot-chart-tooltip strong{display:block;font-size:.82rem;line-height:1.1}.iot-chart-tooltip strong small{font-size:.66rem;color:#718593}.iot-chart-tooltip span{display:block;margin-top:4px;color:#758995;font-size:.63rem}.iot-chart-tooltip em{display:inline-flex;align-items:center;margin-top:5px;padding:2px 6px;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:800}
.iot-chart-tooltip.is-green em{background:#e8f7ef;color:#15803d}.iot-chart-tooltip.is-yellow em{background:#fff7e6;color:#9a6818}.iot-chart-tooltip.is-red em{background:#fff0f0;color:#c9363e}.iot-chart-tooltip.is-unknown em{background:#f1f5f9;color:#64748b}
@media(max-width:560px){.iot-reading-chart{height:126px}.iot-spark{height:120px}.iot-chart-point{r:4.2px}}

/* M16 · Gráficas ampliables */
.iot-reading-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.iot-chart-expand-btn{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #dbe5ea;border-radius:9px;background:#fff;color:#49697b;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;flex:0 0 auto}
.iot-chart-expand-btn:hover,.iot-chart-expand-btn:focus-visible{background:#f3f9f8;border-color:#a9d2cd;color:#176f68;outline:none;transform:translateY(-1px)}
.iot-chart-modal .modal-header{align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e7edf1}
.iot-chart-modal .modal-body{padding:18px 20px 20px}
.iot-chart-modal .modal-title{font-size:1.15rem;color:#183b50}
.iot-expanded-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.iot-expanded-summary>div{min-width:0;padding:10px 12px;border:1px solid #e3eaee;border-radius:12px;background:#f9fbfc}
.iot-expanded-summary span{display:block;margin-bottom:3px;color:#78909d;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.iot-expanded-summary strong{display:block;color:#17384e;font-size:.9rem;line-height:1.2}.iot-expanded-summary strong small{font-size:.68rem;color:#708692}
.iot-reading-chart-expanded{height:auto;min-height:360px;margin:0;padding:8px 6px 0;border:1px solid #e3eaee;border-radius:14px;background:#fff;overflow:visible}
.iot-reading-chart-expanded .iot-spark{height:auto;min-height:350px;max-height:430px}
.iot-reading-chart-expanded .iot-chart-line{stroke-width:2}
.iot-reading-chart-expanded .iot-chart-point:hover,.iot-reading-chart-expanded .iot-chart-point:focus,.iot-reading-chart-expanded .iot-chart-point.is-selected{r:7px}
.iot-reading-chart-expanded .iot-chart-axis text,.iot-reading-chart-expanded .iot-chart-value-axis text{font-size:12px}
.iot-expanded-hint{display:flex;align-items:center;gap:8px;margin-top:10px;color:#718793;font-size:.72rem}.iot-expanded-hint i{color:#2f8b83}
@media(max-width:767.98px){.iot-chart-modal .modal-header{padding:14px 15px}.iot-chart-modal .modal-body{padding:12px 14px 16px}.iot-expanded-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.iot-reading-chart-expanded{min-height:310px}.iot-reading-chart-expanded .iot-spark{min-height:300px}.iot-chart-expand-btn{width:34px;height:34px}}

/* Panel principal v56.12 · Centro profesional de pozos */
.pond-command-center{margin-top:16px}.pond-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.pond-command-head h2{margin:2px 0 4px;color:#12354b;font-size:1.35rem;font-weight:900}.pond-command-head p{max-width:720px;margin:0;color:#6b8190;font-size:.76rem}.pond-status-totals{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pond-filter-chip{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 10px;border:1px solid #dce6eb;border-radius:12px;background:#fff;color:#647987;transition:.15s ease;cursor:pointer}.pond-filter-chip b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:#eef3f5;color:#37576a;font-size:.72rem}.pond-filter-chip span{font-size:.68rem;font-weight:800}.pond-filter-chip:hover,.pond-filter-chip.is-active{border-color:#9fc9c4;background:#f4fbfa;color:#176f68;transform:translateY(-1px)}.pond-filter-chip.is-red b{background:#fff0f0;color:#bd3039}.pond-filter-chip.is-yellow b{background:#fff7e6;color:#9a681b}.pond-filter-chip.is-green b{background:#e8f7ef;color:#15703a}.pond-filter-chip.is-unknown b{background:#f1f5f9;color:#64748b}
.pond-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pond-overview-card{--pond-state:#94a3b8;position:relative;min-width:0;overflow:hidden;border:1px solid #e0e8ec;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%);box-shadow:0 10px 30px rgba(17,43,60,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pond-overview-card.is-green{--pond-state:#20a464}.pond-overview-card.is-yellow{--pond-state:#e6a23c}.pond-overview-card.is-red{--pond-state:#e5484d}.pond-overview-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(17,43,60,.1);border-color:#cbd9df}.pond-card-accent{height:5px;background:linear-gradient(90deg,var(--pond-state),color-mix(in srgb,var(--pond-state) 42%,#fff))}.pond-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px}.pond-card-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.pond-card-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:color-mix(in srgb,var(--pond-state) 10%,#fff);color:var(--pond-state);font-size:1.05rem}.pond-card-title h3{margin:1px 0 2px;color:#12354b;font-size:1.03rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-card-title small{display:block;color:#80919c;font-size:.64rem;line-height:1.35}.pond-card-head-actions{display:flex;align-items:center;gap:7px}.pond-overall-state{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--pond-state) 10%,#fff);color:var(--pond-state);font-size:.62rem;font-weight:900;white-space:nowrap}.pond-expand-btn{width:31px;height:31px;display:grid;place-items:center;border:1px solid #dbe5ea;border-radius:10px;background:#fff;color:#567182;cursor:pointer;transition:.15s ease}.pond-expand-btn:hover,.pond-expand-btn:focus-visible{border-color:#9fc9c4;background:#f2faf9;color:#176f68;outline:none;transform:translateY(-1px)}
.pond-card-overview{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:0 16px 13px}.pond-score{--pond-score:0;--pond-ring:#94a3b8;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--pond-ring) calc(var(--pond-score)*1%),#edf2f4 0);position:relative}.pond-score.is-green{--pond-ring:#20a464}.pond-score.is-yellow{--pond-ring:#e6a23c}.pond-score.is-red{--pond-ring:#e5484d}.pond-score:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf1f3}.pond-score>div{position:relative;z-index:1;text-align:center}.pond-score strong,.pond-score span{display:block}.pond-score strong{color:#16384e;font-size:1.05rem;font-weight:950}.pond-score span{margin-top:1px;color:#82939e;font-size:.55rem;font-weight:800}.pond-cycle-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}.pond-cycle-snapshot>div{min-width:0;padding:9px 9px;border:1px solid #e8eef1;border-radius:12px;background:#f8fafb}.pond-cycle-snapshot span,.pond-cycle-snapshot strong,.pond-cycle-snapshot small{display:block}.pond-cycle-snapshot span{color:#8999a4;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.pond-cycle-snapshot strong{margin-top:3px;color:#17384e;font-size:.75rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-cycle-snapshot small{margin-top:2px;color:#718694;font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pond-param-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 16px 14px}.pond-param-mini{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #e8eef1;border-radius:12px;background:#fff}.pond-param-mini>i{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:#f3f6f8;color:#7b8e99;font-size:.72rem}.pond-param-mini>div{min-width:0}.pond-param-mini span,.pond-param-mini strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-param-mini span{color:#8798a3;font-size:.52rem;font-weight:800;text-transform:uppercase}.pond-param-mini strong{margin-top:1px;color:#1d4055;font-size:.7rem;font-weight:900}.pond-param-mini strong small{margin-left:2px;color:#7d909d;font-size:.5rem}.pond-param-mini>b{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#94a3b8}.pond-param-mini.is-green>b{background:#20a464}.pond-param-mini.is-yellow>b{background:#e6a23c}.pond-param-mini.is-red>b{background:#e5484d}.pond-param-mini.is-green>i{background:#e9f8f0;color:#18824c}.pond-param-mini.is-yellow>i{background:#fff8e9;color:#ae7319}.pond-param-mini.is-red>i{background:#fff1f1;color:#c83a42}
.pond-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px 14px;border-top:1px solid #edf1f3;background:#fcfdfd}.pond-live-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#7e909c;font-size:.59rem}.pond-live-meta span{display:inline-flex;align-items:center;gap:5px}.pond-live-meta i{color:#6d8a9a}.pond-live-meta .has-alert{color:#bd3039;font-weight:800}.pond-live-meta .has-alert i{color:#e5484d}.pond-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pond-card-actions .btn{font-size:.62rem;padding:.38rem .58rem}.pond-dashboard-empty{grid-column:1/-1;margin:0}.dashboard-quick-panel{margin-bottom:5px}
.dashboard-pond-modal .modal-dialog{max-width:min(1180px,calc(100% - 28px))}.dashboard-pond-modal-content{overflow:hidden;border:0;border-radius:22px;box-shadow:0 24px 70px rgba(15,47,74,.22)}.pond-detail-header{--pond-state:#94a3b8;position:relative;padding:18px 20px;border-bottom:1px solid #e5ecef;background:linear-gradient(120deg,color-mix(in srgb,var(--pond-state) 9%,#fff),#fff 48%)}.pond-detail-header.is-green{--pond-state:#20a464}.pond-detail-header.is-yellow{--pond-state:#e6a23c}.pond-detail-header.is-red{--pond-state:#e5484d}.pond-detail-header h2{margin:2px 0;color:#12354b;font-size:1.35rem;font-weight:950}.pond-detail-header p{margin:0;color:#718694;font-size:.72rem}.pond-detail-header .pond-overall-state{background:color-mix(in srgb,var(--pond-state) 11%,#fff);color:var(--pond-state)}.pond-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.pond-detail-summary>div{min-width:0;padding:11px 12px;border:1px solid #e5ecef;border-radius:13px;background:#f9fbfc}.pond-detail-summary span,.pond-detail-summary strong,.pond-detail-summary small{display:block}.pond-detail-summary span{color:#83959f;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pond-detail-summary strong{margin-top:3px;color:#17384e;font-size:1rem;font-weight:950}.pond-detail-summary strong.is-date{font-size:.78rem}.pond-detail-summary small{margin-top:2px;color:#758a97;font-size:.59rem}.pond-detail-section{min-width:0;padding:14px;border:1px solid #e3eaee;border-radius:16px;background:#fff}.pond-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.pond-detail-section-head h3{margin:0 0 2px;color:#17384e;font-size:.9rem;font-weight:900}.pond-detail-section-head p{margin:0;color:#7d909c;font-size:.65rem}.pond-detail-param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pond-detail-param{--pond-state:#94a3b8;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;padding:9px;border:1px solid #e9eef1;border-radius:13px;background:#fbfcfd}.pond-detail-param.is-green{--pond-state:#20a464}.pond-detail-param.is-yellow{--pond-state:#e6a23c}.pond-detail-param.is-red{--pond-state:#e5484d}.pond-detail-param-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--pond-state) 10%,#fff);color:var(--pond-state)}.pond-detail-param-main{min-width:0}.pond-detail-param-main span,.pond-detail-param-main strong,.pond-detail-param-main small{display:block}.pond-detail-param-main span{color:#7e919e;font-size:.58rem;font-weight:800;text-transform:uppercase}.pond-detail-param-main strong{margin-top:1px;color:#17384e;font-size:.88rem;font-weight:950}.pond-detail-param-main strong small{display:inline;margin-left:3px;color:#718694;font-size:.57rem}.pond-detail-param-main small{margin-top:2px;color:#81939e;font-size:.56rem}.pond-detail-param-side{text-align:right;min-width:108px}.pond-detail-param-side>small{display:block;margin-top:3px;color:#8a9aa5;font-size:.53rem}.pond-detail-state{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--pond-state) 10%,#fff);color:var(--pond-state);font-size:.55rem;font-weight:900}.pond-detail-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}.pond-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pond-detail-facts>div{min-width:0;padding:8px 9px;border-radius:10px;background:#f7f9fa}.pond-detail-facts span,.pond-detail-facts strong{display:block}.pond-detail-facts span{color:#84959f;font-size:.55rem;font-weight:750}.pond-detail-facts strong{margin-top:2px;color:#214357;font-size:.68rem;font-weight:850;overflow-wrap:anywhere}.dashboard-pond-modal-footer{padding:12px 18px;border-top:1px solid #e6ecef}.dashboard-pond-modal-footer>div>span{color:#7b8e99;font-size:.62rem}
@media(max-width:1100px){.pond-overview-grid{grid-template-columns:1fr}.pond-param-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.pond-command-head{align-items:flex-start;flex-direction:column}.pond-status-totals{justify-content:flex-start}.pond-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pond-detail-columns{grid-template-columns:1fr}.pond-detail-param-grid{grid-template-columns:1fr}}
@media(max-width:620px){.pond-card-head{padding:13px}.pond-card-head-actions{align-items:flex-end;flex-direction:column}.pond-overall-state{font-size:.57rem}.pond-card-overview{grid-template-columns:78px 1fr;padding:0 13px 11px}.pond-score{width:72px;height:72px}.pond-score strong{font-size:.88rem}.pond-cycle-snapshot{grid-template-columns:1fr 1fr}.pond-cycle-snapshot>div:first-child{grid-column:1/-1}.pond-param-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 13px 12px}.pond-card-foot{align-items:flex-start;flex-direction:column;padding:10px 13px 13px}.pond-card-actions{width:100%}.pond-card-actions .btn{flex:1}.pond-filter-chip span{display:none}.pond-filter-chip{padding:6px}.pond-detail-summary{grid-template-columns:1fr 1fr}.pond-detail-param{grid-template-columns:34px minmax(0,1fr)}.pond-detail-param-side{grid-column:2;text-align:left;min-width:0}.pond-detail-param-side>small{display:inline-block;margin:3px 8px 0 0}.pond-detail-facts{grid-template-columns:1fr 1fr}.dashboard-pond-modal-footer{align-items:stretch;flex-direction:column}.dashboard-pond-modal-footer .me-auto{margin-right:0!important}.dashboard-pond-modal-footer .btn{width:100%}}
@media(max-width:390px){.pond-param-grid,.pond-detail-summary,.pond-detail-facts{grid-template-columns:1fr}.pond-cycle-snapshot{grid-template-columns:1fr}.pond-cycle-snapshot>div:first-child{grid-column:auto}}

/* Panel principal v56.13 · Ficha integral de pozos */
.pond-card-population-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 16px 13px}.pond-card-population-strip>div{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #e8eef1;border-radius:12px;background:#fff}.pond-card-population-strip>div>i{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;font-size:.78rem}.pond-card-population-strip span,.pond-card-population-strip b{display:block;min-width:0}.pond-card-population-strip span{color:#81929d;font-size:.53rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-card-population-strip b{margin-bottom:1px;color:#17384e;font-size:.69rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-card-population-strip .is-fish i{background:#eaf5ff;color:#2474b5}.pond-card-population-strip .is-fry i{background:#f2edff;color:#7957c7}.pond-card-population-strip .is-larvae i{background:#fff2dc;color:#b97814}.pond-card-population-strip .is-water i{background:#eafafa;color:#138a91}.pond-card-population-strip .is-material i{background:#eef3f5;color:#5c7280}
.dashboard-pond-modal .modal-dialog{max-width:min(1320px,calc(100% - 24px))}.pond-detail-body{padding:16px;background:#f7fafb}.pond-detail-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.pond-detail-title-wrap .pond-card-icon{--pond-state:inherit;width:46px;height:46px;flex-basis:46px}.pond-detail-summary.is-rich{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pond-detail-summary.is-rich>div{position:relative;overflow:hidden;padding:11px 11px 10px 40px;background:#fff}.pond-detail-summary.is-rich>div>i{position:absolute;left:11px;top:13px;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:.72rem}.pond-detail-summary.is-rich .is-iot>i{background:#e8f7ef;color:#17824b}.pond-detail-summary.is-rich .is-pop>i{background:#eaf5ff;color:#2474b5}.pond-detail-summary.is-rich .is-biomass>i{background:#edf5ff;color:#4169b5}.pond-detail-summary.is-rich .is-water>i{background:#eafafa;color:#138a91}.pond-detail-summary.is-rich .is-prod>i{background:#fff5e3;color:#b77918}.pond-detail-summary.is-rich .is-alert>i{background:#fff0f1;color:#c83a42}.pond-detail-summary.is-rich strong{font-size:.88rem}.pond-detail-summary.is-rich small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pond-detail-section{margin-top:12px;box-shadow:0 6px 18px rgba(30,59,74,.035)}.pond-detail-section:first-of-type{margin-top:0}.pond-detail-section-head h3 i{margin-right:6px;color:#2f7f78}.pond-analytics-grid{display:grid;grid-template-columns:1.05fr .9fr 1.05fr;gap:10px}.pond-chart-card{min-width:0;padding:12px;border:1px solid #e4ebef;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdfe)}.pond-chart-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.pond-chart-card>header span,.pond-chart-card>header strong{display:block}.pond-chart-card>header span{color:#8a9aa4;font-size:.54rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.pond-chart-card>header strong{margin-top:2px;color:#17384e;font-size:.72rem;font-weight:900}.pond-chart-card>header>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef7f6;color:#287c75}.pond-chart-empty{min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #dbe5e9;border-radius:12px;background:#fafcfd;color:#8a9aa4;text-align:center;font-size:.62rem}.pond-chart-empty>i{font-size:1.2rem;color:#9bb0bb}.pond-chart-empty.is-compact{min-height:85px}.pond-donut-layout{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center}.pond-donut{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(20,54,72,.06)}.pond-donut:after{content:"";position:absolute;inset:19px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #edf2f4}.pond-donut>div{position:relative;z-index:1;text-align:center}.pond-donut strong,.pond-donut span{display:block}.pond-donut strong{color:#15384d;font-size:.88rem;font-weight:950}.pond-donut span{color:#8a9aa4;font-size:.5rem;font-weight:800}.pond-chart-legend{display:grid;gap:6px;min-width:0}.pond-chart-legend-item{display:flex;align-items:center;gap:7px;min-width:0}.pond-chart-legend-item>i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--legend-color)}.pond-chart-legend-item span,.pond-chart-legend-item b,.pond-chart-legend-item small{display:block;min-width:0}.pond-chart-legend-item b{color:#294b5d;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-chart-legend-item small{margin-top:1px;color:#82939e;font-size:.52rem}.pond-stage-bars{display:grid;gap:11px}.pond-stage-bar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pond-stage-bar-head span{display:inline-flex;align-items:center;gap:5px;color:#647d8b;font-size:.58rem;font-weight:800}.pond-stage-bar-head strong{color:#24495e;font-size:.65rem}.pond-stage-track,.pond-harvest-track{height:8px;overflow:hidden;border-radius:999px;background:#edf2f4}.pond-stage-track i,.pond-harvest-track i{display:block;height:100%;border-radius:999px;background:#2f76d2}.pond-stage-bar.is-fry .pond-stage-track i{background:#8b5cf6}.pond-stage-bar.is-larvae .pond-stage-track i{background:#e3a126}.pond-stage-bar>small{display:block;margin-top:3px;color:#8b9aa4;font-size:.5rem}.pond-harvest-bars{display:grid;gap:8px}.pond-harvest-bar{display:grid;grid-template-columns:80px 1fr 68px;gap:7px;align-items:center}.pond-harvest-bar>span{color:#7f919c;font-size:.5rem;white-space:nowrap}.pond-harvest-bar>strong{color:#24495e;font-size:.55rem;text-align:right}.pond-harvest-track i{background:linear-gradient(90deg,#14a394,#36b8a7)}
.pond-pop-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pond-pop-badges span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;font-size:.55rem;font-weight:900}.pond-pop-badges .is-fish{background:#eaf5ff;color:#2474b5}.pond-pop-badges .is-fry{background:#f2edff;color:#7957c7}.pond-pop-badges .is-larvae{background:#fff2dc;color:#b97814}.pond-stock-list{display:grid;gap:8px}.pond-stock-row{display:grid;grid-template-columns:38px minmax(180px,1.15fr) minmax(360px,1.8fr);gap:10px;align-items:center;padding:10px;border:1px solid #e5ecef;border-radius:13px;background:#fbfcfd}.pond-stock-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eaf5ff;color:#2474b5}.pond-stock-row.is-fry .pond-stock-icon{background:#f2edff;color:#7957c7}.pond-stock-row.is-larvae .pond-stock-icon{background:#fff2dc;color:#b97814}.pond-stock-main{min-width:0}.pond-stock-main>div{display:flex;align-items:center;gap:7px;min-width:0}.pond-stock-main strong{color:#17384e;font-size:.67rem}.pond-stock-main span{padding:3px 5px;border-radius:999px;background:#eef4f6;color:#597282;font-size:.5rem;font-weight:800}.pond-stock-main small{display:block;margin-top:3px;color:#82939e;font-size:.54rem}.pond-stock-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pond-stock-values span{display:block;padding:6px;border-radius:9px;background:#fff;color:#8a9aa4;font-size:.49rem}.pond-stock-values b{display:block;margin-bottom:2px;color:#274b5e;font-size:.6rem}.pond-infra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pond-infra-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e8eef1;border-radius:12px;background:#fbfcfd}.pond-infra-card>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eaf7f5;color:#2d7f77}.pond-infra-card div{min-width:0}.pond-infra-card span,.pond-infra-card strong,.pond-infra-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-infra-card span{color:#8798a3;font-size:.5rem;font-weight:800;text-transform:uppercase}.pond-infra-card strong{margin-top:2px;color:#23485b;font-size:.65rem;font-weight:900}.pond-infra-card small{margin-top:2px;color:#8a9aa4;font-size:.5rem}.pond-detail-bottom-grid{grid-template-columns:1.15fr .85fr}.pond-section-kpi{display:inline-flex;padding:5px 7px;border-radius:999px;background:#eef7f6;color:#287c75;font-size:.56rem;font-weight:900}.pond-production-list{display:grid;gap:7px}.pond-production-list article{display:grid;grid-template-columns:115px 1fr 82px;gap:9px;align-items:center;padding:9px;border:1px solid #e7edf0;border-radius:11px;background:#fbfcfd}.pond-production-date{display:flex;align-items:center;gap:6px;color:#6f8491;font-size:.52rem}.pond-production-date i{color:#2f8b83}.pond-production-main{min-width:0}.pond-production-main strong,.pond-production-main span,.pond-production-main small{display:block}.pond-production-main strong{color:#17384e;font-size:.72rem;font-weight:950}.pond-production-main span{margin-top:1px;color:#607887;font-size:.55rem;font-weight:750}.pond-production-main small{margin-top:2px;color:#8a9aa4;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pond-production-weight{text-align:right}.pond-production-weight b,.pond-production-weight span{display:block}.pond-production-weight b{color:#2e756f;font-size:.62rem}.pond-production-weight span{color:#8a9aa4;font-size:.48rem}.pond-detail-facts.is-iconic>div{position:relative;padding-left:34px;min-height:50px}.pond-detail-facts.is-iconic>div>i{position:absolute;left:8px;top:10px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#eef7f6;color:#2f817a;font-size:.58rem}
@media(max-width:1180px){.pond-detail-summary.is-rich{grid-template-columns:repeat(3,minmax(0,1fr))}.pond-analytics-grid{grid-template-columns:1fr 1fr}.pond-chart-card:last-child{grid-column:1/-1}.pond-infra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pond-card-population-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.pond-analytics-grid{grid-template-columns:1fr}.pond-chart-card:last-child{grid-column:auto}.pond-stock-row{grid-template-columns:36px 1fr}.pond-stock-values{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.pond-detail-bottom-grid{grid-template-columns:1fr}.pond-production-list article{grid-template-columns:100px 1fr}.pond-production-weight{grid-column:2;text-align:left}.pond-card-population-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-pond-modal .modal-dialog{max-width:calc(100% - 10px);margin:5px auto}.pond-detail-body{padding:9px}.pond-detail-summary.is-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.pond-donut-layout{grid-template-columns:105px 1fr}.pond-donut{width:100px;height:100px}.pond-infra-grid{grid-template-columns:1fr}.pond-stock-values{grid-template-columns:1fr 1fr}.pond-card-population-strip{padding:0 13px 11px}.pond-pop-badges{justify-content:flex-start}.pond-detail-section-head{flex-direction:column}.pond-production-list article{grid-template-columns:1fr}.pond-production-weight{grid-column:auto;text-align:left}.pond-harvest-bar{grid-template-columns:68px 1fr 60px}}
@media(max-width:390px){.pond-detail-summary.is-rich,.pond-card-population-strip,.pond-stock-values{grid-template-columns:1fr}.pond-donut-layout{grid-template-columns:1fr;justify-items:center}.pond-chart-legend{width:100%}}