
/* OASyS 3 · Microbloque visual 1
   Solo presentación: no altera validación, guardado, navegación ni envío. */
:root{
  --smoke:#d8d4cf;
  --smoke-card:#f1efec;
  --smoke-field:#e8e4df;
  --smoke-line:#b7afa8;
  --graphite:#302d2b;
  --aged-gold:#a8894d;
  --paper:var(--smoke);
  --paper-line:var(--smoke-line);
  --muted:#655c57;
}
html{background:var(--graphite)}
body{background:radial-gradient(ellipse at 50% -12%,#4a4541 0,transparent 56%),var(--graphite)}
.paper-panel,.capture-screen,.result,.history-screen{background:var(--smoke)}
.capture-screen,.result,.history-screen{border-color:#8f8580}
.access-card{background:linear-gradient(180deg,#68101e 0 36%,#302d2b 36% 100%)}
.access-card .paper-panel{background:linear-gradient(180deg,#e8e4df,#d8d4cf);border-color:#9e9185;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 25px rgba(45,31,27,.12)}
.access-card .locked-grid{border-color:#9f948b;background:var(--smoke-card)}
.access-card .locked-field{background:transparent}
.access-card .home-area-coverage{border-color:#a9a099;background:#e7e2dc}
.capture-head{border-bottom:3px solid var(--aged-gold);background:linear-gradient(125deg,#68101e,#302d2b)}
#ficha{background:var(--smoke)}
#ficha .context div{border-color:#b8afa8;border-left-color:var(--aged-gold);border-radius:4px;background:#e9e5e0}
#ficha .grid{gap:9px 13px}
#ficha .grid>label{margin:0;padding:11px 12px;border:1px solid #c0b8b1;border-left:3px solid #776d66;border-radius:4px;background:rgba(241,239,236,.98);box-shadow:0 3px 8px rgba(47,38,34,.05)}
#ficha .grid>label:focus-within{border-color:#8d5963;border-left-color:#68101e;box-shadow:0 0 0 3px rgba(104,16,30,.07)}
#ficha input,#ficha select,#ficha textarea{border:0;border-bottom:2px solid #a9a099;border-radius:2px;background:var(--smoke-field);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
#ficha input:focus,#ficha select:focus,#ficha textarea:focus{border-color:#68101e;background:#f7f5f2;outline:0;box-shadow:0 0 0 3px rgba(104,16,30,.08)}
#ficha .incident-flow,#ficha .attention-technical,#ficha .location-box,#ficha .tagging-box,#ficha .writing-tools{border-color:#aaa19a;border-left-color:#68101e;border-radius:4px;background:#e5e0da;box-shadow:none}
#ficha .incident-flow legend,#ficha .attention-technical legend{color:#68101e;font-family:Georgia,"Times New Roman",serif}
#ficha .incident-flow label,#ficha .attention-technical>label,#ficha .location-box>label{padding:10px 11px;border:1px solid #c1b9b2;border-left:3px solid #786e67;border-radius:4px;background:var(--smoke-card)}
#ficha .incident-kind{border-radius:4px;background:var(--smoke-card)}
#ficha .incident-kind[aria-checked="true"]{border-color:#68101e;background:#eadfe1;color:#68101e;box-shadow:none}
#ficha .draft-option{border-radius:4px;background:#e7e2dc}
#ficha .actions{padding-top:11px;border-top:1px solid #b7afa8}
#ficha .actions button{border-radius:4px}
.guided-launcher,.guided-dialog,.guided-summary div{border-color:#aaa098;background:var(--smoke-card)}
.guided-launcher{border-left-color:#68101e;border-radius:4px}
.guided-dialog{background:var(--smoke-card)}
.guided-choice{border-radius:4px;background:var(--smoke-field)}
.guided-choice.selected{border-color:#68101e;background:#68101e}
.guided-progress{border-radius:0;background:#c6bfb9}
.guided-progress span{background:linear-gradient(90deg,#68101e,#a8894d)}
.admin-entry{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:70px;padding:11px 13px!important;border-color:#91867e!important;border-left:5px solid #68101e!important;border-radius:5px 5px 12px 5px!important;background:linear-gradient(135deg,#f1efec,#ddd7d1)!important;color:#382e2a!important;box-shadow:0 5px 13px rgba(49,38,33,.1)!important}
.admin-entry::before{content:"DOC";display:grid;width:40px;height:40px;place-items:center;border:1px solid #6e6762;border-radius:4px;background:#302d2b;color:#ead39a;font-size:.66rem;font-weight:900;letter-spacing:.08em}
.admin-entry::after{content:"→";color:#68101e;font-size:1.25rem}
.admin-screen{background:var(--smoke)}
.admin-body{background:var(--smoke)}
.admin-form,.admin-intro,.admin-menu button,.admin-result,.admin-history-list article{border-radius:4px;background:var(--smoke-card)}
.admin-grid input,.admin-grid select,.admin-grid textarea{border:0;border-bottom:2px solid #aaa19a;border-radius:2px;background:var(--smoke-field)}
.admin-grid input:focus,.admin-grid select:focus,.admin-grid textarea:focus{border-color:#68101e;background:#f7f5f2;outline:0;box-shadow:0 0 0 3px rgba(104,16,30,.07)}
.access-card .history-entry{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:68px;padding:11px 13px;border-color:#91867e;border-left:5px solid #6b625c;border-radius:5px 5px 12px 5px;background:linear-gradient(135deg,#f1efec,#ddd7d1);color:#382e2a;text-transform:none;letter-spacing:0}
.access-card .history-entry::before{display:grid;width:40px;height:40px;place-items:center;border:1px solid #6e6762;border-radius:4px;background:#302d2b;color:#ead39a;font-size:.66rem;font-weight:900;letter-spacing:.08em}
#openAssignmentsGate::before{content:"EXP"}
#openHistoryGate::before{content:"HIS"}
.access-card .history-entry::after{position:static;content:"→";color:#68101e;font-size:1.25rem}
.access-card .scan-button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:66px;margin:12px 0 0;padding:11px 13px;border:1px solid #91867e;border-left:5px solid #4b4642;border-radius:5px 5px 12px 5px;background:linear-gradient(135deg,#f1efec,#ddd7d1);color:#382e2a;text-align:left}
.access-card .scan-button::before{content:"";display:block;width:40px;height:40px;border:1px solid #6e6762;border-radius:4px;background-color:#302d2b;background-repeat:no-repeat;background-position:center;background-size:25px 25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ead39a' stroke-width='2'%3E%3Crect x='3' y='3' width='6' height='6'/%3E%3Crect x='15' y='3' width='6' height='6'/%3E%3Crect x='3' y='15' width='6' height='6'/%3E%3Cpath d='M15 15h3v3h3M15 21h3M21 15v2'/%3E%3C/svg%3E")}
.access-card .install-button{width:100%;min-height:48px;margin-top:9px;border-radius:4px;background:#e8e4df;color:#4b403b;border-color:#9f9690}
.access-card .diagnostic-link{color:#5e5550}
.history-body{background:var(--smoke)}
.assignment-hero+.history-body{border-color:#998f87;background:var(--smoke)}
.assignment-progress button,.assignment-backup,.assignment-coverage,.assignment-card,.assignment-update-export{border-radius:4px;background:var(--smoke-card)}
.assignment-coverage button,.assignment-backup-actions button,.assignment-update-export-actions button+button{border-radius:4px;background:var(--smoke-field)}
@media(max-width:600px){
  #ficha .grid>label{padding:10px 11px}
  .access-card .paper-panel{background:linear-gradient(180deg,#e8e4df,#d8d4cf)}
}
