/* Vanua OS, 10 Nov 2026: workspace preview, clickable sample parcels (landing)
   and parcel workflow panel (land book demo). Uses the existing Vanua palette. */
.anchor-alias{display:block;height:0;overflow:hidden}

/* ---------- Workspace preview: tab switcher + mock window ---------- */
.wsp{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.5fr);gap:24px;align-items:start;margin-top:26px}
.wsp-tabs{display:flex;flex-direction:column;gap:8px;min-width:0}
.wsp-group{margin:10px 0 2px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#a54329}
.wsp-group:first-child{margin-top:0}
.wsp-tab{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 14px;text-align:left;font:inherit;color:#183f3b;background:#fffdf6;border:1px solid #bcd5cd;border-radius:14px;cursor:pointer;transition:background .16s,border-color .16s}
.wsp-tab:hover{background:#fff;border-color:#08736a}
.wsp-tab:focus-visible{outline:3px solid #2084ba;outline-offset:2px}
.wsp-tab.on{background:#124941;border-color:#124941;color:#fff}
.wsp-num{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fbe3be;color:#75421e;font:750 14px/1 var(--dui-font-display,Arial,sans-serif);letter-spacing:.02em}
.wsp-tab.on .wsp-num{background:#f9bf66;color:#3b2a10}
.wsp-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.wsp-txt b{font:700 16px/1.25 var(--dui-font-display,Arial,sans-serif)}
.wsp-txt small{font-size:12.5px;line-height:1.45;color:#49645c}
.wsp-tab.on .wsp-txt small{color:#cfe5dd}
.wsp-window{min-width:0;background:#fffefa;border:1px solid #bcd5cd;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -28px #12494166}
.wsp-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#124941}
.wsp-dot{width:10px;height:10px;border-radius:50%;background:#f9bf66}
.wsp-dot:nth-child(2){background:#e5a155}
.wsp-dot:nth-child(3){background:#75b7a1}
.wsp-bar-title{margin-left:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d9ece6}
.wsp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px 22px 14px;border-bottom:1px solid #dfeae4}
.wsp-title{margin:0!important;font-size:19px;line-height:1.3;color:#124941}
.wsp-sub{margin:4px 0 0;font-size:13px;color:#49645c}
.wsp-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#ddede4;color:#124941;font-size:12px;font-weight:750;white-space:nowrap}
.wsp-status i{font-style:normal;font-size:10px;color:#08736a}
.wsp-rows{list-style:none;margin:0;padding:6px 10px}
.wsp-rows li+li{border-top:1px solid #e6efe9}
.wsp-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 12px;border-radius:10px;text-decoration:none!important}
.wsp-link{cursor:pointer;transition:background .16s}
.wsp-link:hover{background:#eef6f1}
.wsp-link:focus-visible{outline:3px solid #2084ba;outline-offset:-2px}
.wsp-ref{font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#5a726c;letter-spacing:.02em}
.wsp-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.wsp-main b{font-size:14.5px;line-height:1.35;color:#183f3b}
.wsp-meta{font-size:12.5px;line-height:1.45;color:#536c69}
.wsp-badge,.pd-badge{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:750;line-height:1.3;white-space:nowrap;background:#fbe3be;color:#75421e}
.wsp-badge.ok,.pd-badge.ok{background:#ddede4;color:#124941}
.wsp-badge.warn,.pd-badge.warn{background:#fdecc4;color:#7a5200}
.wsp-badge.alert,.pd-badge.alert{background:#f8d9cc;color:#8a2f17}
.wsp-badge.info,.pd-badge.info{background:#dcecf5;color:#17506c}
.wsp-foot{padding:14px 22px 20px;border-top:1px solid #dfeae4;background:#f8f7ee}
.wsp-foot .btn{min-height:46px}

/* ---------- Mataqali Navuso sample: clickable parcel rows ---------- */
.navuso .tablewrap{margin-top:18px;background:#fffefa}
.navuso-table tr[data-href]{cursor:pointer;transition:background .16s}
.navuso-table tr[data-href]:hover td{background:#eef6f1}
.navuso-table tr[data-href]:focus-visible{outline:3px solid #2084ba;outline-offset:-3px}
.navuso-table tr[data-href]:focus-visible td{background:#eef6f1}
.inspect-pill{display:inline-flex;align-items:center;margin-left:8px;padding:3px 10px;border-radius:999px;background:#ddede4;color:#086458;font-size:11.5px;font-weight:750;line-height:1.4;white-space:nowrap;vertical-align:middle}
.navuso-table tr[data-href]:hover .inspect-pill,.navuso-table tr[data-href]:focus-visible .inspect-pill{background:#08736a;color:#fff}
.navuso-hint{margin:12px 0 0}

/* ---------- Land book demo: parcel workflow panel ---------- */
#showAllParcels{display:none}
#parcelRows tr.deep-on td,#boseRows tr.deep-on td{background:#fdf3d7}
#parcelRows tr.deep-on td:first-child,#boseRows tr.deep-on td:first-child{box-shadow:inset 4px 0 0 #cf603c}
.pd{margin:18px 0 8px;padding:22px;background:#fffefa;border:1px solid #c9dedb;border-top:4px solid #08736a;border-radius:16px}
.pd:focus{outline:none}
.pd:focus-visible{outline:3px solid #2084ba;outline-offset:2px}
.pd[hidden]{display:none}
.pd.pd-reserve{border-top-color:#b3432a}
.pd.pd-gate{border-top-color:#d08a1c}
.pd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pd-top h3{margin:0;font-size:22px;color:#124941}
.pd-heading{margin:10px 0 4px;font:700 17px/1.35 var(--dui-font-display,Arial,sans-serif);color:#a54329}
.pd-lead{margin:0 0 6px;max-width:72ch}
.pd h4{margin:18px 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#315d50}
.pd-count{margin-left:6px;padding:2px 8px;border-radius:999px;background:#ddede4;color:#124941;font-size:11px;letter-spacing:0}
.pd-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.pd-records{list-style:none;margin:0;padding:0;border:1px solid #dfeae4;border-radius:12px;background:#fff}
.pd-record{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px}
.pd-record+.pd-record{border-top:1px solid #e6efe9}
.pd-ref{font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#5a726c}
.pd-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.pd-main b{font-size:14.5px;color:#183f3b}
.pd-meta{font-size:12.5px;color:#536c69}
.pd-badge.floor{background:#124941;color:#fff;margin-left:6px}
.pd-steps{list-style:none;margin:0;padding:0}
.pd-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:0 0 14px;position:relative}
.pd-steps li:not(:last-child)::before{content:'';position:absolute;left:14px;top:30px;bottom:0;width:2px;background:#cfe0d8}
.pd-step-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f0ec;color:#49645c;font-size:13px;font-weight:750}
.pd-steps li.done .pd-step-n{background:#08736a;color:#fff}
.pd-steps li.now .pd-step-n{background:#f9bf66;color:#3b2a10;box-shadow:0 0 0 4px #fbe3be}
.pd-steps b{color:#183f3b}
.pd-steps p{margin:2px 0 0;font-size:13px;line-height:1.55;color:#536c69}
.pd-step-state{margin-left:4px;font-size:11px;font-weight:750;color:#5a726c;text-transform:uppercase;letter-spacing:.05em}
.pd-steps li.now .pd-step-state{color:#a54329}
.pd-steps li.done .pd-step-state{color:#086458}
.pd-routes{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;border:0;min-width:0}
.pd-routes legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#315d50}
.pd-route{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #92b7b0;border-radius:999px;background:#fffdf6;color:#124941;font-size:13px;font-weight:700;cursor:pointer}
.pd-route input{accent-color:#08736a;margin:0;width:16px;height:16px;flex:0 0 16px;padding:0}
.pd-route.on{background:#124941;border-color:#124941;color:#fff}
.pd-route:focus-within{outline:3px solid #2084ba;outline-offset:2px}
.pd-route-note{margin-top:12px;padding:14px 16px;border-radius:12px;background:#e8f3ed;color:#183f3b}
.pd-route-note p{margin:6px 0 0;font-size:13.5px}
.pd-checks .check{font-size:14px}
.pd-checks .check input{margin-top:4px;accent-color:#08736a;width:18px;height:18px;flex:0 0 auto}
.pd-banner{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:16px 18px;border-radius:12px;background:#fdecc4;color:#5f4100}
.pd-banner svg{flex:0 0 auto;margin-top:2px}
.pd-banner b{font:700 16px/1.35 var(--dui-font-display,Arial,sans-serif)}
.pd-banner p{margin:4px 0 0;font-size:13.5px;line-height:1.55}
.pd-banner.locked{background:#f8d9cc;color:#7a2813}
.pd-banner.open{background:#ddede4;color:#124941}
.pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.pd-actions .btn{min-height:44px}
.pd .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}
.pd-msg{margin:12px 0 0;color:#086458;font-weight:650}
.pd-msg:empty{display:none}

@media(max-width:767px){
  .wsp{grid-template-columns:minmax(0,1fr);gap:0}
  .wsp-window{margin:2px 0 10px}
  .wsp-head{padding:16px 16px 12px}
  .wsp-title{font-size:17px}
  .wsp-rows{padding:4px 6px}
  .wsp-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 10px}
  .wsp-badge{justify-self:start;white-space:normal}
  .wsp-foot{padding:12px 16px 16px}
  .wsp-foot .btn{width:100%}
  .inspect-pill{display:flex;width:max-content;margin:6px 0 0}
  /* Phone deep link: keep the chosen parcel and its workflow on one screen. */
  #parcelRows.focus-one tr:not(.deep-on){display:none}
  #showAllParcels:not([hidden]){display:inline-flex;margin-top:10px;min-height:44px}
  .pd{padding:16px}
  .pd-top h3{font-size:19px}
  .pd-cols{grid-template-columns:minmax(0,1fr)}
  .pd-record{grid-template-columns:minmax(0,1fr);gap:5px}
  .pd-badge{justify-self:start;white-space:normal}
  .pd-route{width:100%;border-radius:12px}
  .pd-actions .btn{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.wsp-tab,.wsp-link,.navuso-table tr[data-href]{transition:none}}
@media print{.pd-actions,.pd [data-pd-close]{display:none!important}}