*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:#151515;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:14px}header{background:#102b35;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 3%;gap:15px}.logo{font-size:25px;font-weight:900;letter-spacing:.04em}.logo span{color:#35b78b}.logo small{font-size:11px;font-weight:600;color:#35b78b}.identity{display:flex;align-items:center;gap:15px}.identity span{color:#35b78b}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 70px)}nav{background:#173944;padding:24px 12px;display:flex;flex-direction:column;gap:4px}nav a{color:#d2d2d2;text-decoration:none;padding:12px 15px;border-radius:9px;font-weight:600}nav a.active,nav a:hover{background:#35b78b;color:#102b35}main{padding:30px;max-width:1600px;width:100%}.pagehead{margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#248b68;font-weight:800;text-transform:uppercase}h1{font-size:30px;margin:5px 0}h3{margin:0 0 16px;font-size:17px}.panel,.metric{background:#fff;border:1px solid #dceae5;border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 3px 20px #00000007}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.metric span{display:block;color:#666}.metric strong{font-size:32px;display:block;margin-top:10px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#444}input,select{border:1px solid #d9d9d9;border-radius:8px;padding:11px;background:#fff;min-width:0;font:inherit}button{background:#35b78b;color:#062a27;border:0;border-radius:8px;padding:11px 16px;font-weight:800;cursor:pointer}button:hover{background:#48c89b}.quiet{background:#333;color:#fff;padding:8px 10px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task{border:1px solid #d6e9e3;border-left:4px solid #35b78b;border-radius:9px;padding:12px;margin:10px 0;background:#f4faf7}.task b,.task small{display:block;margin-bottom:9px}.task small{color:#666}.inline{display:inline-flex;gap:6px;align-items:center}.inline select,.inline button{padding:7px}.scroll{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #eee;margin-bottom:20px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee;vertical-align:top}th{background:#edf8f3;color:#205d4d;font-size:12px}td{font-size:13px}.line{padding:13px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:10px}.muted{color:#888}.error{padding:13px;background:#fee2e2;color:#991b1b;border-radius:8px}.auth{max-width:490px;margin:10vh auto;padding:20px}.auth>.logo{font-size:42px}.auth .panel{margin-top:30px}.auth .fields{grid-template-columns:1fr}@media(max-width:850px){.layout{display:block}nav{position:sticky;top:0;z-index:5;flex-direction:row;overflow:auto;padding:10px}nav a{white-space:nowrap;font-size:12px}main{padding:18px}.kanban{grid-template-columns:1fr}header{flex-wrap:wrap}.identity{flex-wrap:wrap}h1{font-size:25px}}
.sync-indicator{float:right;color:#3f9566;font-size:12px;font-weight:700}.sync-indicator.offline{color:#b45309}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:190px;object-fit:cover;border-radius:12px}.photo-grid figcaption{padding:10px 0}.timer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#timer-display{font-size:32px;font-variant-numeric:tabular-nums}.gantt-scroll{overflow-x:auto}.gantt-chart{min-width:1050px}.gantt-row{display:flex;border-bottom:1px solid #ddd;min-height:38px}.gantt-label{width:220px;min-width:220px;padding:7px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-label small{display:block;color:#888}.gantt-track{position:relative;flex:1;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 60 - 1px),#e5e5e5 calc(100% / 60 - 1px),#e5e5e5 calc(100% / 60));}.gantt-bar{position:absolute;top:10px;height:18px;background:#35b78b;border-radius:5px}.gantt-bar.done{background:#28965a}.gantt-bar.doing{background:#35b78b}.gantt-bar.todo{background:#666}.gantt-dates{display:flex}.gantt-dates span{width:calc(100% / 60);font-size:9px;writing-mode:vertical-rl;height:55px;padding:3px 0}

.chart-label{display:flex;justify-content:space-between;gap:12px;margin:14px 0 5px;font-size:13px}.chart-track{height:16px;border-radius:9px;background:#eee;overflow:hidden}.chart-fill{height:100%;background:#35b78b;border-radius:9px}.chart-progress{background:#2b8c72}

/* Camera/gallery buttons on mobile */
.file-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.camera-choice{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;background:#102b35;color:#35b78b;border:1px solid #269b74;border-radius:10px;font-weight:700;cursor:pointer}.camera-choice input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.camera-choice:focus-within{outline:3px solid #35b78b;outline-offset:3px}.upload-preview{display:block;margin:10px 0;font-size:14px}.camera-preview-image{display:block;width:auto;max-width:100%;max-height:220px;margin-top:8px;border-radius:8px;object-fit:contain}

/* v6: photo deletion and selected-file removal */
.photo-grid figure{position:relative}
.photo-delete-form{position:absolute;right:28px;top:12px;z-index:2;margin:0}
.photo-delete-button{width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;background:#141414;color:#fff;border:2px solid #fff;font-size:25px;line-height:1;box-shadow:0 2px 8px #0006}
.photo-delete-button:hover{background:#b42318}
.preview-remove{display:inline-flex;margin-left:12px;background:#262626;color:#fff;padding:6px 12px;border-radius:7px}
.preview-remove:hover{background:#b42318}

.receipt-delete-button{margin-left:8px;border:1px solid #ad3131;border-radius:6px;background:#301717;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:5px 10px}.receipt-delete-button:hover{background:#b42323}

/* AGERNETA+ identity – independent installation */
.logo{font-size:24px;letter-spacing:.015em}.logo span{color:#35b78b}.logo small{color:#9de2c6}.eyebrow{color:#168363}header{border-bottom:3px solid #35b78b}nav a.active,nav a:hover{background:#35b78b;color:#072d2a}button{background:#35b78b;color:#092f29}button:hover{background:#48c89b}.camera-choice{color:#baf2dc;border-color:#35b78b}body{background:#f4f8f7}

/* AGERNETA official logo brand system: blue #034C86, green #448818, orange #E98017 */
:root{--ag-blue:#034c86;--ag-blue-deep:#092d4c;--ag-green:#448818;--ag-orange:#e98017;--ag-bg:#f4f7fb;--ag-border:#dbe5ef}
body{background:var(--ag-bg);color:#142c40}
header{background:#fff;color:var(--ag-blue-deep);border-bottom:3px solid var(--ag-orange);box-shadow:0 2px 12px #092d4c0d;min-height:86px}
.logo{display:flex;align-items:center;gap:18px;min-width:0}
.brand-logo{display:block;width:min(310px,42vw);height:auto;max-height:64px;object-fit:contain;object-position:left center}
.logo small{color:var(--ag-blue);font-weight:800;letter-spacing:.065em;line-height:1.4}
.identity{color:var(--ag-blue-deep)}.identity span{color:var(--ag-green);font-weight:800}
nav{background:var(--ag-blue-deep)}nav a{color:#e2ecf4}nav a.active,nav a:hover{background:var(--ag-blue);color:#fff;box-shadow:inset 4px 0 var(--ag-orange)}
.eyebrow{color:var(--ag-blue);letter-spacing:.14em}.panel,.metric{border-color:var(--ag-border);box-shadow:0 4px 18px #092d4c0a}
h1,h3{color:var(--ag-blue-deep)}.metric strong{color:var(--ag-blue)}
button{background:var(--ag-blue);color:#fff}button:hover{background:#0564ab}.quiet{background:var(--ag-blue-deep);color:#fff}.quiet:hover{background:var(--ag-blue)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ag-orange);outline-offset:1px;border-color:var(--ag-orange)}
.task{border-color:var(--ag-border);border-left-color:var(--ag-orange);background:#f6f9fc}
th{background:#eaf2f9;color:var(--ag-blue-deep)}
.gantt-bar,.gantt-bar.doing,.chart-fill{background:var(--ag-blue)}.gantt-bar.done,.chart-progress{background:var(--ag-green)}.gantt-bar.todo{background:#8496a4}
.camera-choice{background:var(--ag-blue);border-color:var(--ag-blue);color:#fff}.camera-choice:focus-within{outline-color:var(--ag-orange)}
.sync-indicator{color:var(--ag-green)}.sync-indicator.offline{color:var(--ag-orange)}
.auth{max-width:530px}.auth>.logo{justify-content:center}.brand-logo-login{width:min(410px,90vw);max-height:150px}
@media(max-width:850px){header{padding:14px 16px}.brand-logo{width:min(260px,65vw)}.logo{flex-wrap:wrap;gap:5px}.logo small{font-size:9px}.identity{font-size:12px}nav a.active,nav a:hover{box-shadow:inset 0 -3px var(--ag-orange)}}

/* v4: compact, crisp login logo; header logo unchanged */
.auth>.logo{justify-content:center;align-items:center;margin:0 auto 4px}
.auth .brand-logo-login{display:block;width:270px;max-width:72vw;max-height:none;height:auto;object-fit:contain;object-position:center;image-rendering:auto}
@media(max-width:480px){.auth .brand-logo-login{width:230px;max-width:75vw}}
