:root { --paper:#faf8f2; --ivory:#f3efe6; --ink:#0d1b26; --brass:#ad8750; --line:rgba(13,27,38,.18); --serif:"Cormorant Garamond",Georgia,serif; --sans:"Manrope",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--ivory); font:15px/1.55 var(--sans); }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.admin-header { min-height:72px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:white; }
.admin-header > a { display:flex; align-items:center; gap:.8rem; text-transform:uppercase; letter-spacing:.14em; font-size:.76rem; }
.admin-header > a span { width:36px; height:36px; display:grid; place-items:center; border:1px solid white; border-radius:50%; font-family:var(--serif); }
.admin-header button { border:0; background:none; color:white; cursor:pointer; }
.admin-main { width:min(1400px,92vw); margin:0 auto; padding:clamp(3rem,7vw,7rem) 0; }
.eyebrow { margin:0 0 1rem; color:var(--brass); font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.18em; }
h1 { margin:0; font:500 clamp(3.3rem,6vw,6rem)/.9 var(--serif); }
h2 { margin:0 0 1.8rem; font:500 2rem var(--serif); }
.auth-card { width:min(560px,100%); margin:5vh auto; padding:clamp(2rem,5vw,4rem); background:var(--paper); border:1px solid var(--line); }
.auth-card > p:not(.eyebrow) { color:#5d686f; }
.form-stack,.editor-card { display:grid; gap:1.25rem; }
label { display:grid; gap:.5rem; font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
input,select,textarea { width:100%; border:1px solid var(--line); border-radius:0; padding:.85rem 1rem; background:white; color:var(--ink); text-transform:none; letter-spacing:0; }
input:focus,select:focus,textarea:focus { outline:2px solid rgba(173,135,80,.35); border-color:var(--brass); }
small { color:#727c82; font-weight:400; text-transform:none; letter-spacing:0; }
.primary { min-height:50px; border:0; padding:0 1.4rem; background:var(--ink); color:white; font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.13em; cursor:pointer; }
.secondary { min-height:46px; border:1px solid var(--ink); padding:0 1.2rem; background:transparent; color:var(--ink); font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.1em; cursor:pointer; }
.notice { margin-bottom:2rem; padding:1rem 1.2rem; border:1px solid; }
.notice.error { color:#8a2929; background:#fff2f0; }
.notice.success { color:#285f42; background:#eef8f1; }
.admin-title { display:flex; justify-content:space-between; align-items:end; margin-bottom:4rem; }
.admin-title > a { padding-bottom:.3rem; border-bottom:1px solid; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; }
.api-settings { margin-bottom:2rem; background:#e9e2d3; border:1px solid var(--line); }
.api-settings > summary { min-height:58px; padding:.75rem 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; cursor:pointer; list-style:none; }
.api-settings > summary::-webkit-details-marker { display:none; }
.api-settings > summary span { display:flex; align-items:baseline; gap:1rem; }
.api-settings > summary strong { font-size:.75rem; text-transform:uppercase; letter-spacing:.11em; }
.api-settings > summary small { color:#657078; }
.api-settings > summary b { color:#76572f; font-size:.65rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
.api-settings > summary b::after { content:' +'; font-size:1rem; }
.api-settings[open] > summary { border-bottom:1px solid var(--line); }
.api-settings[open] > summary b::after { content:' −'; }
.api-settings[open] > summary b { font-size:0; }
.api-settings[open] > summary b::before { content:'Sbalit'; font-size:.65rem; }
.api-card { padding:1.6rem 2rem; display:grid; grid-template-columns:1fr minmax(320px,.8fr); gap:3rem; align-items:end; }
.api-card h2 { margin-bottom:.4rem; }
.api-card p { margin:.3rem 0 0; color:#5f6a70; }
.api-card form { display:grid; grid-template-columns:1fr auto; gap:.7rem; align-items:end; }
.check-row { grid-template-columns:auto 1fr; align-items:start; padding:1rem; border:1px solid var(--line); background:#f5f1e8; text-transform:none; letter-spacing:0; cursor:pointer; }
.check-row input { width:18px; height:18px; margin:.2rem 0 0; }
.check-row span { display:grid; gap:.25rem; }
.check-row strong { font-size:.78rem; text-transform:uppercase; letter-spacing:.07em; }
.technique-fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin:0; padding:1rem; border:1px solid var(--line); }
.technique-fieldset legend { padding:0 .35rem; color:#76572f; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.technique-fieldset label { grid-template-columns:auto 1fr; align-items:center; gap:.5rem; font-size:.68rem; text-transform:none; letter-spacing:0; cursor:pointer; }
.technique-fieldset input { width:17px; height:17px; }
.technique-fieldset.compact { grid-template-columns:1fr 1fr; min-width:330px; }
.decor-technique-form { display:grid; gap:.7rem; }
.decor-row-actions { display:flex; justify-content:flex-end; gap:.5rem; }
.decor-row-actions { align-items:center; flex-wrap:wrap; }
.decor-row-actions .secondary { padding:.55rem .8rem; }
.decor-saved-status { padding:.45rem .65rem; background:#e4efe5; color:#2f5b3c; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }
.decor-list article:target { outline:2px solid rgba(173,135,80,.55); outline-offset:-2px; }
.decor-row-actions .featured-action { padding:.55rem .8rem; border:1px solid #9b733b; background:#f7ecd5; color:#62430f; }
.decor-list article.is-collection-featured { box-shadow:inset 4px 0 #ad8750; background:#fffaf0; }
.collection-featured-badge { display:table; margin:.45rem 0; padding:.35rem .55rem; background:#e9f1e8; color:#31543d; font:600 .62rem var(--sans); text-transform:uppercase; letter-spacing:.08em; }
.form-hint { margin:-.5rem 0 0; color:#8a5d29; font-size:.78rem; }
.image-preparation-status { display:block; min-height:1.2em; margin-top:.35rem; color:#567060; }
.image-preparation-status.is-error { color:#9b2e23; }
.drop-zone { display:grid; gap:.8rem; padding:1.25rem; border:1px dashed rgba(13,27,38,.4); background:#fff; transition:border-color .2s,background .2s; }
.drop-zone.is-dragging { border-color:var(--brass); background:#f7f0e2; }
.drop-zone.has-file { border-style:solid; border-color:#6d8a75; background:#f4f9f5; }
.drop-zone-copy { display:grid; gap:.15rem; text-align:center; text-transform:none; letter-spacing:0; }
.drop-zone-copy strong { color:var(--ink); font-size:.84rem; overflow-wrap:anywhere; }
.review-section { margin-bottom:2rem; background:var(--paper); border:1px solid var(--line); }
.review-card { display:grid; grid-template-columns:1fr 1fr .9fr; gap:1.4rem; padding:1.5rem; border-bottom:1px solid var(--line); }
.review-card:last-child { border-bottom:0; }
.compare-image { position:relative; min-height:330px; background:#e7e1d6; }
.compare-image > span { position:absolute; z-index:2; top:.7rem; left:.7rem; padding:.45rem .65rem; background:rgba(250,248,242,.9); font-size:.6rem; text-transform:uppercase; letter-spacing:.12em; }
.compare-image img { width:100%; height:100%; object-fit:contain; }
.review-copy { align-self:center; }
.review-copy > span { color:var(--brass); font-size:.62rem; text-transform:uppercase; letter-spacing:.12em; }
.review-copy h3 { margin:.4rem 0; font:500 2rem var(--serif); }
.review-copy p { color:#69747a; }
.review-actions { display:flex; align-items:center; gap:.7rem; margin-top:1.5rem; }
.pending-approval-form { display:grid; gap:.8rem; }
.admin-layout { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(520px,1.4fr); gap:3vw; align-items:start; }
.editor-card { position:sticky; top:2rem; padding:2rem; background:var(--paper); border:1px solid var(--line); }
.decor-list { background:var(--paper); border:1px solid var(--line); }
.list-title { min-height:76px; padding:0 1.5rem; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.list-title h2 { margin:0; }
.list-title span { color:var(--brass); }
.published-decor-list-title { min-height:104px; gap:1.5rem; }
.published-decor-count { margin:.35rem 0 0; color:#69747a; font-size:.7rem; }
.published-decor-count strong { color:var(--ink); font-weight:600; }
.published-decor-filter { display:flex; max-width:310px; align-items:center; gap:.7rem; cursor:pointer; }
.published-decor-filter input { width:21px; height:21px; flex:0 0 auto; accent-color:var(--brass); }
.published-decor-filter span { color:#78551f; font-size:.68rem; line-height:1.45; text-transform:uppercase; letter-spacing:.08em; }
.decor-list article { display:grid; grid-template-columns:120px minmax(180px,1fr) minmax(340px,.8fr); gap:1.4rem; align-items:center; padding:1.25rem; border-bottom:1px solid var(--line); }
.decor-list article[hidden] { display:none !important; }
.decor-list article:last-child { border-bottom:0; }
.decor-list img { width:120px; aspect-ratio:1; object-fit:cover; background:#e6e0d4; }
.decor-list article span { color:var(--brass); font-size:.62rem; text-transform:uppercase; letter-spacing:.12em; }
.decor-list h3 { margin:.2rem 0; font:500 1.6rem var(--serif); }
.decor-list p { margin:0; color:#69747a; font-size:.84rem; }
.delete { border:0; padding:.6rem; background:none; color:#8a2929; font-size:.7rem; cursor:pointer; }
@media (max-width:1100px) { .decor-list article { grid-template-columns:120px 1fr; } .decor-technique-form { grid-column:1/-1; } }
@media (max-width:900px) { .admin-layout,.api-card { grid-template-columns:1fr; } .editor-card { position:static; } .review-card { grid-template-columns:1fr 1fr; } .review-copy { grid-column:1/-1; } }
@media (max-width:600px) { .admin-title { align-items:flex-start; flex-direction:column; gap:2rem; } .api-settings > summary { align-items:flex-start; } .api-settings > summary span { display:grid; gap:.15rem; } .api-card { padding:1.25rem; } .api-card form,.review-card { grid-template-columns:1fr; } .review-copy { grid-column:auto; } .published-decor-list-title { align-items:flex-start; flex-direction:column; padding-top:1rem; padding-bottom:1rem; } .decor-list article { grid-template-columns:84px 1fr; } .decor-list img { width:84px; } .decor-list article form { grid-column:2; } }
.admin-button-link { display:inline-flex; width:max-content; align-items:center; margin-top:1rem; }
.admin-title-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:1.5rem; }
.admin-title-links a { padding-bottom:.3rem; border-bottom:1px solid; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; }
.visit-summary { margin-bottom:2rem; display:grid; grid-template-columns:repeat(2,minmax(180px,260px)) 1fr; gap:1px; background:var(--line); border:1px solid var(--line); }
.visit-summary article,.visit-summary > p { margin:0; padding:1.6rem; background:var(--paper); }
.visit-summary article { display:grid; gap:.3rem; }
.visit-summary strong { font:500 3rem/1 var(--serif); }
.visit-summary span { color:#69747a; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }
.visit-summary > p { color:#69747a; }
.visit-log { background:var(--paper); border:1px solid var(--line); }
.visit-table-wrap { overflow-x:auto; }
.visit-log table { width:100%; border-collapse:collapse; }
.visit-log th,.visit-log td { padding:1rem 1.5rem; border-top:1px solid var(--line); text-align:left; white-space:nowrap; }
.visit-log th { color:#69747a; font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; }
.visit-log td:last-child { width:100%; white-space:normal; }
.visit-log code { font-size:.8rem; }
.production-password-card .password-grid { grid-template-columns:1fr 1fr auto; }
.production-admin-grid { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(520px,1.4fr); gap:3vw; align-items:start; }
.production-sidebar { display:grid; gap:1.5rem; }
.production-form { position:static; }
.production-form h2 { margin-bottom:0; }
.production-form button:disabled { opacity:.45; cursor:not-allowed; }
.production-customer-list { display:grid; gap:1.5rem; }
.customer-admin-card { background:var(--paper); border:1px solid var(--line); }
.customer-admin-summary { min-height:110px; padding:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; cursor:pointer; list-style:none; transition:background-color .2s ease; }
.customer-admin-summary::-webkit-details-marker { display:none; }
.customer-admin-summary:hover { background:#f5f1e8; }
.customer-admin-card[open] > .customer-admin-summary { border-bottom:1px solid var(--line); background:#f5f1e8; }
.customer-admin-card h2 { margin:0; font-size:2.5rem; }
.customer-admin-stats { display:flex; align-items:center; gap:1.5rem; color:#6b757b; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
.customer-admin-meta { display:grid; justify-items:end; gap:.55rem; }
.customer-photo-filters { margin-right:auto; display:flex; flex-wrap:wrap; gap:.6rem 1.25rem; }
.customer-photo-filter { display:flex; align-items:center; gap:.5rem; color:#76572f; font-size:.63rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; cursor:pointer; }
.customer-photo-filter input { width:1rem; height:1rem; accent-color:var(--brass); cursor:pointer; }
.customer-admin-stats span { display:grid; text-align:right; }
.customer-admin-stats strong { color:var(--ink); font:500 1.25rem var(--serif); }
.customer-admin-stats b { color:var(--brass); font-size:1.5rem; transition:transform .2s ease; }
.customer-admin-card[open] .customer-admin-stats b { transform:rotate(180deg); }
.customer-admin-body { background:var(--paper); }
.customer-admin-actions { min-height:48px; padding:.7rem 1.25rem; display:flex; align-items:center; justify-content:flex-end; gap:1rem; border-bottom:1px solid var(--line); }
.customer-admin-actions > a { color:#76572f; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.production-review-item { margin:1rem; border:2px solid #b79a65; background:var(--paper); }
.production-review-item[hidden] { display:none!important; }
.production-admin-item { display:grid; grid-template-columns:170px 1fr auto; gap:1.4rem; align-items:center; padding:1.25rem; border-bottom:1px solid var(--line); }
.production-admin-item:last-child { border-bottom:0; }
.production-admin-item h3 { margin:.15rem 0; font:500 1.8rem var(--serif); }
.production-admin-item p { margin:.35rem 0 0; color:#69747a; }
.production-admin-item .eyebrow { margin:0; color:var(--brass); }
.production-admin-item .production-collection-name { color:#8a642f; font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.admin-decor-code-legend { display:flex; flex-wrap:wrap; gap:.7rem 2rem; margin:0 0 1.5rem; padding:1rem 1.25rem; border:1px solid var(--line); background:var(--paper); color:#657078; font-size:.72rem; }
.admin-decor-code-legend strong { color:var(--ink); text-transform:uppercase; letter-spacing:.1em; }
.admin-decor-code-legend b { color:var(--brass); }
.production-admin-item .production-decor-code { display:inline-flex; width:fit-content; margin:.5rem .4rem 0 0; padding:.3rem .55rem; color:#30566a; background:#dce9ee; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.production-admin-item .production-decor-code.is-blank { color:#52605b; background:#e3e7df; }
.production-item-actions { display:grid; gap:.6rem; justify-items:end; }
.production-item-edit { position:relative; }
.production-item-edit > summary { padding:.55rem .75rem; border:1px solid #9b733b; color:#76521f; background:#f7edda; cursor:pointer; font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; list-style:none; }
.production-item-edit > summary::-webkit-details-marker { display:none; }
.production-item-edit form { position:absolute; z-index:20; top:calc(100% + .45rem); right:0; width:min(390px,calc(100vw - 3rem)); display:grid; gap:.7rem; padding:1rem; border:1px solid #b79a65; background:var(--paper); box-shadow:0 16px 38px rgba(7,19,28,.2); }
.production-item-edit label { display:grid; gap:.3rem; color:#69747a; font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; }
.production-item-edit input,.production-item-edit select { width:100%; min-height:42px; padding:.55rem .65rem; border:1px solid var(--line); color:var(--ink); background:white; }
.production-item-edit button { justify-self:end; }
.production-item-edit-status { min-height:1.1em; color:#315d40; font-size:.68rem; }
.production-thumbs { min-height:110px; display:grid; grid-template-columns:repeat(2,1fr); gap:3px; background:#e6e0d4; }
.production-thumbs a { min-width:0; }
.production-thumbs img { width:100%; height:110px; object-fit:cover; }
.is-previewable { cursor:zoom-in; }
.is-previewable:focus-visible { outline:3px solid #b79a65; outline-offset:2px; }
.production-photo-hover-preview { position:fixed; z-index:1000; width:min(600px,calc(100vw - 40px)); height:min(600px,calc(100vh - 40px)); padding:10px; border:2px solid #b79a65; background:#f8f5ed; box-shadow:0 20px 55px rgba(7,19,28,.35); pointer-events:none; }
.production-photo-hover-preview[hidden] { display:none; }
.production-photo-hover-preview img { width:100%; height:100%; object-fit:contain; background:#fff; }
.production-photo-dialog { width:calc(100vw - 3rem); max-width:none; height:calc(100vh - 3rem); max-height:none; padding:1.25rem; border:2px solid #b79a65; background:#f8f5ed; overflow:hidden; }
.production-photo-dialog::backdrop { background:rgba(7,19,28,.84); backdrop-filter:blur(4px); }
.production-photo-dialog img { width:100%; height:100%; object-fit:contain; }
.production-photo-dialog-close { position:absolute; z-index:1; top:1rem; right:1rem; display:grid; width:3rem; height:3rem; padding:0; place-items:center; border:1px solid #b79a65; border-radius:50%; color:#fff; background:rgba(7,19,28,.82); font-size:2rem; line-height:1; cursor:pointer; }
.production-thumbs span { grid-column:1/-1; align-self:center; text-align:center; color:#727c82; font-size:.72rem; }
.production-review-group { background:#f4efe5; }
.production-review-group > summary { cursor:pointer; padding:.85rem 1.25rem; color:#78572a; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.production-review-group > summary span { display:inline-grid; min-width:1.6rem; min-height:1.6rem; margin-left:.5rem; place-items:center; border:1px solid #c9b487; border-radius:50%; }
.production-review-group[open] > summary { border-bottom:1px solid var(--line); }
.production-public-form { scroll-margin-top:2rem; display:grid; grid-template-columns:90px minmax(150px,.8fr) repeat(4,minmax(130px,1fr)) auto; gap:.8rem; align-items:end; padding:1rem 1.25rem; border-bottom:1px solid var(--line); background:#f4efe5; }
.production-public-form[hidden] { display:none!important; }
.production-public-form img { width:90px; height:90px; object-fit:cover; background:white; }
.production-public-form > div { align-self:center; }
.production-public-form strong,.production-public-form small { display:block; }
.production-public-status { display:inline-flex; width:max-content; margin:.35rem 0; padding:.3rem .55rem; border-radius:999px; color:#5f6870; background:#e3ded4; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.production-public-status.is-published { color:#315d40; background:#dcebdd; }
.production-public-status.is-pending { color:#76521f; background:#f2e2bf; }
.production-public-status.is-rejected { color:#8a3029; background:#f2dcd8; }
.production-public-status.is-excluded { color:#52606a; background:#dfe4e7; }
.workshop-status { display:inline-flex; width:max-content; margin:.35rem .25rem .35rem 0; padding:.3rem .55rem; border-radius:999px; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.workshop-status.is-approved { color:#315d40; background:#dcebdd; }
.workshop-status.is-pending { color:#76521f; background:#f2e2bf; }
.production-public-form .workshop-approve { border:1px solid #6d8a75; color:#315d40; background:#edf5ee; }
.production-public-form .public-exclude { border:1px solid #87939a; color:#46545d; background:#edf0f1; }
.production-public-form .public-restore { border:1px solid #9b733b; color:#76521f; background:#f7edda; }
.production-public-form .eyebrow { margin:0 0 .2rem; }
.production-public-form label { font-size:.62rem; }
.production-public-form input,.production-public-form select { padding:.65rem .7rem; }
.production-public-form button { min-width:150px; }
.production-public-form .production-techniques { grid-column:1/-1; width:100%; min-width:0; }
.production-public-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.7rem; align-items:center!important; }
.production-public-form .production-photo-delete { min-width:150px; padding:.4rem; }
.processing-choice-dialog { width:min(620px,calc(100% - 2rem)); padding:0; border:0; color:var(--ink); background:transparent; }
.processing-choice-dialog::backdrop { background:rgba(7,19,28,.72); backdrop-filter:blur(5px); }
.processing-choice-card { position:relative; display:grid; gap:1.5rem; padding:clamp(1.5rem,4vw,3rem); background:#f6f1e8; box-shadow:0 24px 80px rgba(0,0,0,.3); }
.processing-choice-card h2 { margin:.25rem 0 .5rem; font:500 clamp(2.2rem,5vw,3.4rem)/.95 var(--serif); }
.processing-choice-card p { margin:0; color:#667178; }
.processing-choice-close { position:absolute; top:1rem; right:1rem; width:2.5rem; height:2.5rem; padding:0; border:1px solid var(--line); border-radius:50%; background:transparent; font-size:1.5rem; cursor:pointer; }
.processing-choice-card fieldset { display:grid; gap:.6rem; margin:0; padding:0; border:0; }
.processing-choice-card fieldset label { display:flex; gap:1rem; align-items:flex-start; padding:1rem; border:1px solid var(--line); background:#fffdf8; cursor:pointer; }
.processing-choice-card fieldset label:has(input:checked) { border-color:#9b733b; box-shadow:inset 4px 0 #9b733b; }
.processing-choice-card fieldset input { margin-top:.3rem; accent-color:#9b733b; }
.processing-choice-card fieldset strong,.processing-choice-card fieldset small { display:block; }
.processing-choice-card fieldset small { margin-top:.2rem; color:#667178; }
.processing-choice-error { padding:.75rem 1rem; color:#8c2f24!important; border:1px solid #b85d51; background:#fff7f5; }
.processing-choice-actions { display:flex; justify-content:flex-end; gap:.75rem; }
.processing-choice-actions button { min-width:150px; }
.empty-items,.empty-admin { margin:0; padding:2rem; color:#69747a; }
.empty-admin h2 { margin-bottom:.4rem; }
@media (max-width:1000px) { .production-admin-grid { grid-template-columns:1fr; } .production-password-card .password-grid { grid-template-columns:1fr 1fr; } .production-password-card button { grid-column:1/-1; } }
@media (max-width:1200px) { .production-public-form { grid-template-columns:90px 1fr 1fr 1fr; } .production-public-form label:nth-of-type(3),.production-public-form label:nth-of-type(4) { grid-column:span 2; } }
@media (max-width:650px) { .production-title { gap:2rem; } .admin-title-links { justify-content:flex-start; } .production-password-card .password-grid { grid-template-columns:1fr; } .production-password-card button { grid-column:auto; } .production-admin-item { grid-template-columns:1fr; } .production-thumbs { grid-template-columns:repeat(2,1fr); } .customer-admin-summary { align-items:flex-start; flex-direction:column; } .customer-admin-meta,.customer-admin-stats { width:100%; } .customer-admin-meta { justify-items:start; } .customer-admin-stats { justify-content:space-between; } .customer-admin-stats span { text-align:left; } .customer-admin-actions { align-items:flex-start; flex-wrap:wrap; } .customer-photo-filters { width:100%; flex-direction:column; } }
@media (max-width:650px) { .production-public-form { grid-template-columns:72px 1fr; } .production-public-form img { width:72px; height:72px; } .production-public-form label,.production-public-form label:nth-of-type(3),.production-public-form label:nth-of-type(4) { grid-column:1/-1; } .production-public-actions { justify-content:stretch; } .production-public-actions button { flex:1 1 100%; } }
@media (max-width:750px) { .visit-summary { grid-template-columns:1fr 1fr; } .visit-summary > p { grid-column:1/-1; } }
.notice.maintenance { color: #5b3a0c; background: #fff1cf; border-color: #c79038; }