/* 事務局の承認済みブラウンUI。権限や送信処理は既存APIを使用。 */
html[data-role="office"]{--navy:#402b20;--teal:#996337;--role-accent:#956035;--role-soft:#f7efe6;--role-border:#e5d7c8;--role-nav-active:#9a683d;--role-nav-marker:#ebcba4}html[data-role="office"] body{background:#f8f6f2}html[data-role="office"] .sidebar{width:260px;padding:26px 16px 20px;background:linear-gradient(145deg,#483023,#34251d)}html[data-role="office"] .workspace{margin-left:260px}html[data-role="office"] .brand{gap:12px;align-items:flex-start;letter-spacing:0;margin:0 5px 18px}html[data-role="office"] .brand-mark{width:48px;height:48px;flex-shrink:0}.office-brand-copy{display:flex;flex-direction:column;gap:5px}.office-brand-copy strong{font-size:20px;color:#fff}.office-brand-copy span{font-size:14px;color:#fff}.office-brand-copy small{font-size:11px!important;letter-spacing:0!important;color:#e2cfbd!important}.office-role-label{display:inline-block;border-radius:18px;padding:8px 16px;background:#9d714c;color:#fff;font-size:12px;letter-spacing:0}html[data-role="office"] .nav-caption{margin:0 5px 22px}html[data-role="office"] .nav-item{min-height:54px;font-size:14px;gap:14px;border-radius:8px;line-height:1.6;padding:13px 12px}html[data-role="office"] .nav-item .ico{width:25px;height:25px;flex-shrink:0}html[data-role="office"] .nav-item svg{width:25px;height:25px}html[data-role="office"] .sidebar-footer{font-size:10px;padding-top:18px}html[data-role="office"] .topbar{height:72px;padding:0 28px;border-color:#ede5dc}html[data-role="office"] .topbar .left{color:#695545;font-size:13px}html[data-role="office"] .content{padding:32px 28px;max-width:1800px}html[data-role="office"] .panel{border-color:#e8e1d9;box-shadow:0 3px 16px #48301b04}html[data-role="office"] .heading h1{color:#3b291f;font-size:32px}html[data-role="office"] .heading .eyebrow{display:none}.office-home-heading p{font-size:17px;color:#646462}.office-home-heading time{color:#6a6057;font-size:13px;white-space:nowrap}.office-create-title{display:flex;align-items:center;gap:22px;padding:20px 24px;background:linear-gradient(110deg,#8b5c35,#a5764c);color:white}.office-create-title h2{margin:0;font-size:22px}.office-create-title p{margin:0;font-size:14px;color:#fff5e9;border-left:1px solid #f0d6bd88;padding-left:22px}.office-request-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.office-action-card{display:flex;align-items:center;gap:14px;min-width:0;text-align:left;background:#fff;border:1px solid #e7e2dc;border-radius:12px;padding:17px 15px;box-shadow:0 2px 5px #4c331e04;color:#4b3120;min-height:108px}.office-action-card:hover{background:#fcf8f3;border-color:#c7a78a}.office-action-card:active{transform:translateY(1px)}.office-icon-tile{display:grid;place-items:center;width:62px;height:68px;background:#f8f0e7;border-radius:15px;flex-shrink:0;color:#8a5a34}.office-icon-tile svg{width:35px;height:35px}.office-action-card>span:nth-child(2){min-width:0}.office-action-card strong{display:block;font-size:15px;line-height:1.7}.office-action-card small{display:block;font-size:12px;font-weight:400;color:#77736f;margin-top:4px;line-height:1.6}.office-action-card b{margin-left:auto;color:#a27042;font-size:26px;font-weight:400}.office-home-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;align-items:start}.office-home-grid .panel-head{padding:21px}.office-home-grid h2{display:flex;align-items:center;gap:9px;color:#432e22;font-size:21px;margin:0}.office-home-grid h2 svg{width:25px;height:25px;flex-shrink:0}.office-recent table{white-space:normal;table-layout:fixed}.office-recent th{font-size:12px;color:#706c65}.office-recent th:first-child{width:47%}.office-recent th:nth-child(2){width:17%}.office-recent th:nth-child(3){width:20%}.office-recent th,.office-recent td{padding:16px 12px}.office-recent td{font-size:13px;overflow-wrap:anywhere;vertical-align:middle}.office-recent td strong{font-size:14px}.office-recent td small{display:block;color:#8d857e;font-size:11px;margin-top:4px}.office-recent .text-link{min-height:40px;white-space:nowrap}.office-resource-links{display:grid;gap:11px;padding:0 18px 18px}.office-resource-links .office-action-card{min-height:82px;padding:13px;box-shadow:none}.office-resource-links .office-icon-tile{width:46px;height:52px;border-radius:10px}.office-resource-links .office-icon-tile svg{width:28px;height:28px}.office-resource-links .office-action-card:last-child{background:#f5f4f2}.office-home .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:761px) and (max-width:1250px){.office-request-cards{gap:10px;padding:16px}.office-request-cards .office-action-card{flex-wrap:wrap;padding:14px;gap:9px}.office-request-cards .office-icon-tile{width:44px;height:48px}.office-request-cards .office-action-card>span:nth-child(2){flex-basis:100%;order:3}.office-request-cards .office-action-card b{order:2}.office-home-grid{grid-template-columns:minmax(0,1fr)}.office-resource-links{grid-template-columns:repeat(3,minmax(0,1fr))}.office-resource-links .office-action-card{flex-wrap:wrap}.office-home-heading{flex-wrap:wrap}.office-home-heading time{display:none}}
@media(max-width:760px){html[data-role="office"] .sidebar{width:230px}html[data-role="office"] .workspace{margin-left:0}html[data-role="office"] .content{padding:24px 16px calc(115px + env(safe-area-inset-bottom))}html[data-role="office"] .topbar{height:72px;padding:0 16px}.office-home-heading{gap:12px}.office-home-heading h1{font-size:27px!important}.office-home-heading p{font-size:15px}.office-home-heading time{display:none}.office-create-title{display:block;padding:18px}.office-create-title h2{font-size:21px}.office-create-title p{border:0;padding:0;font-size:13px;margin-top:4px}.office-request-cards{grid-template-columns:minmax(0,1fr);padding:14px;gap:11px}.office-action-card{min-height:90px}.office-home-grid{grid-template-columns:minmax(0,1fr)}.office-recent table,.office-recent tbody,.office-recent tr{display:block}.office-recent thead{display:none}.office-recent tr{padding:15px 18px;border-bottom:1px solid #eee7df}.office-recent td{display:inline-block;border:0;padding:5px 8px 5px 0}.office-recent td:first-child{display:block}.office-recent td:nth-child(4){float:right}.office-recent td:nth-child(2){font-size:12px}.office-home-grid h2{font-size:19px}.office-resource-links{grid-template-columns:minmax(0,1fr)}}
.office-mobile-home,.office-mobile-brand{display:none}
@media(max-width:760px){html[data-role="office"] .office-desktop-home,html[data-role="office"] .sidebar,html[data-role="office"] #toggle-nav,html[data-role="office"] #nav-backdrop,html[data-role="office"] .account>span{display:none}html[data-role="office"] .office-mobile-brand{display:flex;align-items:center;gap:10px;color:#402a1e;font-size:21px;font-weight:750;line-height:1.3}.office-mobile-brand img{width:43px;height:43px;border-radius:11px;flex-shrink:0}.office-mobile-brand small{display:block;color:#75675c;font-size:13px;margin-top:3px}html[data-role="office"] .topbar{height:84px;padding:12px 16px;gap:10px}html[data-role="office"] .account{max-width:none}html[data-role="office"] .account button{min-height:44px;font-size:14px;color:#714d31;background:#fff;border-color:#e5d6c6;padding:9px 12px}html[data-role="office"] .content{padding-top:0;background:#f8f5ef}
.office-mobile-home{display:block}.office-mobile-hero{position:relative;overflow:hidden;isolation:isolate;margin:0 -16px 20px;padding:27px 22px 30px;min-height:140px;background:linear-gradient(110deg,#4b3021,#855735 65%,#b37c50);border-radius:0 0 18px 18px;color:#fff}.office-mobile-hero::before,.office-mobile-hero::after{content:'';position:absolute;z-index:-1;border:1px solid #efc79a44;border-radius:50%;width:450px;height:200px;transform:rotate(-20deg);right:-150px;bottom:-110px}.office-mobile-hero::after{transform:rotate(25deg);right:-180px;bottom:10px}.office-mobile-hero h1{font-size:29px!important;line-height:1.5;color:#fff!important;margin:0 0 4px;letter-spacing:.3px}.office-mobile-hero p{margin:0;color:#f3e5d6;font-size:16px}
.office-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.office-mobile-grid h2{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:#4b3021;font-size:20px;margin:12px 0 0;line-height:1.7}.office-mobile-grid h2:first-child{margin-top:0}.office-mobile-grid h2::before{content:'';width:5px;height:22px;background:#835735;border-radius:3px;flex-shrink:0}.office-mobile-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 13px;grid-template-rows:auto auto;gap:12px 6px;align-items:center;min-width:0;min-height:142px;text-align:left;border-radius:13px;border:1px solid #e1d6c9;padding:17px 14px;color:#4b3021;background:#fff;box-shadow:0 3px 10px #4a2d1a08}.office-mobile-card.is-request{color:white;background:linear-gradient(140deg,#a0704a,#70482c 65%,#52351f);border-color:#c29975;box-shadow:0 3px 9px #57331d12}.office-mobile-icon{display:grid;place-items:center;grid-column:1;grid-row:1;flex-shrink:0;width:50px;height:50px;color:#885a38;background:#f5e9d9;border-radius:12px}.office-mobile-icon svg{width:33px;height:33px}.is-request .office-mobile-icon{color:#fff;background:transparent;width:46px;height:46px}.is-request .office-mobile-icon svg{width:40px;height:40px}.office-mobile-copy{min-width:0;grid-column:1/-1;grid-row:2}.office-mobile-copy strong{display:block;font-size:17px;line-height:1.6;font-weight:750;overflow-wrap:anywhere}.office-mobile-copy small{display:block;font-size:13px;line-height:1.7;font-weight:400;color:#86766a;margin-top:3px}.is-request .office-mobile-copy small{color:#f2e5d5}.office-mobile-card b{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400}.office-mobile-card:not(.is-wide) .office-mobile-copy{padding-right:8px}.office-mobile-card.is-wide{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-height:100px;padding:18px 17px}.office-mobile-card.is-wide .office-mobile-copy{padding-right:15px}.office-mobile-card[data-go="closure"] .office-mobile-copy strong{font-size:19px}.office-mobile-card[data-go="requests"]{min-height:91px}.office-mobile-card:active{filter:brightness(.96);transform:translateY(1px)}html[data-role="office"] .admin-mobile-home-bar{border-top-color:#ddcdbd}html[data-role="office"] .admin-mobile-home-bar button{color:#69452d}html[data-role="office"] .refresh-actions{margin-top:24px}
}
@media(max-width:360px){html[data-role="office"] .office-mobile-brand{font-size:18px;gap:7px}.office-mobile-card{padding:15px 11px}.office-mobile-copy strong{font-size:16px}.office-mobile-card[data-go="closure"] .office-mobile-copy strong{font-size:17px}.office-mobile-card.is-wide{gap:10px;padding:16px 12px}.office-mobile-icon{width:42px;height:46px}.office-mobile-card.is-wide .office-mobile-copy small{font-size:12px}}
/* 承認デザイン：バナーに合わせた黄色・オレンジと小さな乾杯マスコット。携帯事務局限定。 */
@media(max-width:760px){
html[data-role="office"]{--teal:#c24e09;--role-accent:#c24e09;--role-soft:#fff3e3;--role-border:#efd9c0;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic UI',Meiryo,sans-serif}html[data-role="office"] body,html[data-role="office"] .content{background:#fffaf2;color:#3e2c28}html[data-role="office"] .topbar{background:#fffdf9;border-color:#f4e7d9}html[data-role="office"] .office-mobile-brand{color:#3f2925;font-weight:650;font-size:21px}html[data-role="office"] .office-mobile-brand small{color:#64514a;font-weight:500}html[data-role="office"] .account button{color:#bc4c0a;border-color:#edc7a6;font-size:14px;font-weight:600}
.office-mobile-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;min-height:140px;height:140px;padding:20px 18px 20px 20px;border-radius:16px;background:linear-gradient(150deg,#fff26a 0%,#ffd45a 53%,#ff941b 100%);border:1px solid #ffe89c;box-shadow:0 4px 14px #c9781110}.office-mobile-hero::before,.office-mobile-hero::after{display:none}.office-mobile-hero h1{color:#76223c!important;font-size:26px!important;font-weight:600;line-height:1.4;letter-spacing:-.5px;margin:0;white-space:nowrap;min-width:0}.office-mobile-mascot{display:block;width:73px;height:90px;object-fit:contain;flex-shrink:0;align-self:center}
html[data-role="office"] .content{padding-top:14px}.office-mobile-grid{gap:11px}.office-mobile-grid h2{color:#76223c;font-size:18px;font-weight:650;margin-top:12px;gap:9px;letter-spacing:0}.office-mobile-grid h2::before{background:#f36a12;width:4px;height:20px}.office-mobile-card,.office-mobile-card.is-request{display:flex;gap:10px;align-items:center;min-height:91px;padding:15px 13px;border:1px solid #f1dfc8;border-radius:13px;background:#fff;color:#382824;box-shadow:0 3px 12px #bd75100a}.office-mobile-card:hover{background:#fffcf7;border-color:#eebd8c}.office-mobile-icon,.is-request .office-mobile-icon{grid-column:auto;grid-row:auto;width:44px;height:52px;flex-shrink:0;display:grid;place-items:center;background:#fff2df;color:#d34d00;border-radius:11px}.office-mobile-icon svg,.is-request .office-mobile-icon svg{width:31px;height:31px;stroke-width:1.7}.office-mobile-copy{display:block;grid-column:auto;grid-row:auto;flex:1;min-width:0}.office-mobile-copy strong{font-size:16px;line-height:1.55;font-weight:600;word-break:normal}.office-mobile-copy small,.is-request .office-mobile-copy small{font-size:12px;line-height:1.6;color:#79665c;font-weight:400}.office-mobile-card b{position:static;transform:none;flex-shrink:0;font-size:25px;line-height:1;color:#d95206;font-weight:400}.office-mobile-card:not(.is-wide) .office-mobile-copy{padding-right:0}.office-mobile-card.is-wide{gap:12px;padding:16px;min-height:88px}.office-mobile-card.is-wide .office-mobile-copy{padding-right:0}.office-mobile-card[data-go="closure"] .office-mobile-copy strong{font-size:18px;font-weight:600}.office-mobile-card[data-go="requests"] .office-mobile-copy strong{font-size:17px}.office-mobile-card[data-go="requests"] .office-mobile-copy small{font-size:12px}html[data-role="office"] .admin-mobile-home-bar{background:#fffefd;border-top-color:#efcda9}html[data-role="office"] .admin-mobile-home-bar button{color:#b64a09;font-size:16px;font-weight:600}.office-mobile-home~.refresh-actions{margin-top:22px}
}
@media(max-width:360px){.office-mobile-hero{gap:8px;padding:18px 14px;height:140px}.office-mobile-hero h1{font-size:22px!important;letter-spacing:-.7px}.office-mobile-mascot{width:65px;height:81px}.office-mobile-card,.office-mobile-card.is-request{padding:14px 10px;gap:7px}.office-mobile-card:not(.is-wide){flex-wrap:wrap;justify-content:space-between;min-height:112px}.office-mobile-card:not(.is-wide) .office-mobile-copy{flex-basis:calc(100% - 22px);order:2}.office-mobile-card:not(.is-wide) b{order:3}.office-mobile-icon,.is-request .office-mobile-icon{width:40px;height:46px}.office-mobile-card.is-wide{gap:10px;padding:14px 11px}.office-mobile-card[data-go="closure"] .office-mobile-copy strong{font-size:16px}.office-mobile-card[data-go="requests"] .office-mobile-copy strong{font-size:16px}.office-mobile-copy strong{font-size:15px}}
@media(max-width:760px){.office-mobile-card[data-go="logos"],.office-mobile-card[data-go="album"]{display:grid;grid-template-columns:minmax(0,1fr) 12px;grid-template-rows:auto auto;gap:8px 5px;min-height:120px;padding:14px}.office-mobile-card[data-go="logos"] .office-mobile-icon,.office-mobile-card[data-go="album"] .office-mobile-icon{grid-column:1;grid-row:1;width:42px;height:45px}.office-mobile-card[data-go="logos"] .office-mobile-copy,.office-mobile-card[data-go="album"] .office-mobile-copy{grid-column:1/-1;grid-row:2;padding-right:0}.office-mobile-card[data-go="logos"] .office-mobile-copy strong,.office-mobile-card[data-go="album"] .office-mobile-copy strong{font-size:16px;line-height:1.5}.office-mobile-card[data-go="logos"] b,.office-mobile-card[data-go="album"] b{grid-column:2;grid-row:1;justify-self:end}}
/* 事務局PC版も携帯と同じ黄・オレンジ・えんじ色に統一。配置と機能は維持。 */
@media(min-width:761px){
html[data-role="office"]{--navy:#65243a;--teal:#bd4c0b;--role-accent:#bd4c0b;--role-soft:#fff3df;--role-border:#eed7bd;--role-nav-active:#ffce67;--role-nav-marker:#ffedac;color:#3e2c28;background:#fffaf2;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic UI',Meiryo,sans-serif}html[data-role="office"] body{background:#fffaf2}html[data-role="office"] .sidebar{background:linear-gradient(155deg,#72263d,#572031);color:#fff6ec}html[data-role="office"] .sidebar .nav-item{color:#fff6ec;font-weight:550}html[data-role="office"] .sidebar .nav-item.active{background:linear-gradient(110deg,#ffe77a,#ffb64d);color:#65243a;border-left-color:#fff2b5}html[data-role="office"] .sidebar .nav-item:hover{background:#87344b;color:#fff}html[data-role="office"] .sidebar .nav-item.active:hover{background:#ffdc7c;color:#65243a}html[data-role="office"] .office-brand-copy small{color:#f3d4d5!important}html[data-role="office"] .office-role-label{color:#6b253c;background:#ffe3a3;font-weight:600}html[data-role="office"] .sidebar-footer{color:#f2d8d3;border-top-color:#ffffff2a}html[data-role="office"] .sidebar-footer>.badge{background:#ffe7b8;color:#742b3c}html[data-role="office"] .topbar{background:#fffefa;border-color:#f1e5d8}html[data-role="office"] .topbar .left{color:#785e55}html[data-role="office"] .account .avatar{background:#fff0db;color:#a14319}html[data-role="office"] .account button{color:#b74b0b;border-color:#e8c6a5;background:#fffdf9;min-height:40px}html[data-role="office"] .content{background:#fffaf2}html[data-role="office"] .heading h1{color:#76223c;font-weight:650}html[data-role="office"] .panel{border-color:#f0dfcc;box-shadow:0 3px 15px #b56b1607}html[data-role="office"] .panel-head{border-color:#f3e9dd}html[data-role="office"] .panel-head h2{color:#76223c}html[data-role="office"] .text-link{color:#bb4c0c}html[data-role="office"] .office-home-heading p{color:#79675d}html[data-role="office"] .office-home-heading time{color:#7b685e}.office-create-title{background:linear-gradient(115deg,#fff06b 0%,#ffd05a 52%,#ff9a27 100%);color:#76223c}.office-create-title h2{font-weight:650}.office-create-title p{color:#6d4734;border-left-color:#b6773e55}.office-action-card{color:#402c25;border-color:#f0dfcb;box-shadow:0 3px 10px #b36c1005}.office-action-card:hover{background:#fffcf5;border-color:#e4b785}.office-action-card strong{font-weight:600}.office-action-card small{color:#806d61}.office-action-card b{color:#d95206}.office-icon-tile{background:#fff2df;color:#d34d00}.office-home-grid h2{color:#76223c;font-weight:650}.office-recent th{background:#fff8ec;color:#7a665b}.office-recent td{border-color:#f3e9dd}.office-recent td small{color:#8b776b}.office-resource-links .office-action-card:last-child{background:#fff9ef}.office-resource-links .office-action-card:last-child:hover{background:#fff3df}html[data-role="office"] .footer{color:#927e71}
}