*{box-sizing:border-box}body{margin:0;background:#edf1ed;color:#183a38;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:#0b302d;color:white;display:flex;align-items:center;gap:25px;padding:18px 24px;border-bottom:3px solid #68c7a2;flex-wrap:wrap}header b{font-size:20px}header a{color:#b9e2cc}header span{margin-left:auto;font-size:12px}main{max-width:1450px;margin:auto;padding:24px}h1{font-size:27px;margin:0 0 8px}h2{font-size:16px;margin:0 0 12px}p,footer{font-size:12px;color:#5b716a}section{padding:18px;border:1px solid #d3dfda;border-top:2px solid #678d79;background:white;margin:18px 0}.toolbar,form{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}label{display:block;color:#4d6958;font-size:12px}input,select{display:block;padding:9px;font:inherit;border:1px solid #b4c6bb;color:#183a38;background:white;max-width:100%}input{min-width:210px}button{font:inherit;padding:9px 14px;border:0;background:#007b69;color:white;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:#007b69}.section-heading{display:flex;justify-content:space-between;gap:15px}#stages{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stage{background:#f0f4ee;border-top:3px solid #becbbc;padding:12px}.stage b,.stage small{display:block}.stage small{font-size:11px;color:#5b716a}.stage.COMPLETED{background:#e4f2e7;border-color:#008569}.stage.WAITING_HUMAN{background:#fff4e4;border-color:#b37a25}.stage.EXECUTING{background:#e1efe9;border-color:#177d68}.stage.HELD{background:#fff0e7;border-color:#b46838}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:9px;text-align:left;border-bottom:1px solid #d3dfda;vertical-align:top}th{background:#edf3eb;font-weight:500}td small{color:#5b716a;font-size:10px;overflow-wrap:anywhere}.tag{padding:3px 6px;background:#eef3ea;white-space:nowrap}.tag.CONFIRMED{background:#e1f3e5;color:#08714e}.tag.WAITING_HUMAN,.tag.UNKNOWN{background:#fff0db;color:#a35b17}#message{color:#9b541d;overflow-wrap:anywhere}#identity,#resources{overflow-wrap:anywhere}#human-panel{border-top-color:#b37a25}#human-task{font-size:14px;font-weight:600}footer{padding-bottom:25px}@media(max-width:850px){#stages{grid-template-columns:repeat(2,1fr)}main{padding:12px}header{gap:12px}header span{margin-left:0}form label{width:100%}input{width:100%}.toolbar label{max-width:100%}}

[hidden]{display:none!important}.view-tabs{display:flex;gap:4px;margin:16px 0}.view-tabs button{background:#dfe9df;color:#214a3c}.view-tabs button[aria-pressed=true]{background:#007b69;color:white}#permissions{display:flex;gap:15px;flex-wrap:wrap}.permission{padding:10px;background:#eef3eb;min-width:220px}.permission small{display:block;font-size:11px;color:#5b716a}.permission b{margin-right:12px}.permission-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag.BLOCKED{background:#fff0db;color:#a35b17}.tag.READY{background:#dff2e3;color:#08714e}article{padding:10px 0;border-bottom:1px solid #d3dfda}h3{font-size:14px;margin:6px 0}.stage.WAITING_EXTERNAL{background:#fff4e4;border-color:#b37a25}
form input[type=checkbox]{display:inline-block;min-width:0;width:auto;margin-right:6px}
.flow-grid{display:flex;gap:10px;flex-wrap:wrap}.flow-grid>.permission{flex:1;min-width:220px}.flow-grid>.stage{flex:1;min-width:100px}
#interface-panel{padding:24px}#rop-definition{max-width:940px;font-size:14px;color:#214a3c;margin:12px 0 16px}#rop-definition b,#rop-definition span,#rop-definition small{display:block}#rop-definition b{font-size:16px;margin-bottom:8px}#rop-definition small{font-size:12px;margin-top:12px;color:#5b716a}.interface-mode{margin:0 0 16px}#interface-layers{margin-bottom:28px}#interface-layers table{table-layout:fixed}#interface-layers th:nth-child(1){width:25%}#interface-layers th:nth-child(2){width:35%}#interface-layers th:nth-child(3){width:40%}#interface-layers td{padding:14px 12px;overflow-wrap:anywhere}#interface-layers td:first-child{font-weight:650}#interface-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#interface-connections article{padding:16px;background:#f0f5ef;border:1px solid #d3dfda}#interface-connections h3{margin:0 0 12px}.interface-flow{font-size:12px;font-weight:650;color:#007b69;line-height:1.8;overflow-wrap:anywhere}#interface-connections p{margin:12px 0 0;line-height:1.8}@media(max-width:850px){#interface-panel{padding:18px}#interface-connections{grid-template-columns:1fr}}@media(max-width:650px){#interface-layers table,#interface-layers tbody,#interface-layers tr,#interface-layers td{display:block;width:100%}#interface-layers thead{display:none}#interface-layers tr{padding:12px 0;border-bottom:1px solid #d3dfda}#interface-layers td{border:0;padding:6px 0}#interface-layers td:not(:first-child)::before{content:attr(data-label);display:block;color:#5b716a;font-size:10px;margin-bottom:3px}#interface-layers td:first-child{font-size:13px}}

#material-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#material-form input:not([type=checkbox]){width:100%;min-width:0}#material-target,#material-form label:has(input[type=checkbox]),#preparation-checks{grid-column:1/-1;flex-basis:100%}#material-target{overflow-wrap:anywhere}#preparation-checks label{margin:8px 0}#material-preparation-panel{border-top-color:#16896f}@media(max-width:850px){#material-form{grid-template-columns:1fr}}

.handling-checks{flex-basis:100%;padding:16px;background:#f1f6ee;border-left:3px solid #19806a}.handling-checks label{margin:10px 0;display:flex;align-items:flex-start;gap:8px}.handling-checks input[type=checkbox]{flex:0 0 auto;margin-top:4px}.handling-checks small{display:block;color:#5b716a}.preparation-summary{padding:12px;background:#f1f6ee}.preparation-summary ul{padding-left:20px}.preparation-summary li{margin:6px 0}

.robot-interface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.robot-interface-heading h2{margin:0}.interface-proposal-label{font-size:11px;color:#326454;border:1px solid #b9cec2;border-radius:4px;padding:5px 8px}.robot-interface-decision{max-width:960px;line-height:1.8;margin:16px 0}.robot-interface-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.robot-interface-principles article,.robot-profile-grid article{padding:16px;border:1px solid #d3dfda;background:#f5f8f3;min-width:0}.robot-interface-principles h3,.robot-profile-grid h3{margin:0 0 10px}.robot-interface-principles p,.robot-profile-grid p{line-height:1.8;margin:8px 0}.robot-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 24px}.robot-profile-grid small{display:block;margin-top:12px;color:#567064}.robot-contract-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.robot-contract-cases article{padding:14px;border:1px solid #d3dfda;display:flex;align-items:flex-start;flex-direction:column;gap:12px;min-width:0}.robot-contract-cases b{font-size:13px;overflow-wrap:anywhere}.robot-contract-caption{font-size:12px;color:#567064;line-height:1.8;margin:12px 0}.robot-contract-cases .tag{white-space:normal}.robot-contract-references{margin:20px 0 32px;padding:14px;background:#f5f8f3;border:1px solid #d3dfda}.robot-contract-references summary{cursor:pointer;font-weight:650}.robot-contract-references ul{padding-left:20px}.robot-contract-references li{margin:12px 0;overflow-wrap:anywhere}.robot-contract-references li span{display:block;line-height:1.8;font-size:12px;color:#567064;margin-top:6px}#robot-contract-panel{border-bottom:1px solid #d3dfda;margin-bottom:28px}@media(max-width:850px){.robot-profile-grid,.robot-interface-principles{grid-template-columns:1fr}.robot-contract-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.robot-contract-cases{grid-template-columns:1fr}}

.stage-transition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.stage-transition-card{border:1px solid #cbd9ce;border-radius:8px;padding:18px;background:#f7faf7;min-width:0}.stage-transition-card h3{margin:14px 0 10px;font-size:17px}.stage-transition-card dl{margin:0}.stage-transition-card dt{font-size:12px;color:#637c6f;margin-top:12px}.stage-transition-card dd{margin:4px 0;overflow-wrap:anywhere;font-size:13px}.stage-transition-card p,.execution-chain p{overflow-wrap:anywhere}.stage-transition-note{color:#637c6f;font-size:13px}.execution-chain{margin-top:18px;padding:16px;border:1px solid #cbd9ce;border-radius:8px}#material-handover-field{grid-column:1/-1;background:#eff5f0;padding:16px;border-radius:8px}
