:root{--green:#073b3a;--green2:#0c6158;--lime:#8fbe3f;--ink:#172322;--muted:#61706e;--paper:#f4f7f5;--line:#d9e2de;--white:#fff;--red:#b42318;--amber:#b45309;--blue:#175cd3;--shadow:0 12px 34px rgba(7,59,58,.12)}
*{box-sizing:border-box}
html{font-family:"Times New Roman",Times,serif;color:var(--ink);background:var(--paper)}
body{margin:0;min-height:100vh}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
.topbar{position:sticky;top:0;z-index:20;min-height:78px;display:flex;align-items:center;gap:24px;padding:10px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 15px rgba(7,59,58,.06)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.brand img{width:56px;height:56px;object-fit:contain}
.brand span,.user-menu span{display:flex;flex-direction:column}
.brand strong{font-size:18px}
.brand small,.user-menu small{color:var(--muted);margin-top:3px}
.sync-state{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px}
.sync-state button,.user-menu a{border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:#fff;color:var(--green);text-decoration:none}
#online-dot{width:10px;height:10px;border-radius:50%;background:#139b60;box-shadow:0 0 0 4px #d9f5e6}
#online-dot.offline{background:#d97706;box-shadow:0 0 0 4px #fef0c7}
.user-menu{display:flex;align-items:center;gap:14px}
.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 78px)}
.sidebar{padding:20px 14px;background:linear-gradient(180deg,#052f2e,#073b3a);display:flex;flex-direction:column;gap:5px}
.sidebar a{padding:12px 14px;border-radius:10px;color:#d9efeb;text-decoration:none;font-weight:700}
.sidebar a:hover,.sidebar a.active{background:#fff;color:var(--green)}
.content{padding:28px;min-width:0}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.hero h1{font-size:clamp(30px,4vw,52px);line-height:1;margin:5px 0 10px;color:var(--green)}
.hero p{margin:0;max-width:800px;color:var(--muted)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--green2)}
button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 15px;cursor:pointer;font-weight:700;color:var(--ink)}
button:hover{border-color:var(--green2)}
button.primary{background:var(--green);border-color:var(--green);color:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric,.panel,.record-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.metric{padding:20px;border-top:5px solid var(--green2)}
.metric span{display:block;color:var(--muted);font-weight:700}
.metric strong{display:block;font-size:38px;color:var(--green);margin:9px 0}
.metric small{color:var(--muted)}
.panel{padding:24px;margin-top:18px}
.panel h2{margin-top:0;color:var(--green)}
.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.toolbar{display:flex;gap:12px;margin-bottom:16px}
.toolbar input{flex:1}
.toolbar input,.toolbar select,input,select,textarea{border:1px solid #b8c7c1;border-radius:9px;background:#fff;padding:11px 12px;min-width:0;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(12,97,88,.16);border-color:var(--green2)}
.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.record-card{padding:17px;display:flex;flex-direction:column;min-height:210px}
.record-card header,.record-card footer{display:flex;justify-content:space-between;align-items:center}
.record-card footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.record-card h3{font-size:22px;margin:8px 0}
.record-card p{color:var(--muted)}
.record-card .reference{color:var(--green2);font-weight:800;margin-bottom:0}
.status{display:inline-flex;background:#e4f4ee;color:#075e42;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:800}
.delete{border:0;padding:5px;background:transparent}
.empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #9eb2aa;border-radius:14px;padding:50px}
.alert{border-radius:10px;padding:12px 15px;margin:12px 0;background:#e4f4ee;color:#075e42;border:1px solid #8ed6b7}
.alert.error{background:#fee4e2;color:#912018;border-color:#f5a7a0}
.login-page{display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 10% 10%,#dceee8,transparent 40%),linear-gradient(135deg,#f5f8f6,#e8f0ec)}
.login-card{width:min(440px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.login-card img{width:110px;height:80px;object-fit:contain}
.login-card h1{font-size:36px;color:var(--green);margin:8px 0 24px}
.login-card form,.login-card label{display:grid;gap:8px}
.login-card form{gap:17px}
.login-card button{margin-top:8px}
dialog{width:min(720px,calc(100% - 28px));border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.28)}
dialog::backdrop{background:rgba(2,25,24,.6)}
dialog form>header,dialog form>footer{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
dialog form>footer{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-end;gap:10px}
dialog h2{margin:3px 0;color:var(--green)}
.icon-button{font-size:26px;border:0;background:transparent}
.form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid label{display:grid;gap:7px;font-weight:700}
.form-grid .wide{grid-column:1/-1}
textarea{resize:vertical}
.inspection-section{background:#fff;border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden}
.inspection-section h2{margin:0;padding:14px 18px;background:var(--green);color:#fff}
.question{display:grid;grid-template-columns:50px 1fr 210px;gap:14px;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}
.answer-yes{background:#d9f4e6!important;color:#075e42}
.answer-no{background:#fee4e2!important;color:#912018}
.answer-na{background:#dbeafe!important;color:#194185}
.answer-action{background:#fef0c7!important;color:#93370d}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}
.record-grid{grid-template-columns:repeat(2,1fr)}
.shell{grid-template-columns:190px minmax(0,1fr)}
}
@media(max-width:760px){.topbar{position:relative;flex-wrap:wrap;padding:10px 14px}
.brand{width:100%}
.brand strong{font-size:15px}
.sync-state{margin-left:0}
.user-menu{margin-left:auto}
.shell{display:block}
.sidebar{position:sticky;top:0;z-index:15;display:flex;flex-direction:row;overflow-x:auto;padding:9px}
.sidebar a{white-space:nowrap}
.content{padding:18px 14px}
.hero{align-items:flex-start}
.metric-grid,.record-grid{grid-template-columns:1fr}
.form-grid{grid-template-columns:1fr}
.form-grid .wide{grid-column:auto}
.question{grid-template-columns:36px 1fr}
.question select{grid-column:1/-1}
.toolbar{flex-direction:column}
}
@media print{.topbar,.sidebar,.hero button,.toolbar{display:none!important}
.shell{display:block}
.content{padding:0}
.record-card,.panel,.metric{box-shadow:none;break-inside:avoid}
}
/* Checkpoint 2 */
.module-nav{position:sticky;top:77px;z-index:18;display:flex;align-items:center;gap:7px;padding:10px 20px;background:linear-gradient(90deg,#052f2e,#073b3a);overflow-x:auto}.module-nav a{flex:0 0 auto;padding:10px 13px;border:1px solid transparent;border-radius:9px;color:#d9efeb;text-decoration:none;font-weight:700;white-space:nowrap}.module-nav a:hover,.module-nav a.active{background:#fff;color:var(--green)}.shell{display:block;min-height:calc(100vh - 132px)}.content{width:min(1600px,100%);margin:auto;padding:28px}.dashboard-intro,.central-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 25px;margin-bottom:17px;border-radius:16px;background:linear-gradient(125deg,#073b3a,#0b5b55);color:#fff}.dashboard-intro h2,.central-summary h2{font-size:30px;margin:3px 0 6px}.dashboard-intro p,.central-summary p{margin:0;color:#d8ebe7}.dashboard-intro .eyebrow,.central-summary .eyebrow{color:#bfe1d9}.dashboard-intro>span{padding:8px 12px;border:1px solid rgba(255,255,255,.32);border-radius:99px}.central-summary>div:last-child{display:flex;gap:10px}.central-summary>div:last-child span{display:grid;min-width:95px;padding:11px;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:10px}.central-summary>div:last-child b{font-size:25px}.dashboard-metric{min-height:128px;text-align:left;transition:transform .15s ease}.dashboard-metric:hover{transform:translateY(-2px)}.dashboard-metric strong{font-size:34px;margin:0 0 15px}.dashboard-metric span{font-size:15px;color:#354542}.dashboard-metric.success{border-top-color:#12804e}.dashboard-metric.success strong{color:#087443}.dashboard-metric.amber{border-top-color:#d97706}.dashboard-metric.amber strong{color:#a64b08}.dashboard-metric.danger{border-top-color:#c62828}.dashboard-metric.danger strong{color:#a11c1c}.data-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(80px,.6fr)) 90px;gap:12px;align-items:center;padding:12px 8px;border-top:1px solid var(--line)}.data-row>span:first-child{display:flex;flex-direction:column}.data-row small{color:var(--muted);margin-top:3px}.data-head{font-weight:800;color:var(--green);border-top:0;background:#edf4f1;border-radius:9px}.good{color:#087443;font-weight:800}.bad{color:#a11c1c;font-weight:800}.central-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.central-tabs button{display:flex;justify-content:center;align-items:center;gap:10px;border:2px solid #bdccc6}.central-tabs button span{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:99px;background:#e7f1ed}.central-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.central-toolbar{display:flex;gap:12px;margin:14px 0}.central-toolbar input{flex:1}.central-list{display:grid;gap:11px}.central-record{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--green2);border-radius:13px;box-shadow:0 7px 22px rgba(7,59,58,.07)}.central-record-main{min-width:0}.central-record-main p{margin:0;color:var(--green2);font-weight:800}.central-record-main h3{margin:5px 0;font-size:21px}.central-record-main span,.central-record-main small{display:block;color:var(--muted);overflow-wrap:anywhere}.central-record-main small{margin-top:5px}.central-record-actions{display:flex;gap:8px}.danger-button{color:#9c1c17!important;border-color:#e7aaa6!important;background:#fff5f4!important}.metric-grid.complete-dashboard{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1250px){.metric-grid.complete-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.metric-grid.complete-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.data-row{grid-template-columns:minmax(180px,2fr) repeat(2,1fr)}.data-row>*:nth-child(4),.data-row>*:nth-child(5){display:none}.central-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.module-nav{top:0;padding:8px 10px}.content{padding:16px 12px}.dashboard-intro,.central-summary{display:block;padding:19px}.central-summary>div:last-child{margin-top:15px;flex-wrap:wrap}.metric-grid.complete-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metric{min-height:112px;padding:14px}.central-toolbar,.central-record{align-items:stretch;flex-direction:column}.central-record-actions{width:100%}.central-record-actions button{flex:1}.data-row{grid-template-columns:minmax(0,1fr) 55px 55px}.data-row>*:nth-child(6){display:none}}
/* Checkpoint 3 operational workflows */
.workflow-hero{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;margin-bottom:15px;border-radius:15px;background:linear-gradient(125deg,#073b3a,#0b5b55);color:#fff}.workflow-hero h2{font-size:30px;margin:3px 0 6px}.workflow-hero p{margin:0;color:#d8ebe7}.workflow-hero .eyebrow{color:#bfe1d9}.workflow-toolbar{display:flex;gap:12px;margin:15px 0}.workflow-toolbar select{flex:1}.workflow-list{display:grid;gap:11px}.workflow-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;border:1px solid var(--line);border-left:5px solid var(--green2);border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(7,59,58,.07)}.workflow-card p{margin:0;color:var(--green2);font-weight:800}.workflow-card h3{font-size:20px;margin:5px 0}.workflow-card span{color:var(--muted)}.workflow-card>div:last-child{display:flex;align-items:center;gap:10px}.workflow-form{display:grid;gap:15px}.workflow-form label,.door-meta label{display:grid;gap:7px;font-weight:700}.workflow-form .panel{margin-top:0}.workflow-actions{position:sticky;bottom:0;z-index:10;display:flex;justify-content:flex-end;gap:10px;padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 -7px 25px rgba(7,59,58,.1)}.door-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border-radius:14px;background:linear-gradient(115deg,#073b3a,#152841);color:#fff}.door-meta input,.door-meta select{color:var(--ink)}.gap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.gap-grid label{display:grid;gap:5px}.gap-pass{background:#b9e8cf!important;border-color:#13804e!important;color:#075e42!important;font-weight:800}.gap-fail{background:#f8c3bf!important;border-color:#b42318!important;color:#912018!important;font-weight:800}.action-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.action-panels label{padding:15px;border:2px solid var(--line);border-radius:12px}.action-panels label:last-child{grid-column:1/-1}.action-panels .action-box{border-color:#d98b14;background:#fff8e7}.action-panels .risk-box{border-color:#b42318;background:#fff1f0}.calendar-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.calendar-legend span{padding:10px;border-radius:8px;text-align:center;font-weight:800}.calendar-legend .survey{background:#dbeafe;color:#194185}.calendar-legend .inspection{background:#d9f4e6;color:#075e42}.calendar-legend .remedial{background:#fef0c7;color:#93370d}.calendar-legend .installation{background:#ede9fe;color:#5b21b6}.scheduler-list{display:grid;gap:10px}.scheduler-list article{display:grid;grid-template-columns:160px 130px 1fr 120px;gap:14px;align-items:center;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.scheduler-list time{font-weight:800;color:var(--green)}.scheduler-list h3{margin:3px 0}.scheduler-list small{color:var(--muted)}.job-type{padding:7px 9px;border-radius:99px;text-align:center;font-weight:800;background:#e7f1ed}
@media(max-width:900px){.door-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scheduler-list article{grid-template-columns:130px 110px 1fr}.scheduler-list article>strong{grid-column:3}}
@media(max-width:650px){.workflow-hero,.workflow-card,.workflow-toolbar{align-items:stretch;flex-direction:column}.workflow-card>div:last-child{justify-content:space-between}.door-meta,.action-panels{grid-template-columns:1fr}.action-panels label:last-child{grid-column:auto}.gap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-legend{grid-template-columns:1fr 1fr}.scheduler-list article{grid-template-columns:1fr}.scheduler-list article>strong{grid-column:auto}.workflow-actions{position:static;flex-direction:column-reverse}.workflow-actions button{width:100%}}
/* Checkpoint 4 commercial control */
.commercial-hero{padding:23px 25px;border-radius:15px;background:linear-gradient(125deg,#073b3a,#0b5b55);color:#fff}.commercial-hero h2{font-size:31px;margin:3px 0 6px}.commercial-hero p{margin:0;color:#d8ebe7}.commercial-hero .eyebrow{color:#bfe1d9}.commercial-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:14px 0}.commercial-metrics article{display:grid;gap:8px;padding:16px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green2);border-radius:12px}.commercial-metrics b{font-size:26px;color:var(--green)}.commercial-metrics span{font-weight:700;color:var(--muted)}.commercial-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.commercial-tabs button{border:2px solid var(--green2);font-size:17px}.commercial-tabs button.active{background:var(--green);color:#fff}.commercial-start{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:13px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}.commercial-start label,.commercial-details label{display:grid;gap:7px;font-weight:700}.commercial-list{display:grid;gap:8px}.commercial-list article{display:grid;grid-template-columns:2fr 130px 130px 80px;gap:12px;align-items:center;padding:12px;border-top:1px solid var(--line)}.commercial-list article>div{display:grid}.commercial-list span{color:var(--muted)}.commercial-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}.commercial-details .wide{grid-column:1/-1}.commercial-details .check{display:flex;align-items:center;gap:10px;padding:10px;background:#eef5f2;border-radius:9px}.commercial-details .check input{width:auto}.commercial-lines header{display:flex;justify-content:space-between;align-items:center;gap:14px}.commercial-lines header h2,.commercial-lines header p{margin:0}.line-head,.commercial-line{display:grid;grid-template-columns:65px 150px minmax(280px,1fr) 75px 110px 100px 42px;gap:8px;align-items:center}.line-head{padding:10px 5px;background:#e9f2ee;color:var(--green);font-weight:800;border-radius:8px}.commercial-line{padding:9px 5px;border-bottom:1px solid var(--line)}.commercial-line input[type=checkbox]{width:22px;height:22px}.commercial-line textarea{resize:vertical}.commercial-line b{text-align:right}.commercial-line [data-remove-line]{padding:7px;color:#9c1c17}.totals{display:flex;justify-content:flex-end;gap:20px;padding:17px 5px;font-size:16px}.totals span{display:grid;gap:5px;min-width:110px;text-align:right}.totals span:last-child{font-size:19px;color:var(--green)}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:700;text-decoration:none;background:#fff}
@media(max-width:1100px){.commercial-metrics{grid-template-columns:repeat(3,1fr)}.line-head,.commercial-line{grid-template-columns:50px 120px minmax(220px,1fr) 70px 95px 90px 38px}}
@media(max-width:760px){.commercial-metrics{grid-template-columns:repeat(2,1fr)}.commercial-start,.commercial-details{grid-template-columns:1fr}.commercial-details .wide{grid-column:auto}.commercial-list article{grid-template-columns:1fr auto}.commercial-list article>span{display:none}.line-head{display:none}.commercial-line{grid-template-columns:42px 1fr 90px}.commercial-line [data-field="description"]{grid-column:1/-1}.commercial-line [data-field="quantity"],.commercial-line [data-field="unitPrice"]{grid-column:auto}.commercial-line [data-line-total]{text-align:left}.totals{display:grid;grid-template-columns:1fr;gap:8px}.totals span{display:flex;justify-content:space-between;min-width:0;text-align:left}}
/* Checkpoint 5 operations and photo library */
.migration-panel{margin:1.25rem 0}.migration-panel form>label{display:grid;gap:.5rem;font-weight:700}.migration-panel input[type=file]{padding:1rem;border:1px dashed #8ca39e;border-radius:.65rem;background:#f8fbfa}.migration-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.migration-preview{margin-top:1rem}.migration-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.6rem}.migration-counts span{display:grid;padding:.75rem;border-radius:.55rem;background:#edf4f1}.migration-counts b{font-size:1.4rem;color:#184f42}
.photo-repair{margin:1rem 0}.photo-repair-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.photo-repair details{margin-top:1rem;max-height:240px;overflow:auto}.photo-repair li{overflow-wrap:anywhere;margin:.35rem 0}
.operations-hero,.photo-library-head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 25px;margin-bottom:15px;border-radius:15px;background:linear-gradient(125deg,#073b3a,#0b5b55);color:#fff}.operations-hero h2,.photo-library-head h2{font-size:30px;margin:3px 0 6px}.operations-hero p,.photo-library-head p{margin:0;color:#d8ebe7}.operations-hero .eyebrow,.photo-library-head .eyebrow{color:#bfe1d9}.operations-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.operations-actions button:not(.primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.operations-metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.operations-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.operations-grid .panel{margin-top:0}.quality-list{display:grid;gap:8px;max-height:570px;overflow:auto}.quality-item{display:grid;gap:4px;padding:12px 14px;border-left:5px solid #d97706;border-radius:9px;background:#fff8e7}.quality-item.danger{border-left-color:#b42318;background:#fff1f0}.quality-item span{color:var(--muted)}.operations-breakdown{display:grid;gap:8px;margin:0}.operations-breakdown div{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.operations-breakdown dt{font-weight:700}.operations-breakdown dd{margin:0;font-size:22px;font-weight:800;color:var(--green)}.photo-library-head>b{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:99px;white-space:nowrap}.photo-filter{display:flex;gap:9px;overflow-x:auto;margin:14px 0;padding-bottom:4px}.photo-filter button{white-space:nowrap;border:2px solid var(--green2)}.photo-filter button.active{background:var(--green);color:#fff}.photo-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.photo-library-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.photo-library-grid a{display:block;background:#edf2f0}.photo-library-grid img{display:block;width:100%;height:220px;object-fit:contain}.photo-library-grid figcaption{display:grid;gap:4px;padding:13px}.photo-library-grid figcaption span{width:max-content;padding:4px 7px;border-radius:99px;background:#e4f4ee;color:#075e42;font-size:11px;font-weight:800}.photo-library-grid figcaption b{color:var(--green2)}.photo-library-grid figcaption small{color:var(--muted)}
@media(max-width:1150px){.operations-metrics{grid-template-columns:repeat(3,1fr)}.photo-library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.operations-hero,.photo-library-head{align-items:flex-start;flex-direction:column}.operations-actions{justify-content:flex-start}.operations-grid{grid-template-columns:1fr}.photo-library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.operations-metrics,.photo-library-grid{grid-template-columns:1fr}.photo-library-grid img{height:auto;max-height:360px}.operations-actions{display:grid;width:100%}}