/* Canonical feature layer — 2026-09-16 */
.canonical-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.canonical-main,.canonical-side,.side-stack{display:grid;gap:18px;align-content:start}.canonical-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.canonical-panel{border:1px solid #303036;background:#151517;padding:20px;display:grid;gap:12px}.canonical-panel h2,.canonical-panel h3,.canonical-panel h4{margin:0}.canonical-panel p{margin:0;color:#b7b7bd;line-height:1.55}.canonical-panel small{color:#8d8d94}.stack-form,.compact-form{display:grid;gap:10px}.stack-form label{display:grid;gap:6px;font-size:12px;color:#b8b8be}.stack-form input,.stack-form textarea,.stack-form select,.compact-form input,.compact-form textarea,.compact-form select,.community-composer textarea,.comment-form input{width:100%;background:#0d0d0f;color:#f2f2f0;border:1px solid #36363d;padding:10px 12px}.compact-form{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-row{display:flex;gap:10px;flex-wrap:wrap;color:#929299;font:700 10px ui-monospace,monospace}.mini-row,.inventory-line,.health-row,.request-row,.task-line{display:flex;gap:12px;align-items:center;border-top:1px solid #29292e;padding:10px 0}.mini-row:first-of-type,.inventory-line:first-of-type,.health-row:first-of-type,.request-row:first-of-type,.task-line:first-of-type{border-top:0}.mini-row span,.inventory-line span,.request-row span{min-width:0;flex:1;display:grid;gap:3px}.mini-row b,.inventory-line strong,.request-row b{white-space:nowrap}.task-line>div{display:grid;gap:3px}.project-registry-grid,.service-grid,.procedure-grid,.help-grid,.tree-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{display:grid;gap:10px;border:1px solid #303036;background:#151517;padding:20px;color:inherit;text-decoration:none;min-height:180px}.project-card:hover{border-color:#e00024;transform:translateY(-1px)}.project-card h3{margin:0}.project-card p{color:#aaaab0}.project-card small{color:#85858c}.project-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-media-grid figure{margin:0;background:#0a0a0b}.project-media-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.project-media-grid figcaption{font-size:10px;color:#9a9aa0;padding:6px}.community-live-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.community-composer{display:grid;gap:10px;border:1px solid #303036;background:#151517;padding:16px;margin-bottom:14px}.community-composer>div{display:flex;justify-content:space-between;gap:10px}.feed-item.live{align-items:flex-start}.inline-form{display:inline-flex;margin:0}.inline-form button{background:none;border:0;color:#bbb;cursor:pointer;font:700 10px ui-monospace,monospace}.comment-list{display:grid;gap:5px;margin-top:10px}.comment-list p{font-size:12px;margin:0;background:#111114;padding:8px 10px}.comment-form{display:flex;gap:6px;margin-top:8px}.procedure-steps{display:grid;gap:7px;padding-left:20px;color:#c7c7cc}.service-links{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.service-links a{color:#fff}.campaign-url{display:block;overflow-wrap:anywhere;background:#0a0a0b;border:1px solid #2b2b30;padding:10px;color:#d7d7db}.field-operator-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-operator-grid .span2{grid-column:1/-1}.field-big{font:900 42px/1 ui-monospace,monospace}.feature-registry{display:grid;gap:8px}.feature-registry-row{display:grid;grid-template-columns:180px minmax(220px,1fr) 120px minmax(280px,2fr) auto;gap:12px;align-items:center;border:1px solid #303036;background:#151517;padding:12px 14px}.feature-registry-row span{font:700 10px ui-monospace,monospace;color:#98989f}.feature-registry-row em{font:800 10px ui-monospace,monospace;font-style:normal}.feature-registry-row.status-missing{border-left:3px solid #e00024}.feature-registry-row.status-partial{border-left:3px solid #b78624}.feature-registry-row.status-implemented{border-left:3px solid #4f7e57}.feature-registry-row.status-external{border-left:3px solid #4b658c}.feature-registry-row a{font:800 10px ui-monospace,monospace}.wide{width:100%;justify-content:center}
@media(max-width:1000px){.canonical-grid,.community-live-layout{grid-template-columns:1fr}.canonical-side{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-registry-row{grid-template-columns:140px 1fr 100px}.feature-registry-row small{grid-column:1/-1}.feature-registry-row a{grid-column:3}}
@media(max-width:720px){.canonical-columns,.project-registry-grid,.service-grid,.procedure-grid,.help-grid,.tree-list,.field-operator-grid,.canonical-side{grid-template-columns:1fr}.field-operator-grid .span2{grid-column:auto}.project-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-pair{grid-template-columns:1fr}.feature-registry-row{grid-template-columns:1fr}.feature-registry-row a{grid-column:auto}.compact-form{grid-template-columns:1fr}}
.header-icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #313136;color:#ddd;text-decoration:none;font-weight:900}.notification-link b{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#e00024;color:#fff;font:800 9px/18px ui-monospace,monospace;text-align:center}.global-search{display:flex;gap:8px;max-width:760px}.global-search input{flex:1;background:#111114;border:1px solid #33333a;color:#fff;padding:14px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-row{border-top:1px solid #28282d;padding:10px 0}.search-row:first-of-type{border-top:0}.search-row a,.search-row>div{display:grid;gap:3px;color:inherit;text-decoration:none}.notification-list{display:grid;gap:10px}.notification-unread{border-left:3px solid #e00024}.talent-grid,.starter-grid,.tool-battle-grid,.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.proof-card-page{display:grid;justify-items:center;gap:16px}.proof-card-live{width:min(760px,100%);background:#0a0a0b;border:1px solid #303036;padding:28px;display:grid;gap:18px}.proof-card-live h1{font-size:clamp(32px,6vw,64px);margin:0}.proof-card-score{display:flex;align-items:end;gap:12px}.proof-card-score b{font:900 clamp(44px,8vw,84px)/.85 ui-monospace,monospace;color:#fff}.proof-card-professions,.badge-wall{display:flex;flex-wrap:wrap;gap:8px}.proof-card-professions span{border:1px solid #33333a;padding:8px 10px;font:700 10px ui-monospace,monospace}.proof-card-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.proof-card-skills>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;border-top:1px solid #29292e;padding:8px 0}.proof-card-skills em{font:800 9px ui-monospace,monospace;color:#999;font-style:normal}.passport code{overflow-wrap:anywhere;color:#aaa;background:#0b0b0d;padding:10px}.project-passport-actions{display:flex;gap:10px;flex-wrap:wrap}.campaign-qr{display:inline-grid;grid-template-columns:92px auto;align-items:center;gap:12px;color:#fff;text-decoration:none}.campaign-qr img{width:92px;height:92px;background:#fff;padding:6px}.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center}.versus em{font:900 22px ui-monospace,monospace;color:#e00024}.live-feed{display:grid;gap:10px}.customer-token-list{display:grid;gap:6px}.project-extensions{margin-top:18px}.project-passports{margin-top:18px}.span2{grid-column:1/-1}
@media(max-width:1000px){.talent-grid,.starter-grid,.tool-battle-grid,.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.global-search{display:grid}.search-results,.talent-grid,.starter-grid,.tool-battle-grid,.series-grid,.proof-card-skills{grid-template-columns:1fr}.campaign-qr{grid-template-columns:72px auto}.campaign-qr img{width:72px;height:72px}.versus{grid-template-columns:1fr}.versus em{font-size:14px}.span2{grid-column:auto}}
.field-device-tools{overflow:hidden}.field-device-actions{display:flex;flex-wrap:wrap;gap:8px}.field-device-output{display:block;background:#0c0c0e;border:1px solid #2f2f34;padding:10px;font:700 11px ui-monospace,monospace;overflow-wrap:anywhere}.field-qr-video{width:min(100%,520px);aspect-ratio:4/3;object-fit:cover;background:#000}.field-voice-note{width:100%;background:#0c0c0e;color:#fff;border:1px solid #2f2f34;padding:10px}

/* Work Procedures v2 */
.work-procedure-list{grid-template-columns:1fr}.procedure-outline{gap:16px}.procedure-outline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.procedure-outline-grid>div{border:1px solid #2f2f35;background:#101012;padding:12px;display:grid;gap:5px}.procedure-outline-grid b{font:900 12px ui-monospace,monospace;color:#fff}.procedure-outline-grid span{font-size:12px;color:#aaaab0;line-height:1.4}.work-procedure-card{gap:14px}.procedure-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.procedure-facts span{display:grid;gap:4px;border:1px solid #2d2d32;background:#101012;padding:10px;font-size:12px;color:#c8c8cd}.procedure-facts b{font:800 9px ui-monospace,monospace;letter-spacing:.08em;color:#8f8f97;text-transform:uppercase}.procedure-facts .risk{border-left:3px solid #e00024}.procedure-section{border:1px solid #303036;background:#111113}.procedure-section>summary,.procedure-author-form>details>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;list-style:none;font-size:12px}.procedure-section>summary::-webkit-details-marker,.procedure-author-form>details>summary::-webkit-details-marker{display:none}.procedure-section>summary:after,.procedure-author-form>details>summary:after{content:'+';font:900 16px ui-monospace,monospace;color:#777}.procedure-section[open]>summary:after,.procedure-author-form>details[open]>summary:after{content:'−';color:#e00024}.procedure-section.safety{border-left:3px solid #e00024}.procedure-section-body{padding:0 14px 14px}.procedure-copy{display:grid;gap:5px;padding:10px 0;border-top:1px solid #29292e}.procedure-copy:first-child{border-top:0}.procedure-copy>b,.procedure-requirements>div>b,.procedure-quality-grid>div>b{font:800 10px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#a0a0a8}.procedure-requirements,.procedure-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 14px 14px}.procedure-requirements>div,.procedure-quality-grid>div{background:#0d0d0f;border:1px solid #29292e;padding:12px}.procedure-step-list{display:grid;gap:0;padding:0 14px 14px}.procedure-step{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-top:1px solid #29292e}.procedure-step:first-child{border-top:0}.procedure-step>em{font:900 20px ui-monospace,monospace;color:#e00024;font-style:normal}.procedure-step h4{margin:0 0 8px}.procedure-step p{margin:5px 0;color:#b9b9bf}.procedure-author{align-self:start}.procedure-author-form>details{border:1px solid #303036;background:#111113}.procedure-author-fields{display:grid;gap:10px;padding:0 12px 12px}.procedure-step-editor{display:grid;gap:9px;padding:12px;border:1px solid #33333a;background:#0c0c0e;margin-bottom:10px}.procedure-step-editor label{font-size:11px}.procedure-author-form textarea{resize:vertical;min-height:58px}.procedure-author-form .between .btn{min-width:28px;padding:3px 8px}.procedure-author .wide{margin-top:4px}
@media(max-width:1100px){.procedure-outline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.procedure-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.procedure-requirements,.procedure-quality-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.procedure-outline-grid,.procedure-facts,.procedure-requirements,.procedure-quality-grid{grid-template-columns:1fr}.procedure-step{grid-template-columns:34px 1fr}.procedure-author-form>details>summary,.procedure-section>summary{align-items:flex-start}}

/* Smart notification center */
.notification-settings .canonical-columns{align-items:start}.notification-preferences-form fieldset{display:grid;gap:12px;margin:0;padding:16px;border:1px solid #313136}.notification-preferences-form legend{padding:0 8px;font-weight:800}.notification-preferences-form fieldset>label{display:grid;gap:7px}.notification-preferences-form fieldset>label:has(input[type="checkbox"]){display:flex;align-items:center;gap:9px}.notification-rules-summary ul{display:grid;gap:10px;padding-left:18px;margin:14px 0 0}.notification-rules-summary li{line-height:1.45}.notification-list .canonical-panel{position:relative}.notification-list .notification-unread{border-left:3px solid #e00024}.notification-list .notification-unread:before{content:"";position:absolute;right:14px;top:14px;width:7px;height:7px;background:#e00024;border-radius:50%}@media(max-width:760px){.notification-preferences-form .form-pair{grid-template-columns:1fr}.notification-preferences-form fieldset{padding:14px}}
