.topbar-actions,.device-actions{display:flex;align-items:center;gap:6px}.topbar-tool{padding:8px 10px;border:1px solid #ffffff44;border-radius:9px;background:#ffffff12;color:#fff;font-size:.66rem;font-weight:800;text-decoration:none;white-space:nowrap}.device-actions button{position:static}.feature-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#07111fb8;opacity:0;visibility:hidden;transition:.18s}.feature-modal.is-open{opacity:1;visibility:visible}.feature-card{width:min(100%,480px);max-height:90dvh;overflow:auto;padding:20px;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0006}.feature-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.feature-head h2{margin:4px 0 0;font-size:1.1rem}.feature-close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);font-size:1.3rem}.feature-card fieldset{display:grid;gap:9px;margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:12px}.feature-card legend{padding:0 5px;font-size:.72rem;font-weight:850}.feature-card label{font-size:.75rem;font-weight:700}.feature-card input{accent-color:var(--blue)}.page-nav{position:sticky;bottom:8px;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin:4px 0 14px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fffffff2;box-shadow:0 8px 25px #102a461f;backdrop-filter:blur(8px)}.page-nav button{padding:9px 14px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:850}.page-nav button:disabled{opacity:.35}.page-nav span{text-align:center;color:var(--muted);font-size:.68rem;font-weight:800}.checklist.check-right .item-top{grid-template-columns:1fr var(--check-size)}.checklist.check-right .check-btn{grid-column:2;grid-row:1}.checklist.check-right .item-top>div{grid-column:1;grid-row:1}.checklist{--check-size:42px}.checklist.check-small{--check-size:32px}.checklist.check-medium{--check-size:42px}.checklist.check-large{--check-size:56px}.checklist .item-top{grid-template-columns:var(--check-size) 1fr}.checklist .check-btn{width:var(--check-size);height:var(--check-size)}.item-tools{display:flex;justify-content:flex-end;margin-top:9px}.item-camera{display:grid;place-items:center;width:38px;height:34px;border:1px solid #bfd0e1;border-radius:9px;background:#f5f9fd;color:#174f7d;cursor:pointer}.item-camera svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.item-photos{display:flex;gap:7px;overflow-x:auto;margin-top:8px}.item-photo{position:relative;flex:0 0 auto}.item-photo img{display:block;width:76px;height:58px;border-radius:8px;object-fit:cover;background:#dde6ef}.item-photo a{display:block;color:var(--blue);font-size:.55rem;text-align:center}.photo-card{text-align:center}.photo-view{position:relative;height:min(55dvh,420px);overflow:hidden;border-radius:13px;background:#06101d}.photo-view video{width:100%;height:100%;object-fit:cover}.photo-view p{position:absolute;inset:48% 0 auto;color:#fff}.photo-shutter{width:62px;height:62px;margin:16px auto 4px;border:5px solid #d6e9f8;border-radius:50%;background:var(--blue);box-shadow:0 5px 18px #1769aa4d}.photo-shutter:disabled{opacity:.45}.item.is-feature-hidden,.group-title.is-feature-hidden{display:none}.filter-active{background:#fff2cb!important;color:#725500!important}@media(max-width:620px){.topbar-actions{gap:3px}.topbar-tool,.connect{padding:7px 6px!important;font-size:.56rem!important}.topbar-tool#sheetLinkBtn{max-width:82px;overflow:hidden;text-overflow:ellipsis}.feature-card{padding:16px}}
.photo-preview-button{display:block;padding:0;border:0;background:transparent}.checklist.text-small .item{--item-font:.78rem}.checklist.text-medium .item{--item-font:.92rem}.checklist.text-large .item{--item-font:1.1rem}.item-top>div{min-width:0}.item h3,.item .order,.item-edit{font-size:var(--item-font,.92rem)!important;line-height:1.35;vertical-align:middle}.item-top .order{margin-right:6px}.item-top h3{display:inline}.item{overflow:hidden;padding:0!important;background:#fff!important}.item-top{display:block!important;padding:14px;background:#f4fbf8}.item .middle,.item .instruction,.item .fields label,.item .memo,.item .audit,.item .check-audit,.item .item-reference,.item .item-photo a,.item .photo-loading{font-size:calc(var(--item-font,.92rem) * .84)!important}.worker-area{min-height:12px;padding:12px 14px 14px;border-top:1px solid #cdd9e5;background:#fff}.item-tools,.item-photos{margin:0;padding:10px 14px;background:#fff}.item-photos{padding-top:0}.check-cluster{display:flex;align-items:center;gap:8px;width:100%}.check-btn{flex:0 0 var(--check-size)}.check-audit{color:var(--ok);line-height:1.35;white-space:nowrap}.checklist.check-right .check-cluster{flex-direction:row-reverse}.checklist.check-right .worker-area .check-cluster{justify-content:flex-start}.checklist:not(.check-right) .worker-area .check-cluster{justify-content:flex-start}.checklist.check-right .worker-area .check-audit{text-align:right}.item-reference{display:flex!important;background:#f4fbf8}.page-nav{z-index:45;bottom:48px;pointer-events:auto}.page-nav button{pointer-events:auto}
.item-photo-row{display:flex;align-items:flex-end;gap:10px;padding:10px 14px;background:#fff}.item-photo-row .item-photos{flex:1;min-width:0;margin:0;padding:0}.item-photo-row .item-camera{flex:0 0 38px;margin-left:auto}
.check-btn:not(.done .check-btn){border-color:#e29da5;background:#fff2f3;box-shadow:inset 0 0 0 1px #f7cbd0}.completion-summary{margin:2px 0 14px;padding:16px;border:1px solid #b9c9d9;border-radius:14px;background:#fff}.completion-summary h2{margin:0 0 7px;font-size:1rem}.completion-summary>p{margin:0;color:#30465e;font-size:.82rem;font-weight:850}.unfinished-items{display:flex;flex-wrap:wrap;gap:7px}.unfinished-items>p{flex-basis:100%;margin:12px 0 0;color:#a23a48;font-size:.7rem;font-weight:850}.unfinished-items button{padding:7px 10px;border:1px solid #e2aab1;border-radius:999px;background:#fff5f6;color:#8d2835;font-size:.7rem;font-weight:750;cursor:pointer}.unfinished-items button:hover{background:#fde5e8}.completion-summary[hidden]{display:none}
.item:not(.done) .check-btn{border-color:#e29da5!important;background:#fff2f3!important;box-shadow:inset 0 0 0 1px #f7cbd0}
.layout-panel-modal{justify-items:end;padding:0;background:#07111f35}.layout-panel-modal .feature-card{width:50vw;max-width:none;height:100dvh;max-height:none;border-radius:18px 0 0 18px;background:#fffffff0;backdrop-filter:blur(8px)}@media(max-width:700px){.layout-panel-modal .feature-card{width:min(88vw,460px)}}
