.sale-links-panel{margin-top:18px}.sale-link-form{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;margin-bottom:14px}.sale-links>div{display:flex;align-items:center;border-top:1px solid var(--line)}.sale-links>div>a{display:flex;justify-content:space-between;flex:1;padding:13px 0}.sale-links span{color:var(--muted);font-size:.82rem}.sale-links form{margin-left:10px}.photo-count{background:#edf1fb;color:var(--blue);border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:800}.upload-form{display:block}.photo-dropzone{border:2px dashed #bfd0f7;background:#f7f9ff;border-radius:18px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;cursor:pointer;transition:.2s}.photo-dropzone:hover,.photo-dropzone.dragging{border-color:var(--blue);background:#eef3ff}.photo-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.photo-dropzone strong,.photo-dropzone small{display:block}.photo-dropzone small{color:var(--muted);margin-top:5px}.upload-icon{width:45px;height:45px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:1.5rem;margin-bottom:10px}.photo-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}.preview-item{aspect-ratio:1;border-radius:11px;overflow:hidden;position:relative;background:#eef1f6}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item span{position:absolute;left:5px;right:5px;bottom:5px;background:rgba(0,0,0,.62);color:#fff;border-radius:6px;padding:3px 5px;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.selected-count{color:var(--muted);font-size:.82rem}
.sale-links-panel,.photo-panel{padding:26px!important;margin-top:22px!important}.sale-links-panel .section-head,.photo-panel .section-head{margin:0 0 18px}.sale-link-form,.photo-panel .upload-form{margin-left:0;margin-right:0}
@media(max-width:700px){.sale-links-panel,.photo-panel{padding:18px!important;margin-top:14px!important}.sale-link-form{grid-template-columns:1fr}.photo-preview{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.car-avatar{width:44px;height:44px;border-radius:50%;font-size:1.15rem;align-self:start}.car-card{align-items:start}}
@media(max-width:800px){.nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.plus-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}}
@media(max-width:800px){.quick-open{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}.quick-open .plus-icon{display:block;margin:0}}
.quick-open{position:relative!important}.quick-open .plus-icon{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.role-user .sale-link-form{display:grid!important}.role-user .upload-form{display:block!important}.photo-panel+.share-panel{margin-top:28px!important}.share-panel{margin-bottom:20px}
@media(max-width:800px){.bottom-nav{height:72px!important;bottom:0!important;padding:7px 12px!important;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}.bottom-nav a,.quick-open{transform:translateZ(0)}}
@media(max-width:800px) and (display-mode:standalone){.bottom-nav{height:calc(72px + env(safe-area-inset-bottom))!important;padding-bottom:calc(7px + env(safe-area-inset-bottom))!important}}

/* Єдина система мобільної верстки */
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .container,.topbar,.page-head,.project-grid,.metrics,.two-col,.settings-grid,.car-list,.panel,.project-card{min-width:0;max-width:100%}
  .container{width:100%;padding-left:14px!important;padding-right:14px!important}
  .page-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px;margin-bottom:22px}
  .page-head>div:first-child{min-width:0}
  .page-head h1,.page-head p{overflow-wrap:anywhere}
  .page-head>.action-row,.action-row{width:100%;display:flex;flex-wrap:wrap;gap:8px}
  .page-head>.action-row{margin-top:0!important}
  .container>.action-row,.car-list+.action-row{margin-top:20px!important}
  .page-head>.action-row .btn,.action-row>.btn{flex:1 1 calc(50% - 8px);min-width:135px;white-space:normal;text-align:center;padding:11px 12px}
  .page-head>.btn{width:100%;white-space:normal}
  .metrics,.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .metric{min-width:0;padding:15px}
  .metric strong{font-size:1rem;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}
  .project-grid{grid-template-columns:minmax(0,1fr)!important}
  .project-card{width:100%;overflow:hidden}
  .hero-number,.split b{overflow-wrap:anywhere}
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .car-card{width:100%;grid-template-columns:auto minmax(0,1fr)!important;overflow:hidden}
  .car-card>div:nth-child(2),.car-cost{min-width:0}
  .car-card h3,.car-card p,.car-cost b{overflow-wrap:anywhere}
  .two-col,.settings-grid{grid-template-columns:minmax(0,1fr)!important}
  .panel{width:100%;padding:18px;overflow:hidden}
  .section-head{gap:12px;align-items:flex-start}
  .section-head>div{min-width:0}
  .section-head h2,.section-head p{overflow-wrap:anywhere}
  .inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}
  .filters{grid-template-columns:minmax(0,1fr)!important;width:100%;padding:10px}
  .filters>*{grid-column:auto!important;min-width:0}
  .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .form-grid .full{grid-column:1!important}
  input,select,textarea{min-width:0;max-width:100%}
  .tx-row{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .tx-row>strong{grid-column:2;text-align:left;overflow-wrap:anywhere}
  .table-wrap{display:block;width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:0}
  .table-wrap table{min-width:720px}
  .modal{padding:10px;align-items:flex-end}
  .modal-card{width:100%;max-width:100%;max-height:92dvh;border-radius:20px 20px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom))}
  .sale-links-panel,.photo-panel,.share-panel{width:100%;padding:18px!important}
  .sale-link-form{grid-template-columns:minmax(0,1fr)!important}
  .sale-links>div{min-width:0}
  .sale-links>div>a{min-width:0;gap:8px}
  .sale-links b,.sale-links span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .upload-actions,.share-actions{flex-direction:column;align-items:stretch;gap:10px}
  .upload-actions .btn,.share-actions .btn{width:100%}
  .photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .menu-links a{gap:12px}
  .settings-grid .panel>form{display:flex;flex-direction:column;gap:14px}
  .settings-grid .panel>form .btn{align-self:flex-start;margin-top:2px}
  .user-actions{flex-wrap:nowrap}
}
@media(max-width:380px){
  .metrics,.finance-metrics{grid-template-columns:minmax(0,1fr)!important}
  .page-head>.action-row .btn,.action-row>.btn{flex-basis:100%}
  .photo-grid{grid-template-columns:minmax(0,1fr)!important}
}
.tx-info{min-width:0}.tx-comment{margin:7px 0 0;padding:8px 10px;border-radius:9px;background:#f5f7fb;color:#505d73;font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}
.tx-edit{display:inline-block;margin-top:7px;color:var(--blue);font-size:.76rem;font-weight:750}.cancel-expense form{display:flex;flex-direction:column;gap:14px}.expense-edit-layout{align-items:start}
.share-panel{padding:26px!important;margin-top:22px!important}.share-actions{display:flex;gap:10px}.share-actions input{flex:1}.public-car{max-width:920px;margin:auto;padding:32px 18px}.public-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.public-gallery a{aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#eef1f6}.public-gallery img{width:100%;height:100%;object-fit:cover}.public-details dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.public-details dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.public-details dt{color:var(--muted)}.public-details dd{font-weight:750;margin:0}@media(max-width:600px){.share-panel{padding:18px!important}.share-actions{flex-direction:column}.public-gallery{grid-template-columns:1fr 1fr}.public-details dl{grid-template-columns:1fr}}
.sell-car-btn{background:#e4f7ef;color:var(--green);border:1px solid #bfe9d9}.sell-car-btn:hover{background:var(--green);color:#fff}.role-user a[href*="new=deposit"],.role-user a[href*="new=withdrawal"],.role-user a[href*="new=adjustment"],.role-user a[href*="edit_budget"],.role-user a[href*="edit=1"]{display:none!important}
.user-actions{display:flex;align-items:center;gap:8px}.user-actions form{margin:0}.access-link,.block-user-btn{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;border-radius:9px!important;padding:8px 11px!important;font-size:.78rem!important;font-weight:750!important;line-height:1.2}.access-link{background:#edf1fb;color:var(--blue)}.block-user-btn{background:#fff0ef!important;color:var(--red)!important;border:0!important;cursor:pointer}.access-list{display:grid;gap:10px;margin:20px 0}.access-list label{border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer}.access-list input{width:20px;height:20px}.access-list span{display:flex;flex-direction:column}.access-list small{color:var(--muted);margin-top:3px}

.car-divider{margin:14px 2px 2px;padding-top:14px;border-top:2px dashed var(--line);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.car-card.sold{background:#f7f8fb;opacity:.8}.car-card .car-bank{margin-top:5px;font-size:.78rem}.car-bank b{color:var(--ink)}.tx-row .tx-bank b{color:#505d73}.debt-actions{display:flex;align-items:center;gap:14px;margin-top:7px}.debt-actions .tx-edit{margin-top:0}.debt-actions .link-btn{padding:0;font-size:.76rem;color:var(--muted)}