.cr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}.cr-tile{min-width:0;min-height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:750;box-shadow:0 2px 10px #12294415}.cr-tile.green{background:#14834a}.cr-tile.blue{background:#256fc2}.cr-tile.purple{background:#786695}.cr-tile.chosen{outline:3px solid #e4b843;outline-offset:2px}.cr-tile strong{font-size:24px}.cr-job{border-left:5px solid #256fc2}.cr-job-done{border-left-color:#14834a}.cr-photo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.cr-photo-tabs button{padding:10px 4px;background:#e8eef7;color:#1e456d}.cr-photo-tabs button.active{background:#1769b0;color:#fff}.cr-photo-list{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.cr-drafts{margin:8px 0}@media(max-width:450px){.cr-tile{font-size:12px;padding:8px 3px}.cr-job h3{font-size:15px}}

/* Section colors are scoped below the three work cards. */
.contractor-panel[data-work-section=finished]{--cr-work-tint:#edf8f1;--cr-work-accent:#14834a;--cr-work-border:#badfc9}
.contractor-panel[data-work-section=pending]{--cr-work-tint:#eef5ff;--cr-work-accent:#256fc2;--cr-work-border:#c4d9f2}
.contractor-panel[data-work-section=past]{--cr-work-tint:#f3eff8;--cr-work-accent:#786695;--cr-work-border:#d8cce5}
.contractor-panel .cr-contractor-content{border-radius:16px}
.contractor-panel:is([data-work-section=finished],[data-work-section=pending],[data-work-section=past],[data-work-section=today],[data-work-section=warranties],[data-work-section=invoices]) .cr-contractor-content{background:var(--cr-work-tint);border:1px solid var(--cr-work-border);padding:12px}
.contractor-panel .cr-contractor-content .cr-job{background:var(--cr-work-tint,#fff);border-left-color:var(--cr-work-accent,#256fc2)}
.contractor-panel .cr-tile{font-size:clamp(14px,3.8vw,18px);line-height:1.25;min-height:135px;padding:14px 7px;justify-content:space-between}
.contractor-panel .cr-tile>span{display:block;max-width:100%;overflow-wrap:normal}
.contractor-panel .cr-tile.chosen{outline-color:var(--cr-work-accent,#173f65);box-shadow:0 4px 14px #173c5926}
.contractor-panel .cr-contractor-photo-panel{margin-top:14px;padding:12px;border-radius:12px;border:1px solid var(--cr-photo-border);border-left:4px solid var(--cr-photo-accent);background:var(--cr-photo-tint)}
.contractor-panel [data-photo-stage=antes]{--cr-photo-tint:#edf5ff;--cr-photo-accent:#256fc2;--cr-photo-border:#c4d9f2}
.contractor-panel [data-photo-stage=despues]{--cr-photo-tint:#edf8f1;--cr-photo-accent:#14834a;--cr-photo-border:#badfc9}
.contractor-panel [data-photo-stage=damage]{--cr-photo-tint:#fff3e8;--cr-photo-accent:#a45520;--cr-photo-border:#eacdaf}
.contractor-panel [data-photo-stage=all]{--cr-photo-tint:#f3eff8;--cr-photo-accent:#786695;--cr-photo-border:#d8cce5}
.contractor-panel .cr-contractor-photo-panel .cr-photo-tabs button{background:#ffffffb8;color:#25415b;border:1px solid var(--cr-photo-border)}
.contractor-panel .cr-contractor-photo-panel .cr-photo-tabs button[aria-pressed=true]{background:var(--cr-photo-accent)!important;color:white!important;border-color:var(--cr-photo-accent)}
@media(max-width:450px){.contractor-panel .cr-tile{font-size:14px;min-height:137px;padding:12px 5px}.contractor-panel .cr-contractor-photo-panel{padding:9px}.contractor-panel:is([data-work-section=finished],[data-work-section=pending],[data-work-section=past],[data-work-section=today],[data-work-section=warranties],[data-work-section=invoices]) .cr-contractor-content{padding:9px}}

/* Six mobile-app tiles, fixed to two rows of three. */
.contractor-panel[data-work-section=today]{--cr-work-tint:#edf8fa;--cr-work-accent:#087f8c;--cr-work-border:#c3e2e7}
.contractor-panel[data-work-section=warranties]{--cr-work-tint:#fff5e9;--cr-work-accent:#b96d19;--cr-work-border:#ebd4b5}
.contractor-panel[data-work-section=invoices]{--cr-work-tint:#f0effb;--cr-work-accent:#6356b7;--cr-work-border:#d6d0ed}
.contractor-panel .cr-contractor-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 20px}
.contractor-panel .cr-contractor-menu .cr-app-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;width:100%;min-height:150px;padding:18px 9px 15px;border:1px solid #ffffff30;border-radius:20px;color:#fff;box-shadow:0 7px 14px #102b4620,inset 0 1px 0 #ffffff35;cursor:pointer;font-family:inherit;transition:transform .12s,box-shadow .12s}
.contractor-panel .cr-app-tile[data-section=today]{--cr-tile-accent:#087f8c;background:linear-gradient(145deg,#1497a0,#086178)}
.contractor-panel .cr-app-tile[data-section=finished]{--cr-tile-accent:#14834a;background:linear-gradient(145deg,#24a965,#0b7145)}
.contractor-panel .cr-app-tile[data-section=pending]{--cr-tile-accent:#256fc2;background:linear-gradient(145deg,#3f8edf,#245aa9)}
.contractor-panel .cr-app-tile[data-section=past]{--cr-tile-accent:#786695;background:linear-gradient(145deg,#9680b3,#665183)}
.contractor-panel .cr-app-tile[data-section=warranties]{--cr-tile-accent:#b96d19;background:linear-gradient(145deg,#df9a32,#b66a1b)}
.contractor-panel .cr-app-tile[data-section=invoices]{--cr-tile-accent:#6356b7;background:linear-gradient(145deg,#7b6ed1,#4d4299)}
.contractor-panel .cr-contractor-menu .cr-app-tile.chosen{outline:3px solid var(--cr-tile-accent);outline-offset:3px;box-shadow:0 8px 18px #102b4630,inset 0 0 0 2px #ffffff75}
.contractor-panel .cr-app-icon{display:grid!important;place-items:center;width:51px;height:51px;flex-shrink:0;border-radius:16px;background:linear-gradient(145deg,#ffffff30,#ffffff12);border:1px solid #ffffff35;box-shadow:0 3px 8px #102b4615}
.contractor-panel .cr-app-icon svg{display:block;width:30px;height:34px}
.contractor-panel .cr-app-label{display:block;font-size:16px;font-weight:800;line-height:1.25;text-align:center;max-width:100%}
.contractor-panel .cr-contractor-menu .cr-app-count{position:absolute;top:9px;right:9px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 3px;border-radius:9px;background:#102b4628;color:#fff;font-size:14px;line-height:1}
.contractor-panel .cr-app-tile:active{transform:scale(.98)}
.contractor-panel .cr-app-tile:focus-visible{outline:3px solid #123954;outline-offset:3px}
@media(max-width:450px){.contractor-panel .cr-contractor-menu{gap:9px}.contractor-panel .cr-contractor-menu .cr-app-tile{min-height:146px;padding:15px 5px 12px;gap:10px;border-radius:17px}.contractor-panel .cr-app-label{font-size:14px}.contractor-panel .cr-app-icon{width:43px;height:43px;border-radius:13px}.contractor-panel .cr-app-icon svg{width:26px;height:30px}.contractor-panel .cr-contractor-menu .cr-app-count{top:6px;right:6px;min-width:21px;height:21px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.contractor-panel .cr-contractor-menu .cr-app-tile{transition:none}}

/* Distinct colors and compact illustrated mobile tiles. */
.contractor-panel[data-work-section=today]{--cr-work-tint:#fff9df;--cr-work-accent:#a77205;--cr-work-border:#ead998}
.contractor-panel[data-work-section=pending]{--cr-work-tint:#fff1df;--cr-work-accent:#b9570c;--cr-work-border:#edc8a1}
.contractor-panel[data-work-section=warranties]{--cr-work-tint:#fff0f2;--cr-work-accent:#b72c4b;--cr-work-border:#edc1cb}
.contractor-panel[data-work-section=invoices]{--cr-work-tint:#edf3ff;--cr-work-accent:#245bbb;--cr-work-border:#c2d5f4}
.contractor-panel .cr-contractor-menu .cr-app-tile{min-height:132px;padding:11px 8px;gap:6px;border-radius:17px}
.contractor-panel .cr-app-tile[data-section=today]{--cr-tile-accent:#a77205;background:linear-gradient(145deg,#ffe392,#f4c647);color:#493405}
.contractor-panel .cr-app-tile[data-section=pending]{--cr-tile-accent:#b9570c;background:linear-gradient(145deg,#ffd1a4,#f39b48);color:#592600}
.contractor-panel .cr-app-tile[data-section=warranties]{--cr-tile-accent:#b72c4b;background:linear-gradient(145deg,#db5873,#b92b4c)}
.contractor-panel .cr-app-tile[data-section=invoices]{--cr-tile-accent:#245bbb;background:linear-gradient(145deg,#377de0,#2157b1)}
.contractor-panel .cr-contractor-menu{gap:10px;margin:12px 0 16px}
.contractor-panel .cr-app-art{display:grid!important;place-items:center;width:58px;height:58px;max-width:100%}
.contractor-panel .cr-app-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #173c5920)}
.contractor-panel .cr-contractor-menu .cr-app-icon{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:7px;box-shadow:none;background:#ffffff24;border-color:#ffffff35}
.contractor-panel .cr-contractor-menu .cr-app-icon svg{width:13px;height:16px}
.contractor-panel .cr-app-label{font-size:15px;line-height:1.18}
.contractor-panel .cr-app-tile[data-section=today] .cr-app-icon,.contractor-panel .cr-app-tile[data-section=pending] .cr-app-icon{background:#ffffff55;border-color:#ffffff75}
@media(max-width:450px){
 .contractor-panel .cr-contractor-menu{gap:8px;margin:11px 0 14px}
 .contractor-panel .cr-contractor-menu .cr-app-tile{min-height:108px;padding:8px 5px;gap:4px;border-radius:14px}
 .contractor-panel .cr-app-art{width:42px;height:42px}
 .contractor-panel .cr-app-label{font-size:clamp(12px,3.3vw,14px);line-height:1.18}
 .contractor-panel .cr-contractor-menu .cr-app-icon{top:5px;left:5px;width:18px;height:18px;border-radius:5px}
 .contractor-panel .cr-contractor-menu .cr-app-icon svg{width:11px;height:13px}
 .contractor-panel .cr-contractor-menu .cr-app-count{top:5px;right:5px;min-width:18px;height:18px;font-size:11px;border-radius:6px}
}

/* Clearer work counts without increasing tile height. */
.contractor-panel .cr-contractor-menu .cr-app-count{top:7px;right:7px;min-width:30px;height:30px;padding:0 5px;font-size:19px;font-weight:900;border-radius:10px;background:#102b4645;box-shadow:0 1px 3px #102b4615}
@media(max-width:450px){.contractor-panel .cr-contractor-menu .cr-app-count{top:5px;right:5px;min-width:27px;height:27px;padding:0 4px;font-size:18px;border-radius:9px}}