.actions.top{margin-top:8px}
.actions.mid{margin-top:12px}
.add-photos{margin-top:16px}
.photos-note{margin-top:8px}
.badge.teal{color:var(--teal)}
.badge.dashed{border-style:dashed}
.badge.adoptee{background:var(--wine);color:var(--on-ink);border-color:var(--wine)}
textarea.input{min-height:120px;resize:vertical}
.hint{font:400 14px/1.6 var(--serif);color:var(--ink-muted);margin:0 0 4px}
.field .hint{margin:-2px 0 6px}
.ro{margin:12px 0 16px}
.ro .label{display:block;margin-bottom:4px}
.ro p{margin:0;font:400 16px/1.75 var(--serif);color:var(--ink-soft)}
fieldset{border:0;margin:12px 0 16px;padding:0;min-width:0}
legend{font:700 15px/1.4 var(--serif);color:var(--ink);padding:0;margin-bottom:4px}
.check{display:flex;align-items:center;gap:12px;min-height:44px;font:400 16px/1.75 var(--serif);color:var(--ink)}
.check input{width:24px;height:24px;margin:0;accent-color:var(--accent);flex:none}
.btn-dashed{display:flex;width:100%;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1.5px dashed var(--accent);border-radius:8px;background:transparent;color:var(--ink);font:700 15px/1.4 var(--serif);cursor:pointer}
.btn-dashed:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.list a{display:flex;gap:12px;align-items:flex-start;padding:12px;background:var(--card);border:1px solid var(--sand);border-radius:12px;box-shadow:var(--sh-hair);color:inherit;text-decoration:none;min-height:48px}
.list dl{margin:0;flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:baseline}
.list dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.list dd{margin:0}
.list .t{font:400 16px/1.5 var(--serif);color:var(--ink)}
.list .total{font:700 16px/1.5 var(--serif);color:var(--ink);text-align:right;white-space:nowrap}
.list .s{font:400 14px/1.6 var(--serif);color:var(--ink-muted);grid-column:1 / -1}
.list .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;grid-column:1 / -1}
.thumb{width:72px;height:72px;border-radius:8px;flex:none;background:var(--sand)}
.thumb.lg{width:112px;height:112px}
.g1{background:linear-gradient(135deg,#E8B77A 0%,#B8642A 55%,#5C2B2E 100%)}
.g2{background:linear-gradient(160deg,#9ED2D8 0%,#156672 60%,#0E3F47 100%)}
.g3{background:linear-gradient(145deg,#C9B997 0%,#8A7A58 45%,#3D3521 100%)}
.g4{background:linear-gradient(150deg,#F2D69A 0%,#E0A33E 60%,#8A5A1B 100%)}
.g5{background:linear-gradient(135deg,#D9E6E8 0%,#7FAAB3 50%,#156672 100%)}
.nophoto{display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--kraft-deep);background:var(--parchment);color:var(--kraft-dark)}
.nophoto svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.photos{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.photo{display:flex;gap:12px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--kraft)}
.photo:first-child{border-top:0;padding-top:0}
.photo-meta{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}
.photo-meta form{margin:0}
.photo-meta .meta{flex-basis:100%}
.photo-meta form.del{margin-left:auto;padding-left:8px}
.ico.danger{color:var(--danger)}
.alert-error{display:flex;gap:10px;align-items:flex-start;background:var(--parchment);border:1.5px solid var(--danger);color:var(--danger);border-radius:12px;padding:12px 16px;margin:16px 0 0;font:400 16px/1.75 var(--serif)}
.alert-error p{margin:0}
.alert-error a{color:inherit;font-weight:700}
.alert-error .i{width:20px;height:20px;margin-top:6px}
.notice{background:var(--parchment);border:1px solid var(--sand);border-radius:14px;padding:32px 24px;box-shadow:var(--sh-hair);margin-top:16px;text-align:center}
.notice h2{font:400 26px/1.25 var(--serif);color:var(--ink);margin:0 0 8px}
.notice .body{margin:0 0 16px}
.notice .btn-outline{margin-top:12px}
@media (hover:hover){ .btn-primary:not(:disabled):hover{background:var(--ink)} .btn-legal:not(:disabled):hover{background:var(--ink-soft)} .btn-secondary:hover{color:var(--ink)} .btn-dashed:not(:disabled):hover{background:var(--accent);color:var(--on-ink);border-style:solid} .btn-outline:hover,.btn-icon:hover{background:var(--parchment);border-color:var(--kraft-dark)} .hdr-nav a:hover,.adm-nav a:hover,.filters a:hover{color:var(--ink)} .input:hover{border-color:var(--kraft-dark)} .list a:hover{background:var(--parchment)} .card-link:hover .polaroid,.polaroid:has(a):hover{box-shadow:var(--sh-relief);transform:translateY(-2px)} .ftr a:hover,.adm-ftr a:hover,.adm-ftr button:hover{text-decoration:underline} }
@media (hover:hover){.btn-dashed:not(:disabled):hover{background:var(--parchment);color:var(--ink);border-style:dashed}}